WEB前端_华清远见教育科技集团

为什么要学Web大前端？

市场需求大
无行业限制
平均薪资高

2022年，前端工程师岗位缺口达131300并呈上升趋势。从近两年招聘职位量的对比来看，
2023年2月比去年同期增长了307%，达到27.9k个，人才需求量巨大。
以北京为例，截止到2022年，WEB前端工程师月平均薪资达到23k。不止在一线城市，二、三线城市也能拿高薪。

了解就业前景>

课程贴合企业需求 打造实力派工程师 打造高薪实力跃迁高阶职场

学员就业战报 让每位学员高薪就业是我们的目标

2022年华清远见Web前端学员平均就业薪资￥10900

华清学员心得

在华清学习四个月的时间，过得很快。可能在这四个月期间你不会觉得有什么感受，等结束之后，你会发现自己真的收获了很多。你的技术、能力都能达到你需求的高度。在华清学习的这段时间，特别感谢各位老师，包括授课老师、班主任老师、就业老师们的悉心指导，真的感谢！

华清学员心得

来华清学习一段时间了，每天都过得很充实。老师讲课是由浅入深、层层递进的，理论跟实战相结合，每个阶段学完都会有定期的测评，能够及时发现自己的不足，真的受益匪浅。这段时间认识了很多来自不同城市的同学，大家都是为了共同的“编程梦”走到一起，有困难有欢乐，希望大家一起加油，最后都能实现自己的愿望。

华清学员心得

刚刚进行完一个阶段的考核，成绩还没出来，希望没有辜负这段时间的努力。一直相信，一分耕耘一分收获。这段时间真的很感谢各位老师的帮助和鼓励，让我不仅学到了专业知识，同时也领悟到很多关于职场及行业的东西。接下来的日子，我会更加努力学习的！

华清学员心得

一直想提升下自己，但是不知道怎么开始，听了朋友建议说前端相比较其他简单一点，很适合转行的人，对比了多家学校，最后选择了华清远见。这里的招生老师真的非常热情，对课程和就业的服务都介绍的很详细；而且可以免费试听，学习短短2周时间，现在已经可以完成静态页面了，期待从菜鸟变成“大牛”，继续加油！

更多>

姓名

就业岗位

专业

就业岗位

入职月薪

地点

秦*

前端开发工程师

电子信息工程

**信息技术股份有限公司

15000

上海
罗*英

Web前端开发工程师

电子信息工程

上海**信息技术股份有限公司

15000

上海
周*顺

前端开发工程师

物联网工程

**车联

13000

北京
胡*婷

Web前端开发工程师

软件工程

软件工程

12150

上海
潘*艳

Web前端开发工程师

电子信息工程

电子信息工程

12000

武汉
杨*

前端开发工程师

计算机科学与技术

计算机科学与技术

11000

成都
施*鑫

Web前端开发工程师

数据科学与大数据技术

数据科学与大数据技术

10000

杭州
罗*凡

Web前端开发工程师

信息管理与信息系统

信息管理与信息系统

10000

上海
李*

Web前端开发工程师

软件工程

软件工程

10000

成都
杨*妹

前端开发工程师

计算机科学与技术

计算机科学与技术

9500

上海
秦*

前端开发工程师

电子信息工程

**信息技术股份有限公司

15000

上海
罗*英

Web前端开发工程师

电子信息工程

上海**信息技术股份有限公司

15000

上海
周*顺

前端开发工程师

物联网工程

**车联

13000

北京
胡*婷

Web前端开发工程师

软件工程

软件工程

12150

上海
潘*艳

Web前端开发工程师

电子信息工程

电子信息工程

12000

武汉
杨*

前端开发工程师

计算机科学与技术

计算机科学与技术

11000

成都
施*鑫

Web前端开发工程师

数据科学与大数据技术

数据科学与大数据技术

10000

杭州
罗*凡

Web前端开发工程师

信息管理与信息系统

信息管理与信息系统

10000

上海
李*

Web前端开发工程师

软件工程

软件工程

10000

成都
杨*妹

前端开发工程师

计算机科学与技术

计算机科学与技术

9500

上海

测测我的就业薪资>

优质课程升级 分层级进阶教学 技术要点覆盖职前与职后发展

技术“深度”升级

Grid布局
团队化项目、Git与Gitee、clone、add、commit、push
class、模块化、Set、Map、事件循环、框架思想
GSAP、Swiper、Echarts、Yarn、Fetch
RESTful、WebSocket
TS、构建工具Vite
组件传值
组合式、Pinia、Vite
类组件

