-
Notifications
You must be signed in to change notification settings - Fork 25
Open
Description
前端新人进阶路线
此路线仅供参考,通过这个找到最适合自己的学习路线才是最重要的
没时间解释了,快上车
第零阶段(贯穿始终)
- 学习内容:
第一阶段
- 学习方法:此部分偏重 html 和 css,可直接看 W3C 或从慕课网等平台看视频学习。这阶段一定要常练习,几天不敲真的会手生的。
- 学习内容:
- 学习基本的 html 语法,熟练掌握常用标签,保持良好的文档结构
- 会写常见的样式,掌握 css 选择器的用法,理解盒模型的概念和用法
- 学习常见的几种布局的写法,对 position 和 float 的用法作深入的研究
- 深入研究 position 和盒模型,研究多种居中的写法,包括水平居中和垂直居中
- 熟练切图,能够较好的还原设计图
- 学习 css 的 2D 动画和 3D 动画
- 学会使用 LESS、 SASS等 CSS 预处理器
- 学习使用响应式布局(如使用 rem、flex、媒体查询等)
- 对移动端页面进行处理
- 了解 bootstrap等常见的UI框架
- 对命名进行规范,HTML 的语义化、css 的编码风格等参考《编写高质量代码》
- 练手项目
第二阶段
- 学习方法:此阶段主要学习js,主要找到相关的书去跟着学跟着敲。在 MDN上有规范。
- 学习内容
- 结合《DOM编程艺术》了解JavaScript中的基本语法、DOM操作等等
- 看着《JavaScript高级程序设计》过一遍,把基础打牢,对于事件、闭包、作用域重点看。
- 结合《JavaScript设计模式与开发实践》对JavaScript的设计模式进行了解
- JavaScript的动画的探索
- 学习 jQuery (建议在对原生js学习到一定程度的时候再开始)
- 根据自己需求去寻找其他书籍去学习,不一一列举了
第三阶段
- 学习内容
- 通过制作 UI 组件对代码进行抽象和封装
- 综合运用html+css+js的知识
- 练手东西
第四阶段
- 学习内容
第五阶段
- 学习内容
- 颈椎康复指南(逃
Metadata
Metadata
Assignees
Labels
No labels