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

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

我是谁？

我该从哪里开始看？

我该怎么看？

我该看多少？

这，是一个问题。

我们贴心的做了一个学习线路图：

然并卵，很多人还是一头雾水……

我们先对每阶段课程做个简单介绍：

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

并非每位学习者都想成为Web前端工程师，你可能不需要学习全部视频。我们根据不同的学习目的，给大家一个学习建议。

小白/零基础入行

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

一、PC端页面制作

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

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

二、移动端页面制作

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

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

晋升中级Web工程师

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

一、JavaScript与jQuery开发

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

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

二、H5高级框架技术开发

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

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

** 晋升高级Web工程师**

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

一、全栈前后端技术开发

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

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

二、混合应用技术开发

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

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

三、H5大前端技术开发

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

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

四、H5架构技术开发

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

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

希望这个学习建议对你有所帮助。

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

从事前端6年，一个人学习会有迷茫，动力不足。这里推荐一下我的前端学习交流qun：731771211 ，里面都是学习前端的，如果你想制作酷炫的网页，想学习编程。整理了一份最新最全面前端学习资料，从最基础的HTML+CSS+JS【炫酷特效，游戏，插件封装，设计模式】到移动端HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴，有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴欢迎加入学习。

点击：加入