怎么学习前端开发？真实学习路线

haodong833

在分享这篇文章之前呢，我先分享下我总结的一些干货，我本身是一名从事了5年web前端开发工程师，辞职目前在做线上教育讲师，本年年初我花了一个月整理了一份最适合2018年web前端学习的干货，包罗基础+资料+视频，都是免费的，在这里相信有许多想要学习web前端的同学，关注小编头条号，私信"学习"即可



图片来自网络

1. HTML5 + CSS3 + JavaScript Web开发基础中的基础，HTML是负责网页结构，CSS负责网页样式，JS则负责逻辑交互。前两者更像是标识表记标帜语言，没有什么逻辑，JS才是前端的重中之重。 HTML5 新增的技术大部分需要结合JS学习。 每个人学习进度可能不同，这个阶段主要是多仿站，熟悉基础，试试用CSS写响应式页面，了解JS深入性的知识，比如原型链、闭包、 设计模式 等需要更多的积累，逐渐理解并实践掌握。

2. JQuery + BootStrap + Ajax + Json jQuery是JS的一个应用库，能够提升原生JS开发效率。Bootstrap则是响应式框架，更简单的实现手机/平板/PC多个设备的页面支持。Ajax技术用于异步交互，不刷新页面就能更新数据，比如 地图 应用等。Json是一种数据格式，被广泛应用在各大编程语言中。 jQuery 和 bootstrap 会简化很多编写的代码量，用着不亦乐乎，但对于基础还不是很扎实的人建议还是少用。 Ajax 和 json 通常用于和后端交互，在实际业务中也经常用到。 3. Git/SVN 版本办理工具，主要用于团队开发时避免文件冲突，也可回档。前端保举学习Git。

4. Nodejs + Mysql /MongoDB(可选) 运行在办事器端的JavaScript。Express是其拓展MVC框架。其中nodejs最常用到的就是npm包揽理器，不消到各个网站去下载资源包。 数据库 的学习可以选择MongoDB或者MySQL，前者与Nodejs的契合度更好，不外现在大多数网站都是 PHP +Mysql的组合，如果有学PHP的打算的话，可以先学习 Mysql 。

5. ECMAScript 6 JavaScript 的语言标准。ES6中加入了很多新的概念，也弥补了之前版本中JS的很多缺陷，越来越多的项目开始运用ES6进行开发。学之前最好把ES5先搞懂了，目前实际项目中考虑到兼容性，ES6是需要通过Babel将其编译为ES5来安排的。

6. Angular/React/Vue 前端三大框架，各自也有着各自的生态系统，按照需求自行选择学习。目前企业需求量最大的仍然是Angular，但近期趋势来看react和vue则更受欢迎。因为现在前端技术发展太过于突飞猛进，工具和框架的更新比翻书还快，建议学习还是看文档比力好。学习过程中也会遇到很多用到各种构建工具的时候。

7. 其他常用工具 这个一样是按照需求自行选择学习。比力常用的现在有 Web pack，可以将多个不同编程风格的文件打包，比如ES6/AMD/CMD之类的模块化都能识别并编译成 浏览器 能运行的文件。Sass/Less，CSS预编译框架，可以用带有逻辑性的方式编写CSS代码。Gulp/Grunt构建工具，可以自动化对代码进行压缩合并等工作。

8. 其他后端编程语言

目前市场对前端基本都要求会一门后端语言， PHP / JAVA / Nodejs / Python 等。

学习编程重要的还是实践，多敲代码，多去尝试。独立解决问题的能力、探究钻研的精神是必不成少的。有兴趣的话也可以本身搭建一个技术 博客 ，往 github 上传几个 开源 项目，这些都是不错的加分点。



图片来自网络

一名优秀的 程序员 ，不仅仅是 程序员 。

下面是我给自学前端的几个建议：

建议一：有系统的学习方案，系统的学习教程，先把前端学了一遍之后才是真正的入门，然后就是不竭的练习，不竭的巩固，为之后的工作打下坚实的基础。

建议二：学习前端不要先看书学，必然要先把一块的知识点学完一遍，本身会动手操作，然后去看书温习。还有不要盲目看视频，很多人光看视频，然后心里没有一个操作的概念，这样的学习方法最后必然会放弃，所以学习前端之前必然要知道这些东西，这都是走过来的人以前走的弯路。

建议三：很多人都会有一个疑问，就是学习前端能看懂，但是不会写，所以学习前端必然要掌握一个有效率的学习方法，一个适合本身的学习方法，作为一个新人，千万不要本身瞎摸索，没有必要，可以请教别人必然要去问。

建议四：必然要有一个明白人去指导你，前端的专业程度很强，80%的问题本身很难解决，并且会很浪费时间，一个小问题可以困扰一天，这样自信心会受到严重的打击，如果没有人指导，80%的人都是越学越迷茫

建议五： 先了解本身以后要应聘什么岗位，在招聘的网站上都有现在对于web前端工程师的基本要求，你按照要求去学习，学习的东西会非常强，并且你会知道本身欠缺哪里？ 比如下面：





这就是web前端最基本的要求，你达到以上的要求，自然可以找到工作。

资料获取方式，关注小编，私信【学习】手机用户可以直接私信，电脑端尚未开放此功能，还需下载app，然后私信回复：学习 我已经设置了自动回复，具体后续会自动回复各位

“黑名单”

转发了

huangzuxiaohuo

转发了

紫恋秋

转发了