给web前端小白的学习建议及路线图，看完茅塞顿开！

野性酷女 2022-04-01 03:29 157阅读 0赞

零基础小白怎么入门web前端?下面就跟着一起来看看给web前端开发者的学习建议及路线图。

学习web前端开发，对于新手小白来说可能不知道从哪开始，那么该如何开始学习web前端呢?给web开发者学习建议及路线图，想要学习前端开发的东西可以借鉴学习一下。

其实想要学习web前端开发的门槛还是挺低的， web前端开发入门门槛低体现在html和CSS上，前者只是结构标签，后者是样式配置，入门是非常简单的，对web前端开发感兴趣的小伙伴可以找一些相关书籍来看，或者也可以找一些相关的视频来看，巩固所学的知识，虽然看这些书籍或者视频很枯燥，但是只要能啃下来你就会发现，这些确实很管用。

web前端开发入门低的另一个重要表现就是符合8/2定律，也就是20%的东西使用率占到80%。所以很适合囫囵吞枣，因此我们的重点就是把这20%学起来，而首先要做的就是把这20%的东西找出来。前端这20%的东西大概就是常用的html标签，css的盒子模型，基本的原生js，以及熟练使用jquery，ajax，常见浏览器的兼容。拿下这些东西意义非凡，一方面证明你适合做前端这份工作，另一方面这些技能能让你找到一份工作。

让你能够从容地去学习剩下的80%。总之就是专心对付重要的东西，那些什么less、sass、angular这类的东西，当你把我之前说的基础打好之后，学习起来畅通无阻，随学随用。较难的就是实践，只有实践才能学到真正的技术，新人很难参与一些有价值有意义的项目，没有这些项目又很难成长，所以自己有项目可参与应该珍惜。

![给web前端小白的学习建议及路线图，看完茅塞顿开！][web]

**自己整理了一份2018最全面前端学习资料,从最基础的HTML+CSS+JS \[炫酷特效，游戏，插件封装，设计模式\]到移动端HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴, 有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴欢迎加入学习。**

>   
> **加Q Q群：956940552（招募中）**

学习的建议给大家讲了，怎么去操作学习就大家自己看着学了，以下是web前端学习路线图分享给大家借鉴一下。

第一阶段：前端页面重构：PC端网站布局、HTML5+CSS3基础项目、WebAPP页面布局;

第二阶段：JavaScript高级程序设计：原生JavaScript交互功能开发、面向对象开发与ES5/ES6、JavaScript工具库自主研发;

第三阶段：PC端全栈项目开发：jQuery经典特效交互开发、HTTP协议，Ajxa进阶与后端开发、前端工程化与模块化应用、PC端网站开发、PC端管理信息系统前端开发;

第四阶段：移动端webAPP开发：Touch端项目、微信场景项目、应用Vue.js开发WebApp项目、应用Ionic开发WebApp项目、应用React.js开发WebApp;

第五阶段：混合(Hybrid)开发：各类混合应用开发;

第六阶段：NodeJS全栈开发：WebApp后端系统开发;

第七阶段：大数据可视化：数据可视化入门、D3.jS详解及项目实战。

学习web前端，其实自己的学习方法很重要，别人只能是给你建议，具体怎么学还得根据自身的优劣势来具体的定制学习路径。

[web]: /images/20220401/7b241642823f4f2fa361e61ed6412b7b.png