前端新人培养方案

[regiondavid]

前端新人进阶路线

此路线仅供参考，通过这个找到最适合自己的学习路线才是最重要的

没时间解释了，快上车

第零阶段(贯穿始终)

• 学习内容：
  • 明确自己的目标，保持学习的热情并坚持学下去
  • Git的基本操作以及配合Github的使用
  • 学会搜索的技巧，善于自己去寻找和发现
  • 关注一些大神的博客或者 github，比如广受好评的张鑫旭的博客；订阅一些资讯,接触一些新东西，比如奇舞周刊

第一阶段

• 学习方法：此部分偏重 html 和 css，可直接看 W3C 或从慕课网等平台看视频学习。这阶段一定要常练习，几天不敲真的会手生的。
• 学习内容：
  • 学习基本的 html 语法，熟练掌握常用标签，保持良好的文档结构
  • 会写常见的样式，掌握 css 选择器的用法，理解盒模型的概念和用法
  • 学习常见的几种布局的写法，对 position 和 float 的用法作深入的研究
  • 深入研究 position 和盒模型，研究多种居中的写法，包括水平居中和垂直居中
  • 熟练切图，能够较好的还原设计图
  • 学习 css 的 2D 动画和 3D 动画
  • 学会使用 LESS、 SASS等 CSS 预处理器
  • 学习使用响应式布局（如使用 rem、flex、媒体查询等）
  • 对移动端页面进行处理
  • 了解 bootstrap等常见的UI框架
  • 对命名进行规范，HTML 的语义化、css 的编码风格等参考《编写高质量代码》
• 练手项目
  • 三栏式布局
  • 文章展示
  • 响应式网格（栅格化）布局
  • 技术产品官网的页面架构及样式布局
  • 模拟报纸排版
  • 实现一个复杂页面
  • 移动 Web 页面布局实践

第二阶段

• 学习方法：此阶段主要学习js，主要找到相关的书去跟着学跟着敲。在 MDN上有规范。
• 学习内容
  • 结合《DOM编程艺术》了解JavaScript中的基本语法、DOM操作等等
  • 看着《JavaScript高级程序设计》过一遍，把基础打牢，对于事件、闭包、作用域重点看。
  • 结合《JavaScript设计模式与开发实践》对JavaScript的设计模式进行了解
  • JavaScript的动画的探索
  • 学习 jQuery (建议在对原生js学习到一定程度的时候再开始)
  • 根据自己需求去寻找其他书籍去学习，不一一列举了

第三阶段

• 学习内容
  • 通过制作 UI 组件对代码进行抽象和封装
  • 综合运用html+css+js的知识
• 练手东西
  • UI组件之浮出层
  • UI组件之排序表格
  • UI组件之日历组件
  • 相册的多种布局——拼图布局、瀑布布局、木桶布局

第四阶段

• 学习内容
  • 前端自动化项目构建工具——webpack
  • 学习 React、Angular、Vue(重点学一门)，结合Github和豆瓣等公开的API配合构建工具制作小demo
  • 学习线上调试
  • 学习 Ajax，并学习一门后端语言，了解前后端是如何合作的
  • 对 SEO有一定了解
  • 对 Node.js有一定了解，并初步会用
  • 了解canvas、SVG绘图和WebGL(通过Three.js去学习)
  • 看一些人文方面的书籍，比如《人月神话》、《黑客与画家》、《浪潮之巅》、《程序员的呐喊》等等

第五阶段

• 学习内容
  • 颈椎康复指南（逃

[LeuisKen]

个人建议前端就按照 百度前端技术学院 的路线图去走，有问题查阅资料解决，解决不了的一起讨论，养成良好的自学习惯。