web前端学习路线你学会了吗？

《web前端学习路线你学会了吗？》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、web前端学习路线你学会了吗？基础：      1、语义化H5标签          1.1、H5引进了一些新的标签，特别注意article、header、footer、aside、nav等，注意HTML的标题结构          1.2、理解浏览器解析HTML的过程，理解DOM的树形结构，及相应API          1.3、理解HTML标签在各个浏览器上的默认样式（代理样式），理解CSS中的重置样式表的概念          1.4、理解Canvas、SVG、video等功能性标签          1.5、理解form、iframe标签，理解文件

2、提交过程          推荐书籍：                1、《HTML5秘籍》      2、高健壮性CSS          2.1、学习基础知识，包括大部分常用属性、选择器的用法，要对大多数标签有个基础概念                在日常使用的基础上，尝试学习浏览器兼容性问题，要知道兼容性的主要问题及解决方法          2.2、深入理解盒子模型，区分块级元素、行内元素，有几个比较重要的属性：                display、float、position，一定要弄清楚                区分盒子、行内

3、盒子的概念                另外可以考虑学一些预编译语言：sass、less，都很简单          2.3、学习常用框架，可以使用bootstrap构建项目          2.4、学习框架的代码组织方式                包括：12格栅系统、组件化、组件的风格化等          2.5、学习CSS3的新功能，特别是动画效果、选择器          2.6、认真学习一些CSS对象化思想，学习编写简洁性、高复用性、高健壮性的CSS          2.7、有空的话，可以看看所谓的扁平化设计，还有简洁性        

4、  2.8、理解CSSOM、render、reflow、CSS性能、CSS阻塞概念          学习方法：                1、多看别人的代码，一些设计的不错的网站就是很好的学习素材，比如拉勾网                2、一定要学会使用grunt、gulp压缩CSS                3、display+position+float可以组合出很复杂的效果，多想想盒子模型                4、尝试在不用float，且position不为absolute的情况下实现等高、等宽等布局          推荐书

5、籍：                1、《图灵程序设计丛书:HTML5与CSS3设计模式》                2、《Web开发技术丛书:深入理解Bootstrap》                      3、《高流量网站CSS开发技术》                4、《CSS设计彻底研究》          这个一定要                      5、《Web开发技术丛书:深入理解Bootstrap》                6、可以找一些专门讲SASS的书，但是我没找到                7、《CSS权

6、威指南(第3版)》      3、深入学习JS          3.1、重新学习JS语法，注意：表达式（特别是函数访问表达式）、语句、类型（包括类型判断）                注意，这个时候主要倾向于“原生”JS哦，不要使用框架          3.2、深入理解JS的“一级函数”、对象、类的概念                学会使用函数来构造类、闭包，学会用面向对象的方式组织代码          3.3、深入理解JS的作用域、作用域链、this对象（在各种调用形式中，this的指向）                理解函数的各种调用方法（

7、call、apply、bind等）          3.4、理解对象、数组的概念                理解对象的“[]”调用，理解对象是一种“特殊数组”                理解for语句的用法                深入理解JS中原始值、包装对象的概念（重要）          3.5、学习一些常用框架的使用方法，包括：JQUERY、underscore、EXTJS，加分点有：backbone、angularjs、ejs、jade                通过比较多个框架的使用方法，想清楚“JS语言极其灵活”这一事实 

8、               总结常见用法，提高学习速度