项目“高度”升级

小程序项目实战升级
AI能力-智能识图与聊天机器人
Vue页目实战升级
moment.js 格式化和运算函数
echarts 或 antV 环境搭建
echarts 或 antv 配置项或组件
数据类型
类型推论与类型断言
接口、函数、类与自定义数据类型

第一阶段
第二阶段
第三阶段
第四阶段
第五阶段
第六阶段
第七阶段
第八阶段
第九阶段
第十阶段
第十一阶段
第十二阶段

HTML&CSS
阶段目标：
BFC、Flex、移动端布局、Grid布局团队化项目、Git与Gitee、clone、add、commit、push SASS变量、函数、模块化、混入性能优化、兼容性处理、3D及各种动画特效

阶段项目：
拼多多商家入驻页面构建瓜子二手车详情页面构建贝壳租房首页布局实现拉勾网首页布局实现

携程网首页布局实现京东超市首页布局实现京东超市移动端布局构建商品详情移动端布局构建

使用SASS基于模块化思想封装UI框架
JS核心技术
阶段目标：
基础语法、变量、变量类型、作用域、作用域链、变量提升表达式、运算符、流程控制函数、构造函数、高阶函数、方法劫持、对象原型、原型链、面向对象编程、闭包、命名空间 ES6、数组和字符串新方法、箭头函数、class类、解构赋值、promise、async、Proxy class、模块化、Set、Map、事件循环、框架思想

阶段项目：
工作表格隔行变色美团外卖下拉菜单 12306购票网站多级联动菜单登录按钮点击跳出模态窗口模态窗口的拖动美团点餐购物车交互实现

华清远见官网学员信息半
透明底部滑动进入京东导航栏 App底部的Tab选项卡切换优化后的无缝轮播图图片资源加载优化

新浪微博JSON数据转UI界面轮播图效果插件封装商品图片放大镜插件封装无线级联动菜单封装表格数据增删该动态管理
JS高级编程
阶段目标：
DOM树、节点及关系、节点的增删改查、节点属性样式操作、盒子模型、放大镜、表单操作事件基本概念、绑定方法、三个阶段、事件代理(委托) 防抖和节流、性能优化、GSAP、Swiper

简单认识SVG；canvas操作图片：加入图到画布、裁剪等 canvas画图，echarts，根据数据画饼状图本地存储：localStorage、sessionStorage

阶段项目：
轮播图效果插件封装商品图片放大镜插件封装无线级联动菜单封装表格数据增删该动态管理

美团点餐购物车交互实现跨平台媒体播放器缓动动画活动广告弹性广告

斗鱼TV无规则弹幕特效鼠标移出背景色淡出百度搜索条动态输入下拉瀑布
数据结构
阶段目标：
数组、栈、队列、链表及其元素的增删改查集合、字典、散列表、图排序和搜索算法算法模式及算法复杂度
MySQL
阶段目标：
数据库服务器、数据库管理系统、MySQL、数据库表、字段、记录、数据、主键、数据类型、设计范式数据操作：增删改查的SQL语句，分组、排序、中文排序 where、分页、函数、聚合函数、多表查询、子查询、外键
NodeJS
阶段目标：
web服务器、客户端、服务器、通信基础、http、https 模块、系统模块、第三方模块、自定义模块 npm、yarn、init项目初始化、依赖包、文件操作、Path、url
TS
阶段目标：
TS初识、运行环境、编译、变量类型、类型断言、类型推论接口初识、函数、类、存取器、修饰符、继承、重写、类类型接口与多态、泛型、声明文件
全栈项目实战
阶段目标：
项目文档、MVC、AJAX、同源策略、前后端分离、跨域、Fetch Egg脚手架、路由、控制器、模型、数据库操作、静态资源托管 cookie、session、会话控制、权限控制实现分页、验证码、ajax的方式上传文件 API测试、管理、Git、版本控制、团队合作、分支管理项目部署、服务器购买、域名注册、域名解析、代码上传 token、客户端加密、短信验证、RESTful、WebSocket TS、构建工具Vite
项目工程化
阶段目标：
webpack、模块化、plugin、热服务
Vue项目实战
阶段目标：
Vue3、数据驱动、组件、生命周期、watch、组件传值脚手架、vuex、路由、全家桶、组合式、Pinia、Vite elementUI、iviewUI、mintUI、antD、vantUI任选

