前端学习路线图+资料+视频

回到当下

要想学好前端开发，你要做的不止是学习路线的规划，还包括和前端相关的其他内容。
接下来，小千给大家详细分析一下：

• 前端是什么
  

前端就是所有前端的统称，比如Android、iOS、Web、Watch、智慧屏等，最接近用户的那一层是UI层，然后将其统一起来，就是大前端。大前端最大特点在于一次开发，同时适用于所有平台，开发者不用为一个APP需要做Android和iOS两种模式而担心。大前端是web统一的时代，利用web不仅能开发出网站，更可以开发手机端web应用和移动端应用程序。


可应用领域广泛，包括管理系统、移动web、小程序、响应式、小游戏、服务端、微信接入、大数据可视化、交易平台等，应用场景多样化，军事、电商、金融、医疗、社交、O2O教育、新零售、餐饮外卖等。
2.  前端怎么学
学习前端，不管是入门还是进阶，都要求学习者对前端整个架构有一定的了解，并合理安排自己的学习节奏。
这里分享给大家一份最新的学习路线图，在进行专业化学习时，可以参考以下路径：
第一阶段：PC端页面制作与动画特效
需要掌握：HTML5+CSS搭建网页、PhotoShop切图流程、CSS3动画特效


获得初级Web前端工程师，主要进行PC端王爷的布局制作与样式设计实现，能够配合UI设计师进行项目开发。
第二阶段：移动端页面制作与响应式实现
需要掌握：移动端概念与布局、响应式设计与实现



获得初级Web前端工程师，主要进行移动端网页的布局制作与样式设计实现。可以适配各种手机尺寸，并能利用响应式进行移动端与PC端适配。
第三阶段：JavaScript与jQuery开发
需要掌握：JavaScript开发、jQuery开发


获得中级Web前端工程师，主要进行页面行为交互，实现网站中常见特效，如录播图、选项卡、拖拽。并能配合UI和后端进行项目开发。
第四阶段：H5高级框架技术开发
需要掌握：Vue框架开发、Angular框架开发、React框架开发


获得中级Web前端工程师，主要进行框架开发项目，实现单页面应用开发。可以完成复杂的数据交互应用场景具备独立开发项目的能力。
第五阶段：全栈前后端技术开发
需要掌握：Node.js技术、其他后端技术


获得高级Web前端工程师，主要进行前后端全栈式开发。能够独立完成一个中小型项目的前后台。对于网站开发有着非常熟练的编程能力。
第六阶段：混合应用技术开发
需要掌握：React Native技术、微信小程序开发


获得高级Web前端工程师，主要进行混合App项目开发。能够实现多端开发并拥有多端开发能力，整合资源，实现跨平台夸设备的架构能力。
第七阶段：H5大前端技术开发
需要掌握：数据可视化技术、Flutter技术、Electron技术


获得Web前端专家称号，主要进行前端各领域涉猎。多元产品主导项目的实现。能够拥有复杂问题的解决能力，并能提出可建设性解决方案。
第八阶段：H5架构技术开发
需要掌握：安全及性能优化、开发工具及服务器技术



获得Web前端专家称号，主要进行前端项目架构和项目把控。能够解决网站出现的突发状况、能够改进网站性能至极致。拥有大型网站、大量高并发访问量等开发经验。
这里，分享相关内容的学习视频：

• 前端
  

2. JavaScript
基础
高级
   jQuery
基础

项目
3. Node.js教程
基础
项目
4. VUE教程
vue2.0+3.0
项目一
项目二
5. React框架
项目一
项目二

6. 公众号开发

7. 小程序开发

微信小程序项目
8. uni-APP

9. webpack

10、TypeScript
11. 前端热门面试题
全套前端学习路线共包含10000+个学习视频，含配套学习资料150G！


更多资料后台滴滴~