黑马程序员前端

网上有很多高薪的工作，之前被大家津津乐道的后端工程师似乎也在慢慢失去人气。原因是他们太投入了。

为了打破内卷的现状，很多小伙伴在转行的时候开始考虑前端工程师。相对于后端学习，这个岗位难度较小，但发展并不逊色于后端，成为了转行的新赛道。

但是前端是什么呢？如果不知道这一点，贸然转行，对于想转行的人来说，意味着承担更多的风险。所以，今天的主题就是告诉你什么是前端？前端学什么？并且会分享一套完整的前端学习路线图教程。

1.前端是什么？

如果把编程比作盖房子，那么后端就是盖房子的整体框架，比如占地多少平米，有多少房间，房间的物业规划，承重结构是什么...通过这些后端的搭建，房子最终成型，可以称之为毛坯房。接下来需要前端的努力。前端更像是装饰。毛坯房装修成可以住人的状态，以及屋内陈设、软装的选择等等。最后的结果就是一套完整的可以入住的房子。这部分是前端。

在使用网站时，后端是搭建网站所需的框架，前端是填写完整的页面。你可以随意打开一个网站，你能看到的页面和子页面都是前端工作区。

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

总之前端肯定没有想象中那么简单，学前端要花很多功夫。

二、前端目前的市场前景如何？

前端的核心是Javascript。目前这种编程语言在多种语言中的话语权越来越大。在6月份的Tiobe编程榜单中，Javascript排名第七。从最后开始，不得不说Javascript的成长过程其实挺励志的~

这也意味着Javascript比我们想象的更有发展潜力，未来前端的发展将是上一层楼！

三、前端必须学什么？

总的来说就是html+css+web的基础三件套，核心Javascript，高级vue，然后是react和小程序。详情可直接参考下图:

四。前端学习路线图

第一阶段基金会简介

学前指南:为零基础学生量身定制，教你在PC和移动端搭建静态页面，让你从小白升级为网页上的“化妆师”，轻松掌握HTML5和CSS3的相关知识。

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

课程中间和课程结束时有两个实践项目。第一类项目是企业站，让学生快速反复练习基础知识点。第二类项目是电商站，让学生掌握更复杂的网页效果的开发流程和布局标准。本教程严格遵循专业开发流程:专业测量工具，从而实现设计稿100%还原。

2.移动网站开发实践

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

第二阶段是先进技术。

学前指南:让网页“动”起来，带你学习——Javascript，前端工程师的核心语言，实现网页数据的交互和动画效果，实现与后端数据的连接。

1.用简单的话来说就是Javascript——0基础入门神器

完成本课程后，您将掌握Javascript的基本技能，包括变量的定义和使用、数据类型和相互转换、运算符、流控制语句、三元运算符、数组、函数、构造函数、内置对象和对象。

2.2的Web APIs。Javascript核心

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

3.数据交互和异步编程——前端高级Ajax零基础简介

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

VUE发展的第三阶段

学前指南:掌握多行业解决方案，利用项目开发帮你搞定前端工程师必备的热门框架Vue.js。

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

本套课程作为框架性的先修课程，围绕npm、包、模块化、身份认证、CORS跨域等主要知识点，为学生学习后续Vue课程打下坚实的基础同时，本课程涵盖MySQL数据库、API接口项目开发等后端内容，拓宽学生知识面，为前端学生构建完整的知识体系，帮助学生更好的发展。

2.前端帧Vue2+Vue3完整视频

经过五年的反复打磨和锤炼，黑马程序员推出了Vue2+Vue3的全套最新基础课程。总共500多集的免费视频，可以帮助你轻松掌握前端圈最热的Vue框架！

React的第四阶段小程序开发

学前指南:React帮你解锁中高级前端工程师能力图谱。多头项目可让您满足90%以上的企业需求。

1.前端React精品教程

React是现在最流行的前端框架之一，是很多大厂首选的前端开发框架！经过几个月的精心研发，内容包括:React脚手架、JSX、功能组件、类组件、受控组件、组件通信、上下文、组件生命周期、高层组等技术。

2、打字稿零基础入门实战

从零开始学习Typescript，不需要工程配置就能入门，完全没有学习负担。课程的知识点比较全面，从Typescript的基本类型到高级类型，到Typescript的类型声明文件，再到React的使用。除了纯类型之外，它还包括类型脚本原则，如类型脚本类型兼容性和结构化类型。

3.牵着你的手快速开发微信小程序。

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

这一期的内容就这些了。希望朋友们玩得开心，得偿所愿！