互联网高薪岗位众多，之前被大家津津乐道的后端工程师似乎慢慢不吃香了，原因是：过于内卷。

而为了打破目前内卷的局面，很多小伙伴在转行的时候就开始考虑起了前端工程师，这个岗位相比起后端的学习来说，难度有所降低，可岗位发展上和后端相比毫不逊色，成为了新的转行新赛道。

但什么是前端呢？不搞清楚这一点就贸然转行，对于想转行的小伙伴来说其实意味着承担更多风险，因此今天的主题就是给大家讲明白什么是前端？前端学习什么？并会分享全套的前端学习路线图教程。

一、什么是前端？

如果将编程比喻成盖房子，那么后端就是在搭建房子的整体框架，比如占地多少平方、房间有几个、房间的属性规划、承重结构是什么......通过这些后端的建设，最终房子有了型，姑且可以称之为毛坯房；接下来就需要前端发力了，前端更像装修，把毛坯房装修成可以住人的状态，屋内的陈设、软装的选择等，其最终的成果就是完整的可入住的房屋了，这部分就是前端。

运用在网站上，那么后端就是搭建网站所需的框架，前端则是填充一个个完整的页面，随意打开一个网站，能看到的页面、子页面等都是前端的工作范畴。

当然不只是写页面，还有门户与电商网站的开发与维护、后台管理系统、H5营销页面、移动端视频播放页面、微信小程序、前端基础搭建等。

总之前端绝对没有想象中的那么简单，想要学会前端还是得下一番功夫的。

二、前端目前的市场前景怎么样？

前端的核心是JavaScript，目前这个编程语言在众多语言中已经越来越有话语权，在6月份的Tiobe编程排行榜榜单中，JavaScript排名第七，从最末端一路往前，不得不说JavaScript的成长过程其实蛮励志的~

而这也意味着，JavaScript比我们想象的更具开发潜力，前端的未来发展也会更上一层楼！

三、前端得学会什么？

总的来说，就是前端的基础三件套html+css+web，核心JavaScript，进阶vue，再就是react和小程序，细分的内容可以直接参考下图：

四、前端学习路线图

第一阶段 基础入门

学前导读：为零基础学员量身定制，教你搭建PC端和移动端静态页面，让你从小白升级成网页“化妆师”，轻松掌握 HTML5 和 CSS3 相关知识。

• 1.Web前端零基础入门HTML5+CSS3+前端项目

课程中和课程尾配备两个实战项目，项目一类型是企业站，可以让同学们快速的将基础知识点进行反复练习；项目二类型是电商站，可以让同学们掌握更复杂的网页效果的开发流程和布局标准。本教程严格按照专业的开发流程：专业的测量工具，做到100%还原设计稿。

• 2.移动web开发实战

本课程采用2+5模式, 前两天承接HTML+CSS, 使用字体图标、平面转换、动画等，丰富网页效果和呈现方式；后5天完成移动端和多端适配效果。课程采用闭环方式设计，每天课程都有完整的案例或项目， 让学生学以致用。

第二阶段 技术进阶

学前导读：让网页“动”起来，带你学会前端工程师核心语言——JavaScript，实现网页数据交互与动画效果，并实现与后端数据的联通。

• 1.JavaScript深入浅出-0基础入门神器

学完本课程你将掌握JavaScript基础从变量的定义与使用、数据类型及相互转换、运算符、流程控制语句、三元运算符、数组、函数、构造函数、内置对象以及对象等基础必备技能。

• 2.JavaScript核心之Web APIs

学习客户端开发技术，能够根据产品需求完成开发任务，如视觉交互、数据处理、安全、性能等，熟练掌握 DOM 操作的方法，能够分析视觉交互需求，结合 CSS 规则设计合理的 DOM 结构，完成开发任务。

• 3.数据交互&异步编程-前端进阶Ajax零基础入门

本课程案例丰富，知识点配套的案例丰富多样，满足学生学习的兴趣 ；深入原理，会深入讲解如何封装自己的模板引擎和 Ajax 函数；涵盖广泛，涵盖了 Ajax、跨域、JSONP、模板引擎、节流防抖、XHR Level2 等常用技术。

第三阶段 VUE开发

学前导读：掌握多行业解决方案，项目开发拿来即用，帮你搞定前端工程师必备热门框架Vue.js。

• 1.前端高级Node.js零基础入门教程

本套课程作为框架前置课，重点为学生铺垫 npm、包、模块化、身份认证、CORS 跨域等主要知识点，为学习后面的 Vue 课程夯实基础。同时，本课程涵盖了 MySQL 数据库、API 接口项目开发等后端内容，拓宽了学生的知识面，为前端学生构建了前后端完整的知识体系，助力学生更好地发展。

• 2.前端框架Vue2+Vue3全套视频

历经 5 年的反复打磨与锤炼，黑马程序员重磅推出全套最新的 Vue2 + Vue3 基础课程。共计 500 多集的免费视频，助您轻松掌握前端圈最火的 Vue 框架！

第四阶段 React&小程序开发

学前导读：React帮你解锁中高级前端工程师能力地图，多端项目让你满足90%+企业需求。

• 1.前端React精品教程

React 是时下最流行的前端框架之一，是很多大厂的首选前端开发框架！历经数月精心研发，内容包括：React 脚手架、JSX、函数组件、类组件、受控组件、组件通讯、Context、组件生命周期、高阶组等等技术。

• 2、TypeScript零基础入门到实战

从零开始学习 TypeScript，上手时不需要工程化配置，完全没有任何学习负担。课程知识点全面，从 TypeScript 基础类型，到高级类型，到 TypeScript 的类型声明文件，再到配合 React 的使用，一应俱全。除了纯粹的类型外，还包括 TypeScript 类型兼容性、结构化类型等 TypeScript 原理内容。

• 3.手把手快速带你开发微信小程序

本课程从小程序账号注册、开发环境搭建、基础语法、路由导航、数据请求、分包、组件化等方面详细阐述了小程序开发必备的基础知识。学完基础之后，利用 uni-app 技术实现微信小程序的开发，可以做到一次开发多端部署。项目拥有首页、搜索页、商品列表页、商品详情页、购物车、登录支付等主要功能。涵盖了分包、vuex、组件化开发等核心技术点的使用。

以上就是本期的全部内容了，希望小伙伴们学的开心、得偿所愿！