阶段项目：
全栈APP开发大学生合租平台全栈开发周末游平台全栈开发宠物交易及分享平台多终端

全栈开发面试题讲解模拟面试
移动端应用开发
阶段目标：
和小程序语法差异、组件、API、配置、生命周期架构设计、页面实现、uniApp转原生app和各平台小程序开发账号申请、项目上线、项目审核、微信小程序逆向技术
React项目实战
阶段目标：
数据驱动、组件、生命周期、数据管理路由、SPA、状态管理、Ant-design TS、Hook、类组件

查看完整课程大纲

企业实战项目 帮你解决工作难题 真实战，真经验拿来即用

实战项目库
学员项目案例

图虫.创意

项目介绍 该项目前端采用主流框架Vue.js，及其全家桶技术（Vue-Cli、Vue-Router、Vuex），在UI方面选用Element-ui框架，后端采用Egg.js搭建的Node.js服务器，并采用MySQL作为本项目的数据库管理系统，完成了一个完整的前后端分离模式的闭环项目，分为前台门户网站和后台管理系统。

技术点 HTML、CSS、JavaScript Vue.js全家桶（Vue-cli、Vue-Router、Vuex） Element-UI、Node.js、Egg.js、MySQL数据库管理系统 前后端交互：Ajax、Axios 前后端分离技术 HTTP网络协议、cookie、session 跨域处理：JSONP、Cors、Proxy代理

简书

项目介绍 该项目后端采用框架egg，前端采用原生HTML+CSS+JS，数据层用的MySQL，完成一个前后端分离的文章创作网站的项目。项目主要功能有文章发布，文章点赞，文章收藏，文章评论，用户登录，用户注册等功能。在用户注册功能中还会涉及手机验证码，文章的发布使用了富文本编辑器wangeditor。

技术点 HTML、CSS、JS Axios、nodejs、egg 富文本编辑器wangeditor

好易招聘

项目介绍 在当今的社会，找工作已经成为许多大学生为之困扰的问题，工作难，找工作更难，我们所做的平台就是为了解决找工作这一难题，帮助解决严峻的就业形势。使用了React作为项目框架，node.js运行环境，egg后端框架，MySQL数据库, ant Design组件资源库和Gitee工作台等。

技术点 HTML、CSS、JavaScript、React.js ant-design、Node.js、Egg.js、Gitee MySQL数据库管理系统 前后端交互：Ajax、Axios 前后端分离技术 HTTP网络协议、cookie、session 跨域处理：JSONP、Cors、Proxy代理

Restaurant

项目介绍 考虑到目前广大群众疫情居家的情况，我们创建这个页面为居家的用户提供更多的做菜方法和分享美食的体验。使用了React作为项目框架，node.js运行环境，egg后端框架，ant Design组件资源库和Gitee工作台等。

技术点 HTML、CSS、JavaScript、React.js、Gitee ant-design、Node.js、Egg.js、nodemailer MySQL数据库管理系统 前后端交互：Ajax、Axios 前后端分离技术 HTTP网络协议、cookie、session 跨域处理：JSONP、Cors、Proxy代理

头条号

项目介绍 头条号是一个文章管理后台系统，使用vue-cli框架搭建项目。前端采用H5主流框架Vue3.0 + TypeScript进行项目开发，完成一个前后端分离的内容管理项目。

技术点 CSS3及SASS、JS、Vue3.0 TypeScript、Vue-Router、Pinia Webpack、antDesign 大数据库可视化echarts JWT认证、MySQL、Nodejs、Egg

开发人工智能小程序

项目介绍 是一款AI小程序，具备语义分析、自动聊天、图片识别、语音识别等功能，在此基础之上，可以扩展出更多智能能力。

技术点 客户端：小程序+zanUI 服务器端：Nodejs+Egg+MySQL+人工智能平台

打造周末游平台

项目介绍 这是一款如何处理周末的APP，在这里可以选择参加一些商业旅游，也可以自发组队，和大家一起出去搞个活动，让用户过一个有意义的周末，拒绝宅。

技术点 项目采用前后端分离模式 HTML5+CSS3+ES6+Vue生态圈+Axios +MUI 服务器端：Nodejs+Egg+MySQL

建设华清面试题平台

项目介绍 这是一款PC端项目。面试题平台积累了大量面试题以及面试技巧，学生注册后可以刷题、收藏面试题和查看自己的错题库。

