1bigmelon / sher_coder_two

程序部前端第二次培训前准备

0 前言

• 结束了前端第一次的培训，相信大家也有一些收获，对网页的布局也有了更多的了解，希望大家能够多多在练习中使用FlexBox模型、理解文档流、熟练html标签用法等......

• 接触过css后相信大家也认识到它可以用来实现各种各样的网页的动画，那么怎么做出好看的动画呢？CSS3就提供了很多用来写动画的属性，还有培训时提到的scss这样一个概念，什么是scss？希望大家在这个星期里能够学习CSS3动画以及初步了解scss的概念。

• 那么第一次让大家做的网页并没有要求有交互性,但是在实际的网页制作中，良好的交互可以给用户带来使用体验，因此学习网页的交互是必不可少der！所以大家要先自行了解一下javascript。

1 培训前需完成：

• scss的安装（多试试哈 实在没装成 到时带电脑来给你搞）
• 对css3动画的了解 （尽量呈现在作业中）
• javascript的了解学习：

1. 变量(全局&局部)
2. 函数
3. this指针
4. DOM
5. 弹窗、控制台输出
6. 异步&同步

2 任务：提交网页+学习总结（心得）

具体要求

• 自行给网页设定一个要实现的特定功能，请多参考主流网站网页的布局。网页中可以是个人简介或者是介绍界面（如培训时看的介绍宫崎骏的网站），或者是自己想要做的一个特定功能，希望大家能用上第一次培训所学到的一些布局的知识，可以仿写一些主流的网站，ballball大家做出一个好的布局。（可以在原基础上做，但要修正不足的地方和增添新东西）

• （选做）利用javascript实现网页交互。

• 学习总结或心得：总结学习过程中遇到的问题，也可以分享学习过程中看到的一些有意思的东西，也可以是想对学长姐说的一些心里话，或是对在培训中想学到什么的一些建议。希望大家文明用语。

3 推荐学习资源

• CSS3动画学习🔗CSS3动画
• 菜鸟教程javascript🔗菜鸟教程
• 🔗sass的官网
• 🔗sass的安装教程
• B站学习

4 推荐仿写网站

• 知乎🔗知乎官网
• 网易云音乐🔗网易云音乐官网
• 豆瓣🔗豆瓣官网
• MIUI🔗MIUI官网

5 最后学姐想说

看的出大家对编程的热情，也看得出来大家对部门的态度，希望大家在完成部门的学习任务的同时合理安排好自己的时间，不要让自己太累了，毕竟身体是革命的本钱。有些没有什么编程基础的同学可能在一段时间后会有点吃力，希望你们尽力而为，要会休息，但是不要偷懒，如果你们觉得有什么想和我们交流的随时欢迎，我们可以做你们的树洞。希望大家继续努力，你们真的很棒的鸭！