400-650-7353

视频有效期
课程内容
录播时长
直播时长
面授集训

立即咨询

免息贷款 7天可申请退费

视频有效期
课程内容
录播时长
直播时长
面授集训

立即咨询

免息贷款 7天可申请退费

在校学生

毕业季找不到工作
怎么办？

待业转行

在夕阳行业
看不到未来怎么办？

0基础小白

想要学习Web
自制力薄弱怎么办？

技术瓶颈

想提升技术
遇到瓶颈怎么办？

中公优就业倾力打造，我们带你从0出发，走进前端

重磅发布 OAO教学体系

OAO（Online And Offline）即线上线下相结合的教学-学习模式

Online-线上学习

高清视频课

精心研发
系统讲解
随到随学
省时便捷

直播答疑课

中公名师
小班直播
答疑互动
课后回放

Offline-线下集训

线下面授攻关

全国多地
面授集训
实战冲关
面试模拟

传统网课

课程老旧

技术已被迭代替换

学员放任自学

无督促，无答疑

核心知识囫囵吞枣

项目流程一知半解

技术难关似懂非懂

面试要点一带而过

OAO训练营

线上学习阶段: 260+小时录播不限次终身回看; 96+小时直播为你答疑解惑

线下集训阶段: 分阶段线下集训，阶段问题不存疑; 项目实战讲解，带你梳理项目思路; 课程重难点，面试易考点攻坚指导; 简历指导，线下1对1真实面试模拟

对课程模式有疑问？咨询老师

大品牌 , 内容放心

我们始终以企业的标准看待每一项技术，课程所授内容符合当今的市场用人标准
大品牌 , 教学贴心

班主任，助教老师，授课讲师，就业老师多对一贴心服务，学习路上伴你左右
大品牌 , 就业安心

线上学习，全国就业，与线下学员同享就业，互联网名企项目实训， 10000余家合作企业定向输送人才

技术对标500强企业高级工程师水平，只为提供更好的课程

项目驱动: 项目驱动教学，学员深入了解理论的同时，更能够独立完成项目的开发，零距离对接企业对人才的需求

一站式项目: 完整的企业级项目应用：PC端+移动端+响应式+小程序+后台管理系统，一站式的项目开发，无缝对接企业需求，使学员更快的融入到企业开发工作中

项目提升: 项目提升阶段，基础好的学员通过项目提升可以到达中高级水平，基础一般的学员通过项目提升进一步夯实基础。完善学员的学习完整度，平稳就业

复合型人才: 基于Node+MySQL进行全栈式开发，学员不仅可以学习前端而且对后端开发流程和业务逻辑有一个清晰的认识，我们的目标是企业中真正需要的复合型人才

团队协作: 更多的团队协作项目，真实的企业项目开发流程，培养学员的实战能力和职业素养

调研千家企业招聘需求更贴近公司真实开发场景

中公优就业倾力打造，260+小时精品录播，5大阶段，每阶段配套案例实战

前端基础知识

HTML5/CSS3

网页布局

网页重构

开发多特效
多交互的PC网页

JS交互设计

JavaScript入门到进阶

Touch、jQuery、动画、

Ajax数据交互等

高效开发网页
高效编写代码

Node.js开发

Node.js/Koa2

后台连接数据库

工程化项目搭建

搭建后台服务，实现
前后台的数据交互

实战接轨企业工作

主流前端框架

Vue.js/React.js应用

APP开发

企业级项目实战
完美复刻开发场景

小程序+
数据可视化

小程序云开发

框架项目

数据可视化

知识扩容，让你
更加游刃有余

多端开发技能，从前端开发到上线部署的全栈解决方案

0基础到前端全栈，前端技术+工作技巧+全栈开发能力，逐层递进企业所需核心技术点

网页布局

动态交互

PC端

移动端
WebApp

小程序

移动端+小程序

主流框架
应用

全栈开发

前端+后端

企业级案例深度剖析，掰开揉碎助你理解吸收

整套课程5大阶段，200+随堂案例，完整的企业级项目实战

从静态页面到动态轮播，从图文介绍到视频详解，从前台展示到后台管理，完成商城类企业实战完美复刻

与技术点高度契合的阶段核心项目，还原企业的真实开发场景

静态页面精美布局，PC+移动端一站式解决

PC端
移动端

项目名称：小U商城PC端静态页面布局

项目难度：

核心技术点：: 标签语义化; 字体图标 Iconfont; 雪碧图; 板块的布局思想; 项目的兼容处理

核心功能：完成整个项目PC端的静态布局

项目流程

切图
建立站点
引入重置样式表
板块布局和实现
项目兼容
项目优化
项目检测

项目名称：小U商城移动端静态页面布局

项目难度：

核心技术点：: Rem布局; 字体图标 Iconfont; Less; 弹性盒

核心功能：完成整个项目移动端的静态布局

项目流程

切图
建立站点
引入重置样式表
JS动态改变HTML
的字体大小
板块布局和实现
项目优化
项目检测

登陆+注册+购物车+商品展示API接口功能实现

项目技术点：Nodejs、MySQL、Express

项目难度：

核心技术点：: Node.js/Express/MySQL，对传统Express
-callback全面升级为Async...Await; Cookie/Session/Jwt，运用到传统的Cookie、 Session和当下流行的Jwt身份验证; 使用Async...Await全面实现MVC设计模式

核心功能：Pygame使用；OOP编程；行动轨迹计算

项目流程

项目规划
版本设计
前后端分离开发
项目迭代优化
自动化测试
自动化部署
自动化运维

手把手搭建小U商城后台管理系统

项目名称：小U商城后台管理

项目难度：

核心技术点：: Vue-cli；Vue-router；Vuex；ElementUI； Stylus：Axios

核心功能：登录页、系统管理、商城管理、菜单管理、角色管理、管理员管理、商品管理、商品规格、轮播图管理、秒杀管理、会员管理

我们能做的远不止这些

更多完整真实项目只为让你深刻理解，学练结合，培养你的职场力

项目名称：优学视频网站

项目难度：

核心技术点：

项目布局；交互及规范

前-后台交互

代码封装复用

核心功能：静态布局、轮播图选项卡效果、数据排序、视频播放

技术亮点：Ajax前后端数据交互、数据排序、自定义播放器、本地存储、正则验证

项目流程

1 项目分析

2 引入重置样式表
封装的JavaScript库

3 开启本地服务器通过
Ajax获取后台数据

4 板块布局及实现

5 代码优化及重用

6 项目检测
项目名称：移动端轮播图

项目难度：

核心技术点：

移动端布局

手势事件

核心功能：实现移动端轮播图的手势切换

技术亮点：Rem布局、Swiper、无缝滚动

项目流程

项目规划

版本设计

引入重置样式表

板块布局和实现

Swiper手势
事件使用

项目检测
项目名称：响应式后台系统

项目难度：

核心技术点：

响应式布局

核心功能：实现整个项目的静态布局

技术亮点：设置Viewport标签；用媒体查询适配；百分比布局；响应字体和图片；字体图标 Iconfont；Less

项目流程

切图

建立站点

引入重置
样式表

板块布局
和实现

项目优化

项目检测