技术点 项目采用前后端分离模式 学生客户端：HTML5+CSS3+ES6+Vue+Axios +elementUI 管理员客户端：HTML5+CSS3+ES6+layUI 服务器端：Nodejs+Egg+MySQL

打造宠物交易与分享平台

项目介绍 养宠物的越来越多了，大家在一起交流的话题也多起来，需要的相关小商品也多起来，这款产品满足了宠物主人的需求。

技术点 项目采用前后端分离模式 客户端：HTML5+CSS3+TS+React生态圈+Axios +antDesign 服务器端：Nodejs+Egg+MySQL

打造滴滴在线打车小程序

项目介绍 用户在线打车小程序，实时定位，最近车辆信息匹配，实现司机接单和用户打车双方需求，计费计算及用户对服务满意度评价。

技术点 Egret Wing Webstorm vim+wept

打造中信银行小程序个人信息系统

项目介绍 用户可通过小程序接收中信银行的推送消息，并且可以登录个人信息，查看余额，支出收入记录，理财收益等信息。

技术点 Egret Wing Webstorm ES6语法
美食平台

萌宠平台

旅游平台

电商平台

个人博客小程序

智慧AI小程序

了解更多实战项目

更强师资团队 一线经验倾囊相授 名校硕博学历，名企研发总监出身，10年以上前端技术实践经验

王老师

高级讲师

主讲科目：Web前端、JavaEE

从事软件开发多年，熟练掌握 Java、 H5、CSS、JavaScript、各大主流H5框架、Node.js、JSP、Servlet、各类数据库、Struts、Hibernate、MyBatis、 Spring、Spring Web MVC、EJB分布式开发、SSH 、SSM和SpringBoot框架等技术，深入理解设计模式。曾参与过某大型游戏、智能交通管理系统的研发工作，并多次参与多个成都政府大型系统项目开发工作。

学员标签

有激情思路清晰讲解到位亲和力强

鲁老师

金牌讲师

主讲科目：Web前端

多年软件开发实战经验，曾担任产品经理职位，负责项目策划，解决开发过程中遇到的技术问题并培养开发人才。精通数据缓存、SQL优化、页面静态化等性能优化，精通数据交互及分布式服务架构，熟悉多线程实现。精通Vue、React等框架；能熟练使用Egg及Express框架进行服务器端开发，精通数据库MySql在项目中的应用。主导开发的项目稳定应用于新媒体、教育、电商等行业。

学员标签

经验丰富功底深厚亲合力强

蒋老师

高级讲师

主讲科目：Web前端

曾任职于国内知名电商团队技术总监。熟悉iOS、web前端开发、Node.js后开发有着全栈开发的丰富经验，及大型项目管理经验。对swift、Web Components、Node.js、 HTML5等技术有深入研究。教学有激情，注重培养学生的学习能力。

学员标签

经验丰富教学认真耐心负责

陶老师

高级讲师

主讲科目：Web前端

多年Android应用开发经验，对性能优化及兼容处理有独到见解。精通H5、CSS3开发；熟练掌握 AngularJS与Ionic的移动App开发；精通Vue及React框架；精通Node.js、Express及Egg的服务器端编程。对Android应用开发有深入的研究；熟悉 Android NDK编程；精通Java/C编程；熟悉主流数据库（Oracle、MySql…）编程。有众多的软件项目开发经验。

学员标签

耐心功底深厚随和细心认真负责

司老师

高级讲师

主讲科目：Web前端

毕业于哈尔滨工程大学web安全专业，擅长解决开发中的兼容性问题，有着丰富的培训经验。精通XHTML/H5、Css/Css3、Javascript等前端技术；对Vue、React等新型框架熟练掌握并多次负责该框架相关教学工作；精通JQuery、Bootstrap、Less、Sass 等技术框架；能够使用Nodejs、Express、Egg、MySQL进行服务器端开发；熟悉前后端数据交互流程。曾开发过移动端/PC端商城、系统后台界面、官网展示等项目。

学员标签

年轻有朝气讲解认真仔细耐心解答问题

李老师

专职讲师

主讲科目：Web前端

曾任职前端工程师与产品经理，对前端技术和产品体验有深入研究。精通Java、HTML5等软件开发；精通JQuery、Angularjs、Vuejs、reactjs、Dojo 2等多个框架；精通主流数据库MySql在项目中的应用，能够使用Node.js+Express+MySQL进行服务器端开发；精通各种特效与游戏。曾参加过多个国内、外企业项目开发。

学员标签

认真负责耐心讲解爱笑