前端学习计划✨

First of All

• 每天提交 issue ，内容包括（当天完成任务、次日要完成的任务【当天遇到的问题】）

• 每周笔记📒（本周学到的东西、下周计划、本周感受）

• 钉钉日报

• 注意：代码规范（缩进2个空格！！！）

• 本计划的学习时长大约4周 😈

  Resources

  学习资源

• freecodecamp

• 红宝书

• GitHub

• flexboxfroggy

• MDN文档

• 廖雪峰git教程

• TopView大前端代码规范

• Stack Overflow

  Week1

  第一周比较轻松~ 涉及的内容有JavaScript的介绍, 数据类型, 表达式以及运算，以及简单了解下的CSS的flex布局，还有Git。

tip： 总结JavaScript中哪些元素可以被遍历？有哪些方法可以遍历？不同遍历方法的使用场景？

Week2

涉及的内容有对象，数组，函数，DOM,  以及 jQuery 。（本周有分享会）

看这篇了解一下JS的一些执行机制

有空试试Todo

可参考例子：todoMVC 。

• 添加 / 删除 todo
• 完成 / 取消完成 todo
• 显示所有/ 未完成/ 已完成/ 已删除 的 todo
• 显示已完成的todo的数目和所有todo的数目
• 使用原生 JavaScript
• 用 Git 以及 GitHub 来管理你们的 todo 项目
• 学会 Git 的分支管理，请利用 GitHub 的 Projects Pages 把你的 Todo 项目发布到网上

Week 3

内容有 Ajax（jQuery.ajax()），以及 jQuery动画💬

改进 Todo

• 提供修改 todo 功能
• 清除所有已经完成的 todo
• 添加回收站功能，可以查看所有已删除的todo，可以从已删除的todo中恢复todo，可以清空回收站
• 尝试给todo加上优先级（高级、中级、无优先级）。优先级高的会显示在比较靠上面。（同级“后来者居上”）
• 使用 jQuery 的添加动画。比如，添加 todo 时的淡入 && 删除时的淡出
• 添加用户验证: 登录注销，利用 Local Storage (看看与用Session Storage会有什么不同)
• 尝试使用jQuery做TODO

Week 4 - Module, MVC, Class, Inheritance, Router

涉及了JS模块化，类，继承，ES6(ES2015), 路由, 以及多个小项目。

至于模块化：可以了解一下JS史前模块化的实现 AMD(requireJS) 和 CMD(seaJS)， 学习现在JS模块化的实现，ES6的Module实现的模块化

关于路由：去google了解一下前端路由（hash、history）的好处和前端路由解决了什么问题。这个东西以后大家都会继续接触，不必着急一时全弄懂。

Front End Go!

由于现在前端的技术还不是很成熟，因此发展会日新月异🐾🐾
所以啊，我们要时刻保持对知识的饥饿感！！！😋😋

✔️鸡汤

• 看书看不懂的部分就跳过!! 因为没有弄懂的以后实践的时候自然会弄懂的 总之要看快速看完一遍！😎😎
• 多打demo 多打demo 多打demo 重要的事情说三遍。
• 看书的时候多做笔记✏️✏️（用MarkDown做笔记，可以使用语雀）
• 多动手写代码，写得多才学得多。学到的东西尽量实际地打出来demo。对于一个方法或者数据类型，写着写着才能发现它的一些细节和特色。
• 遇到不懂的地方请 google，或者问小伙伴，或者提 issue，或者问师兄师姐
• 加油哦🚀 这将是一个非常充实的假期 👊👊