想学好web前端开发，要学会阅读别人优秀的代码。web前端开发思想并不是统一固定不变的，阅读别人代码的过程就是间接的在向别人学习，这一过程中可以学习别人的开发思路，不同的人思路是不一样的，如果别人写的代码很优秀、很简单、且运行和性能上有很大的优势，就有很多可以借鉴的地方。
以下这份web前端学习路线图适合所以零基础的学员学习，都是从浅入深，没有基础的同学跟着视频教程及课程大纲一步一步的学习是可以很好的掌握的。
那么想要学好html5前端开发，那么需要掌握的专业技术有：
第一阶段：前端页面重构
内容包含了：（PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目）
第二阶段：JavaScript高级程序设计
内容包含：1）原生 JavaScript交互功能开发项目、面向对象进阶与 ES5/ES6应用项目、JavaScript工具库自主研发项目）
第三阶段：PC端全栈项目开发
内容包含：（jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目）
第四阶段：移动端项目开发
内容包含：（Touch端项目、微信场景项目、应用 Angular+Ionic开发 WebApp项目、应用 Vue.js开发 WebApp项目、应用 React.js开发 WebApp项目）
第五阶段：混合（Hybrid,ReactNative）开发
内容包含：（微信小程序开发、React Native、各类混合应用开发）
第六阶段：NodeJS全栈开发
内容包括：（WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库）
第七阶段：大数据可视化
内容包含：（大数据可视化化基础与实战、一、数据可视化入门、二、D3.js详解、三、其他JS库）
学好web前端，要多看一些学习资源。学习HTML5语言，一定要多看书，通过大量的阅读来掌握基础理论知识，当然也可以在日常学习中看一些网上的视频教程，这些学习资源对个人技能的增长会有很大的帮助。我们在学习的过程中对于所学的知识点一定要学会记录只有记到自己的脑子里面才是真正属于自己的知识，不然可能下次遇到同样的问题你依然解决不了，所以整个学习的过程你一定要搞清楚。
原文地址：http://blog.51cto.com/14071672/2316516