前端学习路线图与全套视频（基础篇+进阶篇+高级篇）

面对这么多的知识点，有的盆友就麻爪了……

 我是谁？

我该从哪里开始看？

我该怎么看？

我该看多少？

这，是一个问题。

 咱们贴心的作了一个学习线路图：

然并卵，不少人仍是一头雾水……

咱们先对每阶段课程作个简单介绍：

PC端页面制做	学习HTML+CSS搭建网页、PhotoShop切图等基础知识，属于必备技能，不论你是什么目的学习HTML5，此部分不少内容都是必学的知识点
移动端页面制做	讲解移动端概念与布局、响应式设计与实现；移动端的概念，如：PPI、像素比等等是移动端页面适配工程师必须掌握的知识点
JavaScript与jQuery开发	同HTML5基础知识同样，JavaScript开发与jQuery开发是职业晋升必备的技能包，中级Web开发工程师必备技能
H5高级框架技术开发	想要进行框架开发项目，实现单页面应用开发，经常使用的React框架开发、Angular框架开发、Vue框架开发，是前端框架开发工程师的主要运用内容，需全面掌握
全栈先后端技术开发	讲解先后端全栈式开发，可以独立完成一个中小型项目的先后台，Node.js技术、其余后端技术都须要很是熟练
混合应用技术开发	讲解微信小程序的开发、React Native技术等，这些技术了解掌握可以进行混合APP项目开发，成为高级Web前端工程师
H5大前端技术开发	讲解Electron技术、Flutter技术、数据可视化技术等内容，这是Web前端技术专家核心价值的体现；若是想成为Web前端工程师，也须要掌握这些知识点（待更新）

人的生命是有限的，学习知识是无限的，要把有限的生命用在必要的知识学习上。

并不是每位学习者都想成为Web前端工程师，你可能不须要学习所有视频。咱们根据不一样的学习目的，给你们一个学习建议。

我目前是在职前端开发，若是你如今也想学习前端开发技术，在入门学习前端的过程中有碰见任何关于学习方法，学习路线，学习效率等方面的问题，你均可以申请加入个人前端学习交流裙：前面：603 中间：985 最后：993。里面汇集了一些正在自学前端的初学者裙文件里面也有我作前端技术这段时间整理的一些前端学习手册，前端面试题，
前端开发工具，PDF文档书籍教程，须要的话均可以自行来获取下载。

小白/零基础入行

想了解HTML5或Web前端，零基础入门的兴趣性学员。无明显就业需求，只想了解前端基础内容，建议先学习如下内容：

 

 

 

1、PC端页面制做

学习成就：成为初级Web前端工程师（主要进行PC端网页的布局制做与样式设计实现，可以配合UI设计师进行项目开发）

可从事职位：PC端页面制做工程师

 

 

 

2、移动端页面制做

学习成就：成为初级Web前端工程师（主要进行移动端网页的布局制做与样式设计实现，能够适配各类手机尺寸，并能利用响应式进行移动端与PC端适配)

可从事职位：移动端页面适配工程师

晋升中级Web工程师

程序员，工做中须要Web相关知识的学员。学习主要目的不是为了系统掌握Web知识，而是为了应对工做中出现的问题，建议学习如下内容：

 

 

 

1、JavaScript与jQuery开发

学习成就：成为中级Web前端工程师（主要进行页面行为交互，实现网站中常见特效，可配合UI和后端进行项目开发）

可从事职位：JavaScript开发工程师

 

 

2、H5高级框架技术开发

学习成就：成为中级Web前端工程师（主要进行框架开发项目，实现单页面应用开发，可独立开发项目）

可从事职位：前端框架开发工程师

 晋升高级Web工程师

想成为高级前端工程师的学员，或已找到前端相关工做想深刻学习的学员。建议重点掌握咱们下述的课程：

 

 

1、全栈先后端技术开发

学习成就：成为高级Web前端工程师（主要进行先后端全栈式开发，可独立完成一个中小型项目的先后台）

可从事职位：全栈开发工程师/Web高级开发工程师

 

 

2、混合应用技术开发

学习成就：成为高级Web前端工程师（主要进行混合APP项目开发，可实现多端开发，可实现跨平台跨设备的架构）

可从事职位：混合开发工程师/Web高级开发工程师

 

 

3、H5大前端技术开发

学习成就：成为Web前端专家（主要进行前端各领域涉猎，可主导多元产品项目的实现）

可从事职位：Web前端技术专家

 

 

4、H5架构技术开发

学习成就：成为Web前端专家（主要进行前端项目架构和项目把控，可以解决网站突发状况，可以改进网站性能至极致）

可从事职位：资深Web前端架构师

但愿这个学习建议对你有所帮助。

切记，不管从事任何职业，刚入行的时候，先纵向发展，再横向发展，你要知道，年轻的时候，长高比长胖重要。你长高了，之后想胖就不难了。