5G时代，前端迎来新机遇
国内5G商用牌照发布开始，这也预示着一次新的科技浪潮即将来临。5G带宽速度的提升影响着传统 Web前端复杂度的提升， Web前端会直接进行各个垂直领域，这也意味着前端将有更⼴阔的发展空间。
Every Screen Matters
前端开发有多火? 应用无处不在
前端开发工程师是一个通吃PC、Mac、iPhone、iPad、Android、Windows Phone等主流平台的跨平台语言，大多数浏览器已经支持HTML5，包括移动设备的大量兼容和支持。
Build What People Use
从PC端到移动端，屏幕上呈现的一切都由前端实现
前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲，前端工程师使用 HTML、CSS、JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品，涵盖用户PC端、移动端网页，处理视觉和交互问题。从广义上来讲，所有用户终端产品与视觉和交互有关的部分，都是前端工程师的专业领域。
基于目前web前端市场的压力，很多企业需要提供具有电商、通信、发布等功能的综合性网站，因此越来越多的企业需要Web开发人员。根据有关部门的数据显示：在2012年至2022 年间，Web前端开发人员的就业增长率将达到20%，超过其他所有职业的平均增长率(11%)。 数据来源：http://cq.mobiletrain.org
点击咨询</>
CSS
JS
Why Frontend
入行Web大前端的三大理由
随着html5新规范的颁布，前端开发开始不再局限于pc端的开发，而是在移动前端(移动端网页，简称webapp)大展身手。5亿微信用户量让所有企业开始放弃手机APP(Android和iOS应用)的开发，开始趋向于开发微信公众号和小程序的开发，如今大部分企业都开始以开发webapp为主，特别是创业公司，减小了他们的人力、物力、财力。企业对于web前端工程师的需求越来越大，前端就业岗位也在逐年成倍增长。(* 信息来源于：https://www.bilibili.com/read/cv11630683)
web前端相对其他编程语言简单
与Java开发、PHP开发和其他后端开发语言相比，对于转行者来说，学习Web前端开发更容易入行。它不需要很多逻辑思维能力，也不需要像应用程序那样进行审核。通常无论您键入什么代码，首页都会显示哪些内容。
web前端薪资比较高
随着市场需求的提升，拥有企业所需技术的Web前端开发人员薪资在不断增加，不仅仅是一线城市的前端开发人员，一些二三线城市的前端人员薪资水平也在稳步增加，成为城市中名副其实的高收入人群。
Who It Is For
什么人适合学Web前端培训课程？
就业、转行、升职、加薪不再成难事
01
￥
想拿高薪
有计算机基础，对代码有一定了解，并想从事该行业人群。
02
</>
前端/后端相融
已从事前端或后端工作，想学习更多专业知识，为技能提升、薪资加成助力。
03
↗
接私单赚外快
空闲时间承接公司外包项目，赚取额外收入，摆脱996。
04
⌂
想留在老家发展
互联网时代使二三线城市企业得到巨大发展，面对一线城市生活压力，回老家发展已成为很多人的选择。
Learning Journey
课程大纲
以项目驱动的学习节奏，完成从编程基础、前端页面、工程化开发到框架与毕业实战的能力递进。
第一阶段：python从入门到精通（预科）
python是一款易于学习且功能强大的编程语言，它具有高效率的数据结构，能够简单又有效地实现面象对象编程。python简单的语法与动态输入之特性，加之其解释性语言的本质，使得它成为一种在多领域与绝大多数平台都能进行脚本编写与应用快速开发工作的理想语言。
课程模块
Python 编程基础
Python概述
变量和表达式
分支与循环
列表、元组、集合和字典
自定义函数
类和对象
封装和继承
异常处理机制
内置模块
能力掌握
基础语法
函数式编程
面向对象
虚拟环境
正则表达式
文件操作
第二阶段：HTML5+CSS3网页设计
课程为HTML5,CSS3等内容重点讲解，且穿插了很多练习案例，在掌握前端基础核心语法以外会再进行综合性练习，使学生能更快速掌握网页开发的本质，同时也会让我们在为进一步学习高阶语法做好坚实的基础语法铺垫。课程中包含PC端、移动端、以及多平台的兼容操作。
课程模块
页面布局与响应式设计
HTML、CSS核心基础
HTML5语义化标签
新增标签与表单属性
CSS选择器与伪类
过渡、渐变与动画
弹性盒模型
经典布局练习
响应式布局
能力掌握
HTML/CSS核心语法
H5/CSS3新特性
多种布局技巧
独立绘制静态页面
第三阶段：Javascript原生编程+Jquery
本阶段从JavaScript入门语法开始，全面学习Javascript的各种逻辑编程技巧，同时还深入讲解了Javascript的事件处理机制，为后续框架学习奠定了良好的基础，同时加入JQuery的使用以完成对Javascript代码编写更为简化和易用，还会讲解到客户端缓存机制和地图软件的应用，让数据渲染方式更多样化。本阶段还讲解了移动端的设计和适配方式。让PC端和移动端完美兼容。
课程模块
原生编程与PC端整栈基础
JavaScript基础
实用类与事件处理
BOM与DOM操作
面向对象编程
jQuery选择器
jQuery封装DOM
Bootstrap十二栅格
常用CSS与JS组件
Less预处理语言
能力掌握
JavaScript核心语法
DOM/BOM操作
面向对象
jQuery
Bootstrap
Less
第四阶段：ES6高阶特性+NodeJS服务器开发
本阶段是一个重要的承上启下的阶段，主要针对ES6高级特性做针对性学习， 且对闭包，原型，原型链等高阶语法做了充分原理讲解，同时增加NodeJS服务器端开发，使学习者学会前后端分离开发技术以及后端开发技巧，真正从一个单一前端开发变成全栈工程师的完美蜕变，同时还掌握公司团队协同开发操作-Git仓库的管理，直接和单位开发挂钩快速适应公司开发步骤。
课程模块
工程化与前后端协作
ES6/7/8 Promise
npm常用命令
Git基础与高级
Node.js基础
HTTP、Cookie、Session
MongoDB与Express
Ajax、Axios、Fetch
模块化
Gulp与Webpack
能力掌握
ES6+新特性
npm/Git
Node.js开发
MongoDB
Ajax类库
工程化工具
第五阶段: vue全家桶+微信小程序
本阶段主要为Vue技术栈讲解，包含了Vue全家桶的所有核心语法，对Vue的源码进行 了 深入剖析，充分掌握主流前端开发框架，同时还讲解了微信小程序开发相关课程，包含原生微信小程序开发常用的所有技能，和使用uni-app开发技巧，涉及vue从2.0到3.0的各种变化形态，以及主流各种UI框架。完美做到与公司级商用项目的过程一致化。
课程模块
主流框架与小程序开发
Vue核心语法
Vue Router
Vuex状态管理
双向数据绑定
Vue电商前台项目
Vue后台管理项目
原生小程序
UniApp
TypeScript
能力掌握
Vue核心能力
Router/Vuex/Element UI
企业级项目开发
小程序API
UniApp
第六阶段：Reac技术栈+低代码平台
本阶段主要针对前端高级框架React进行扩展讲解，使学生对React框架有全面基本认识，并包含了React高级知识如Redux及React项目开发使得学生可以快速上手React开发，让学生在不同场合可以快速找到不同的开发模式，真正变成一个有专业度同时又可以灵活应对各种场景的大前端工程师。
课程模块
前端进阶与多场景应用
React基础语法
React Router
Ant Design
Redux状态管理
React移动端项目
React项目开发
低代码平台应用
能力掌握
React核心语法
Router与Antd
Redux
移动端项目
低代码实践
第七阶段:毕业设计+面试指导
本阶段为学生毕业前的综合实战练习，主要培养学生独立动手能力，且对前端所有所学重点知识进行综合性复习讲解，使得学生从容应对面试，快速走上工作岗位
- Vue综合项目实战+微信小程序实战+面试精讲+就业辅导
- 超500题的高频面试问答全方位辅导
课程模块
综合实战与就业准备
Vue综合项目实战
微信小程序实战
移动端项目复盘
前端重点知识复习
面试精讲
就业辅导
500+高频面试问答
能力掌握
独立完成企业级项目
前端必备技能复盘
面试技术准备
岗位求职准备
Instructor Team
行业大咖干货教学，0基础到就业的保障
专业背景
曹老师
10年软件开发经验，8年IT培训师，精通大前端全栈开发框架，掌握各大框架语言底层源码逻辑，包括javascript底层、vue2/vue3底层、状态机底层，路由底层、有自己独立的框架设计，前上市公司IT技术部技术总监，大厂在线教育部授权讲师，知名IT技术博主，交大慧谷前端培训部教学主管。
Project Showcase
项目展示
以真实业务场景组织项目练习，覆盖在线教育、企业管理、电商、移动社交和小程序生态。
PT在线云课堂
该项目是基于Vue技术栈的大型在线教育电商项目，是一个前后台分离的全栈PC端Web SPA+移动APP+微信小程序，基本包含了经典在线教育项目的所有核心功能，如课程浏览，搜索，购物车，订单，支付等模块，班级管理，我的课程等；
- 项目架构
- 前台: Vue + Vuex + VueRouter + ES6 + Axios
后台: Java + SpringBoot + SpringCloud + MySQL - 功能模块
- 首页，课程搜索，课程介绍详情，订单，支付，用户注册/登陆，个人中心等模块，在线学习等模块
- 技术点
- Vue，Vue-router，Vuex，Vue-lazyload，Swiper，Mockjs，postman，axios，token令牌，store，uuidjs，lodash，qrcode ES6，babel，webpack，vue-cli4，elint，less，nginx
变电站管理系统
该项目是基于Jquery+Layui+SpringBoot技术栈的企业后台管理系统, 采用了前后端分离开发模型；数据库采用了mybatis+mysql；使用缓存机制；前端使用layui框架布局搭建
- 项目架构
- 前台: Jquery +ES6+Bootstrap+Layui+ Axios，使用微信小程序；使用Vue搭建： Vue + Vuex + VueRouter + ES6 + Axios
后台: Java + SpringBoot + SpringCloud 实现分布式+ MySQL - 功能模块
- 基于角色的访问控制，员工管理、线路巡查，电力设备巡查，故障报修，智能监控、设备管理维护、热点监控，峰值报警等功能
- 技术点
- Vue, Vue-router, Vuex, Vue-lazyload, Swiper, Mockjs, postman, axios, token令牌, store, uuidjs, lodash,qrcode ES6, babel, webpack, vue-cli4, elint, less, nginx
膳魔师微商城
该项目是基于Vue+android+微信客户端+SpringBoot技术栈的在线电商系统, 采用了前后端分离开发模型；数据库采用了mybatis+mysql+redis；使用缓存机制；
- 项目架构
- 前台:使用微信小程序；使用Vue搭建： Vue + Vuex + VueRouter + ES6 + Axios；使用 React 技术栈
后台: 使用node.js+Mongdb 搭建 - 功能模块
- 在线微商城，首页，商品查询，商品详情，购物车，订单，在线支付，支持微信+支付宝+网银等；会员中心，网站后台提供完整管理；
- 技术点
- Vue，Vue-router，Vuex，Vue-lazyload，Swiper，Mockjs，postman，axios，token令牌，store，uuidjs，lodash，qrcode ES6，babel，webpack，vue-cli4，elint，less，nginx
演唱汇APP
该项目是基于Vue技术栈的前后端分离项目，全民手机KTV直播、K歌交友应用
- 项目架构
- 前台: Vue + Vuex + VueRouter + ES6 + Axios
后台: Java + SpringBoot + SpringCloud + MySQL - 功能模块
- 首页，用户注册、登陆、用户个人中心、搜索、查询歌曲、实现卡拉OK，并在线直播，也可以录制视频，短视频MV发布；实现K友交友；互动；
- 技术点
- Vue，Vue-router，Vuex，Vue-lazyload，Swiper，Mockjs，postman，axios，token令牌，store，uuidjs，lodash，qrcode ES6，babel，webpack，vue-cli4，elint，less，nginx
口碑花花小确幸
该项目是基于微信客户端、公众号应用的前后台分离的项目，实现微信小程序直播、微信商城，完整电子商务应用，能实现在线直播，分享购物体验，直播带货；和微商城进行联动；
- 项目架构
- 前台: 微信公众号，微信小程序
后台: Java + SpringBoot + SpringCloud + MySQL - 功能模块
- 首页，微商城系统，商品展示，购买，下订单，支付，订单管理，在线直播模块，粉丝互动，直播带货，直接分享链接到微商城；完整打通微信朋友圈+微商城+直播网红带货完整生态体系
- 技术点
- Vue，Vue-router，Vuex，Vue-lazyload，Swiper，Mockjs，postman，axios，token令牌，store，uuidjs，lodash，qrcode ES6，babel，webpack，vue-cli4，elint，less，nginx
