随着移动互联网的发展，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前端的朋友都希望在学成后能找到一份满意的工作，所以我们在学习过程中一定要注意实战经验的积累，如果你所学的东西对企业没有用，那你所做的一切都是无用功
要学习html和css，建议先买本书看，网上也有很多视频教程的建议先看书。把基础的东西都熟悉一下，再看视频教程，边看边练习，有不会的东西可以先从网上搜；如果没有想要的答案就去一些群里问大师，最主要的还是多练习啊，不要眼高手低，多练，切记！看过这本书，感觉有很多冗余无用的信息。其实学前端，主要还是靠实践。
首先，看一些基础的知识，这些内容，w3school就都包含了。
然后，做一些简单的项目，后端可以拿个现成的cms，前端尝试写。
并且，还要多看别人做的好的东西，看到好的网页，就要按f12，看一下源代码。
最后，当你到了中等水平，多上github看看开源程序，并亲身参与其中。对关注大牛博客，并且自己也有一些沉淀！
