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

2020-06-19 本文已影响0人前端_java爱好者

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

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

第一：

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

第二：

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

第三：

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

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

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

HTML+css

pc端网页重构

HTML5+css3

移动端网页重构

css预处理、版本管理

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

第二阶段：JS

js数据类型、语法

js对象

Js内置对象

BOM、DOM

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

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

AJAX、浏览器缓存

JS对象高级

设计模式

ES6

JQuery

组件化开发、插件

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

第四阶段：前端主流框架

前端工程化

AngularJs

VueJs

React Native

微信小程序

项目实战：大型网站建设

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

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