新手小白该怎么学习前端？附学习路线和资料

初学编程的小伙伴经常会遇到的问题，1.没资源 2.没人带 3.不知道从何开始 ，小编也是从新手期过来的，所以很能理解萌新的难处，现在整理一些以前自己学习的一些资料送给大家，希望对广大初学小伙伴有帮助！

 

给你学习前端的新手几个建议：

第一：

切记学习前端开发不可以依赖任何人，我做了开发这么久，十年了，见过很多依赖老师的学生，这样的后果就是自己没有解决问题的能力，也没有自主学习的能力，面试不能通过，找工作会非常难，因为学习开发就是锻炼这种自我学习的能力。

第二：

必须而且一定要有一个老师带着学，无论是学习JAVA还是前端，根据我见过的人的经验，如果没有一个明白人帮你解决一下问题，首先会浪费非常多的时间。而且学习的不专业，对于基础的把握不牢靠，后面的都是白扯。

第三：

坚持很重要，确实有很多学习前端的人在学习JS的时候学着学着就放弃了，这叫知难而退，JS确实难，但是就是因为难才有价值，我们评判一个前端开发者是什么水平，就是用JS来说话。

下面是基本的学习路线，跟着这个基本没有什么问题：

第一阶段：HTML+CSS/HTML5+CSS3

 

1. HTML+css

2. pc端网页重构

3. HTML5+css3

4. 移动端网页重构

5. css预处理、版本管理

 

项目实战参考：淘宝官网、京东官网、小米官网等等。基本可以做了五个静态这样的网页，静态部分就不会有任何的问题。

 

第二阶段：JS

1. js数据类型、语法

2. js对象

3. Js内置对象

4. BOM、DOM

项目实战：实战小游戏项目开发

 

第三阶段：JS高级/Ajax/JQ

1. AJAX、浏览器缓存

2. JS对象高级

3. 设计模式

4. ES6

5. JQuery

6. 组件化开发、插件

项目实战：自动义插件封装

 

第四阶段：前端主流框架

1. 前端工程化

2. AngularJs

3. VueJs

4. React Native

5. 微信小程序

项目实战：大型网站建设

 

在送大家一个完整详细的前端高级工程师学习路线：

关于web前端，自己有做材料的整合，一个完整学习we前端的学习路线，学习材料和工具。对于学习web前端有任何问题（学习方法，学习效率，如何就业）都可以问我。希望你也能凭自己的努力，成为下一个优秀的程序员！

 

更多学习内容观看我的知乎：打造全网web高级前端工程师资料库（总目录）看完学的更加快，知识更牢固。你值得拥有（持续更新）~