六星云课堂：前端必看！只有这么学才可能出师

前端该怎么学？学习前端没有方向？基础没打好怎么把它学好？针对大家的问题，小编准备和大家好好理理。熬夜给你们整理了一份前端系统的学习路线图，大家快收好！

小编把前端的学习拆分成了四个阶段，我会告诉大家每个阶段需要学习哪些内容，每个阶段要学到什么样的程度以及给大家整理的每个阶段的开源视频学习资源。

第一阶段：基础入门

这个阶段是入门前段工程师的必备技能，能够完成PC端和移动端的静态页面，具备1：1还原设计图的能力。

我们要学习些什么呢？

·HTML技术

包括：标签语法、标签排版、语义化、SEO

·CSS3网页布局

包括：选择器、盒模型、浮动、定位、过渡、精灵图

·移动Web布局

包括：Flex、REM、媒体查询、vw/vh、Bootstrap、Less、字体图标、平面转换、3D转换、动画

达标水平：掌握HTML5标签搭建页面结构、PC端页面制作和布局能力、移动端网页制作和布局能力。

第二阶段：技术进阶

这个阶段需要同学们具备实现页面的交互效果以及与后端的数据联通的能力。

那具体要怎么学习才能达到这样的水平呢？同学们往下看你需要掌握的技术：

·JavaScript开发

需要掌握基本的编程思想，包括：ES5、ES6、ES7、ES8、ES9、ES10、ES11、ES12

·网页交互

懂常用的网页交互技术，包括：DOM操作、网页特效、事件

·数据交互&异步流程

包括：ajas、axios、Promise、async、Eventloop

·数据看板+CMS系统

具体包括：API接口、Bootstrap、Echarts、token、axios

达标水平：这个阶段怎么样才算达标呢？同学们要能够掌握JavaScript语言和编程实现、熟练使用常用的网页交互技术以及具备前后端交互的能力，掌握一些PC端综合实战项目。

第三阶段：Vue开发

进入到这一阶段，也就意味着你要能够实现企业级项目的功能需求，并具备内容管理系统、企业中台以及电商平台的项目经验。

有同学可能开始焦虑了，听起来就很难，到底要怎么学呢？俗话说，心急吃不了热豆腐。到底学什么？小编带着你们整理一下思路：

·框架前置相关课程

学这个主要是做技术支撑，包括：Node.js、模块化、npm、webpack

·Vue2.x核心技术

包括：指令系统、常用选项、组件化、组件通讯、插件

·Vue3.x + TypeScript

包括的技术有：vite、组合API、pinia、类型、泛型

达标水平：这个阶段需要同学们能够掌握Vue2.x开发必备技能以及Vue3新特性与TypeScript基础语法。

第四阶段：React & 小程序开发

同学们要是能掌握这个阶段的技术，你就具备了网页端和移动端的项目研发经验，那也就意味着满足市面上90%+公司的招聘需求。那我们要学什么才能达到这样的水平呢？这个阶段同学应以项目实操为主：

·学习原生微信小程序以及跨平台小程序的开发

包括：uni-app、Vue3+TypeScript、组件封装及通信、微信支付/登录

·React.js 核心技术

主要包括React核心语法：JSX、组件及组件通讯、虚拟 DOM、生命周期

·TypeScript 开发

包括：ts+hooks、ts+redux、ts+router

达标水平：同学们需要掌握原生微信小程序和跨平台小程序的开发、 React 核心语法、TypeScript 实战应用、头条类资讯交流平台项目以及资讯类产品后台管理系统项目。

小编想告诉大家多去进行项目实操是非常重要的，不能只停留在理论层面。要想把学到的知识变成自己的，那你必须要把项目实操起来，有项目经验的同学在hr眼里真的是加分项！

这四个阶段学完之后，你就是一名合格的前端工程师了。不要觉得小编罗列的知识点过多！用心去学习，把基础打扎实，你才能在这个行业走得更远。

以上就是本次分享的全部内容，想学习更多编程技巧，欢迎持续关注六星云课堂！