联系电话 400-650-7353
  • 视频有效期
  • 课程内容
  • 录播时长
  • 直播有效期
  • 面授集训
立即咨询

随到随学 7天可申请退费

  • 视频有效期
  • 课程内容
  • 录播时长
  • 直播时长
  • 面授集训
立即咨询

随到随学 7天可申请退费

升级发布 OAO教学体系

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

Online-线上学习
高清视频课
  • 精心研发
  • 系统讲解
  • 随到随学
  • 省时便捷
直播答疑课
  • 知识串讲
  • 小班直播
  • 答疑互动
  • 课后回放
Offline-线下集训
线下面授攻关
  • 全国多地
  • 面授集训
  • 实战冲关
  • 面试模拟
传统网课
课程老旧
技术已被迭代替换
学员放任自学
无督促,无答疑
核心知识囫囵吞枣
项目流程一知半解
技术难关似懂非懂
面试要点一带而过
OAO训练营
线上学习阶段
录播视频不限次回看
直播为你答疑解惑
线下集训阶段
面授集训攻关,解答项目问题
项目实战讲解,带你梳理项目思路
简历指导,从排版布局到写作技巧
从谈吐到着装,HR面试模拟
对课程模式有疑问?咨询老师

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

中公优就业倾力打造,精品录播课程,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+移动端一站式学习

项目名称:小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

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

多年培训经验,结合企业需求及毕业学员面试反馈,不断完善课程内容

  • HTML
  • CSS
  • 盒模型
  • 浮动
  • 定位
  • 精灵图
  • 云开发Openid
  • CSS3新增选择器
  • Vuex
  • Git的使用
  • ......
  • 函数封装及复用
  • JavaScript内置对象
  • JavaScript面向对象
  • 构造函数
  • 原型及原型链
  • DOM
  • 计算属性
  • 过渡和动画
  • ElementUI框架
  • 服务器渲染
  • ......
  • Express Web框架
  • MySQL数据库
  • Webpack及模块化
  • Websoket及koa2
  • Vue基本指令
  • 修饰符
  • Less
  • 2D和3D变形
  • Stylus
  • TS语法
  • ......
  • WeUl组件库
  • 云开发
  • 盒模型
  • HTTP API
  • 云开发数据库
  • 云函数
  • 多媒体
  • JavaScript操作标签
  • Axios
  • 组件化
  • ......
  • BFC
  • DOM
  • 侦听器
  • 文件存储
  • 三栏布局
  • BOM
  • 新增表单特性
  • 流程控制语句
  • Vant框架
  • 模块化
  • ......
查看全部知识点

OAO训练营,学员专属服务体系

PART 1
高清录播

2.0模式录播课程,更好的学习体验

直播答疑

知识点串讲复习
答疑解惑

日常督学

学习计划表,章节作业,班主任讲师贴心守护,耐心解答

阶段考核

按阶段完成学习任务后进行考核,查验学习成果

PART 2
配套笔记源码

线下集训

项目实战讲解,梳理项目思路,解答学习中的困惑

入 职
全国推荐就业
简历指导
面试模拟
专业技术答辩
更多专属服务详询

一地学习全国推荐就业

互联网名企项目实训 10000余家合作企业定向输送人才

学员常见问题

下载APP学习更方便

视频支持离线缓存,永久有效 随时随地无限回看,畅快学习

如何开始学习
购买后录播部分自动开通,在优学官网“xue.ujiuye.com”,或者APP“IT优学”中用手机号注册登陆,点击“我的”-“我的课程”找到对应课程即可开始学习。
退费说明
购课七天内,如果对课程内容及我们的服务存在异议或者不满,可以申请退款。由于在线课程的商品特殊性,开课 7 天后将无法退款,如有疑问,请在购买前仔细确认并咨询老师。
线上转线下学习,可抵扣面授费用
该课程购买时的实际缴纳金额可全额抵扣线下报名学费用,具体报名费用以转班时线下报名费为准,抵扣年限为2年,线下开班日期及学习地点,请向老师咨询。
版权声明
本课程相关知识产权归优就业所有,与本课程有关的所有课程视频、文字、图片、资料、源码等知识产权均归属于优就业。