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

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

 我是谁?

我该从哪里开始看?

我该怎么看?

我该看多少?

这,是一个问题。

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

前端学习路线图与全套视频(基础篇+进阶篇+高级篇)_第1张图片

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

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

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前端,零基础入门的兴趣性学员。无明显就业需求,只想了解前端基础内容,建议先学习以下内容:

 前端学习路线图与全套视频(基础篇+进阶篇+高级篇)_第2张图片

 

 

一、PC端页面制作

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

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

 前端学习路线图与全套视频(基础篇+进阶篇+高级篇)_第3张图片

 

 

二、移动端页面制作

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

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

晋升中级Web工程师

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

 前端学习路线图与全套视频(基础篇+进阶篇+高级篇)_第4张图片

 

 

一、JavaScript与jQuery开发

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

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

前端学习路线图与全套视频(基础篇+进阶篇+高级篇)_第5张图片

 

 

二、H5高级框架技术开发

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

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

 晋升高级Web工程师

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

前端学习路线图与全套视频(基础篇+进阶篇+高级篇)_第6张图片

 

 

一、全栈前后端技术开发

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

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

前端学习路线图与全套视频(基础篇+进阶篇+高级篇)_第7张图片

 

 

二、混合应用技术开发

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

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

前端学习路线图与全套视频(基础篇+进阶篇+高级篇)_第8张图片

 

 

三、H5大前端技术开发

学习成就:成为Web前端专家(主要进行前端各领域涉猎,可主导多元产品项目的实现)

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

前端学习路线图与全套视频(基础篇+进阶篇+高级篇)_第9张图片

 

 

四、H5架构技术开发

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

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

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

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

 

你可能感兴趣的:(前端学习路线图与全套视频(基础篇+进阶篇+高级篇))