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

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

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

第一：

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

第二：

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

第三：

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

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

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

HTML+css

pc端网页重构

HTML5+css3

移动端网页重构

css预处理、版本管理

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

第二阶段：JavaScript

js数据类型、语法

js对象

Js内置对象

BOM、DOM

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

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

AJAX、浏览器缓存

JS对象高级

设计模式

ES6

JQuery

组件化开发、插件

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

第四阶段：前端主流框架

前端工程化

AngularJs

VueJs

React Native

微信小程序

项目实战：大型网站建设

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

自己是从事了多年的前端工程师，自己整理了一份最全面前端学习资料，从最基础的HTML+CSS+JS到HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴，有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴，这是我的前端开发qun，【六零三】【九八五】【九九三】，直接群里下载，对于学习web前端有任何问题（学习方法，学习效率，如何就业）都可以问我，最后可以点一波关注哟！

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