随着移动互联网的发展，web前端逐渐受到企业的重视，前端开发人员的薪资也水涨船高，越来越多的人看好前端行业的发展，想要转行加入。下面，给大家分享一份web前端学习路线图，希望对初学者有所帮助。Web前端行业的发展，让前端人员能完成比以前更多的职责范围，所以未来前端可以宽口径就业，前景非常好。
对于零基础的人而言，要怎么学习web前端呢?
1、 前端页面重构。主要内容为PC端网站布局、Photoshop 工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配 PC 端、移动端、平板设备等。
2、 前后端网页交互。主要内容为JavaScript语法全面进阶、ES6 到 ES10 新语法实践、jQuery 应用及插件使用、设计模式及插件编写、封装JS工具库及Web APIS、AJAX+PHP+MySQL前后端交互、前端工程化与模块化应用以及PC 端全栈开发项目等。学习目标是可以掌握前端工程化工具，如 git、gulp、webpack 等，搭建项目及开发项目。
3、 Node.js + 前端框架。主要内容为Node.js 全面进阶、Koa2+MongoDB搭建服务、Vue.js 框架、React.js 框架、小程序云开发与小程序框架、原生APP与混合APP、数据可视化与桌面应用等。学习目标是掌握桌面应用及可视化大数据，实现复杂数据展示类项目，能够独立完成前后台相关功能，胜任HTML5全栈开发工程师职位。很多学习web前端的朋友都希望在学成后能找到一份满意的工作，所以我们在学习过程中一定要注意实战经验的积累，如果你所学的东西对企业没有用，那你所做的一切都是无用功
千锋武汉分享学习HTML5前端要了解的那些知识点！
第一阶段——HTML的学习
超文本标记语言(HyperTextMark-up Language简称HTML)是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。因此，我们必须掌握HTML的基本结构和常用标记及属性。
HTML的学习是一个记忆和理解的过程，在学习过程中可以借助Dreamweaver的“拆分”视图辅助学习。在“设计”视图中看效果，在“代码”视图中学本质，将各种视图的优势发挥到，这种对照学习的方法弥补了单纯识记HTML标签和属性的枯燥乏味，想必对各位初学的小盆友们来说必定是极好的!
第二个阶段——CSS的学习
CSS是英文Cascading Style Sheets的缩写，叫做层叠样式表，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言其样式是可以复用的，这样就极大地提高了我们开发的速度，降低了维护的成本。同时CSS中的盒子模型、相对布局、布局等能够实现对网页中各对象的位置排版进行像素级的控制。
第三个阶段——Java的学习
Java是一种在客户端广泛使用的脚步语言，在Java当中为我们提供了一些内置函数、对象和DOM操作，借助这些内容我们可以来实现一些客户端的、验证、交互等，使我们的页面看起来不那么呆板，屌丝瞬间逆袭高富帅!有木有?
第四个阶段——jQUery的学习
jQuery是一个免费、开源的轻量级的Java库，并且兼容各种浏览器(jQuery2.0及后续版本放弃了对IE6/7/8浏览器的支持)，同时现在有很多基于jQuery的插件可供选择，这样在我们实现一些丰富的动态效果时更方便快捷，大大节省了我们开发的时间，提高了开发速度，这也充分体现了其write less,do more的核心宗旨。这个Feel倍儿爽!有么有?
随着移动互联网热潮的到来，移动开发越来越受到大家的追捧，响应式布局、微网站等需求量不断增加，也是我们HTML5前端未来的发展方向之一，学有余力的同学可以多多关注。
本回答被网友采纳第一阶段：Web网页基础
HTML入门基本内容，CSS+DIV的基础知识，选择器，盒子模型，网页布局，Photoshop
第二阶段：Web编程基础
学习路线：JavaScript基础，BOM和DOM模型，事件处理，jQuery，交互及动画，jQuery优质插件，文档处理，数组和对象操作
第三阶段：Web编程高级及全栈开发
学习路线：JavaScript高级编程，原型模式，jQuery插件开发，模块化组件开，AJAX，Express(Node.js)，Mongodb，RequireJS，MongoDB
第四阶段：响应式网站开发
学习路线：HTML5/CSS3，响应式原理及布局，Bootstrap，前端依赖管理，CSS预处理语言（Less+Sass），Grunt/Gulp自动化构建工具，Angular4
第五阶段：框架与项目管理
学习路线：Grunt/Gulp，Webpack模块加载器&打包工具，MVC（backbone）架构前端，VUE2，React
第六阶段：混合式移动及微信开发
学习路线：React Native，微信小程序，视图层，逻辑层
学习HTML5需要掌握的技术有：
html5：html5是万维网发布的最新语言规范，做web前端，精通html5是必须要掌握的一项技能。
CSS3：CSS3的语言开发是朝着模块化发展的，这些模块包括盒子模型、列表模块、文字特效和多栏布局等，CSS3对于Web前端整个页面的设计是必备的技能。
java：java是一种直译式的脚本语言，是一种动态类型、弱类型，基于原型的语言，内置支持类型，掌握了java,你就可以给你的网页增加各种不同的动态效果。
JQuery：JQuery是轻量级的JS库，它兼容CSS3，JQuery能够使用户更方便的处理html,实现动画效果，更方便的为网站提供AJAX交互。
AJAX：一旦UI设计与服务架构之间的范围被严格区分开来后，开发人员就需要更新和变化的技术集合了。实现网站交互必须熟练掌握AJAX。
BootStrap：BootStrap是基于 HTML、CSS、Java 的，它简洁灵活，使得 Web 开发更加快捷。Bootstrap中包含了丰富的Web组件，根据这些组件，可以快速的搭建一个漂亮、功能完备的网站。
等等
前端需要学习什么
html培训班需要掌握的技能有8各方面，按照顺序学习就可以了，前端前景是很不错的，薪资也很可观，选择培训学校的时候重点了解机构的口碑情况，希望你早日学有所成。
第二阶段：编程基础技术
第三阶段：后端开发技术
第四阶段：Linux应用管理
第五阶段：移动互联网应用
第六阶段：特效开发高级实战
第七阶段：企业级应用开发
第八阶段：网页游戏开发