Web前端工程师是怎样练成的？
3分钟了解
如何成为行业领先的亿万富翁！
前端时代带来的"钱景"
2017年，互联网行业风起云涌，IT工程师如果仅凭传统开发思维，无法突破固有知识体系，终将会被社会所淘汰。会跨平台手机应用开发、微信小程序、网络应用、pc以及手机炫酷网页的全栈设计师应运而生……目前Web前端全栈开发工程师紧俏，企业高薪求才，薪资一涨再涨！！
就业明星榜
期待下一个有你
看完就业数据，还要听听学员的心声
如果你想提升
现有技术已经不能满
足工作了，那么现在
是时候提升你的前端
开发技能了。
如果你是零基础
可以先从Web前端基础
开始了解，因为这是开
启互联网世界大门的钥
匙。
如果你想转行
多学一门新潮技术，就
业道路更宽广，更多职
位可以供你选择。
如果你是应届毕业生
毕业即失业的现在，来
学Web前端吧，难道青
春还没奔跑就要逃跑？
如果你还在读书
书本上的套路简直就是
天书，选择实用，来优
就业吧！
应用自如
So Easy
提升用户体验
整站开发
提高开发效率
得心应手
前沿前端技术
提升就业竞争力
星火燎原，提升整体行业Web工程师职业素养
第一阶段
网站重构
第二阶段
前端交互
第三阶段
前端全栈开发
第四阶段
移动端项目开发
第五阶段
WebApp后端系统开发
第六阶段
就业指导
| PC端网站布局 | 前端开发环境介绍（DreamWeaver、Sublime) | |
| HTML基础，CSS基础 | ||
| CSS盒模型,选择器，继承 | ||
| 切图工具（PS、FW） | ||
| 浮动，定位，高度自适应 | ||
| 超链接与锚点链接 | ||
| 表格，表单 | ||
| 图片整合，雪碧图处理 | ||
| 浏览器兼容于CSS Hack | ||
| 整站规划，CSS优化，Flash动画 |
| HTML5+CSS3基础 | HTML5新增的元素与属性 | |
| 表单域增强元素 | ||
| CSS3选择器 | ||
| 文本字体相关样式 | ||
| CSS3中变形处理 | ||
| CSS3动画 | ||
| 弹性盒模型 | ||
| 媒体查询 | ||
| 响应式设计 | ||
| Less/Sass |
| WebAPP页面布局 | 移动端页面设计规范 | |
| 移动端切图 | ||
| 响应式布局，弹性盒子模型 | ||
| 等比缩放布局 | ||
| viewport/meta | ||
| rem的使用，字体选择 | ||
| flexbox应用 | ||
| 移动 web特别样式处理 |
| 原生JavaScript交互效果开发 | 基本语法，判断语句，循环语句 | |
| 函数，函数传参，函数封装 | ||
| String，Array，Date | ||
| BOM与 DOM | ||
| 事件，拖拽效果 | ||
| cookie存储 | ||
| 正则表达式 | ||
| JSON和JSON解析，Ajax | ||
| 面向对象基础 | ||
| 运动与游戏开发 |
| 面向对象进阶 | 设计模式（观察者模式等） | |
| 原型链 | ||
| 作用域链 | ||
| 继承 | ||
| 构造函数 | ||
| 变量对象与活动对象 | ||
| 作用域链 | ||
| 闭包 | ||
| this |
| JQuery经典交互效果开发 | jQuery框架介绍 | |
| tab切换效果 | ||
| 美化多选框和单选按钮 | ||
| 网页定位导航特效 | ||
| 滑动门特效 | ||
| 焦点图轮播特效 | ||
| 下拉菜单几导航条效果 | ||
| 瀑布流特效 | ||
| 弹出层特效 | ||
| 倒计时效果，自定义滚动条 |
| HTTP协议、Ajax进阶与后端 | HTTP(s)协议详解 | |
| Ajax进阶及跨域处理 | ||
| PHP基础语法、PHP表单、PHP文件操作 | ||
| MySQL基础及增删改查 | ||
| Apache与Nginx环境搭建与配置 | ||
| 前后端联调 | ||
| 前端安全(XSS,CSRF,JSON注入) | ||
| Git/SVN |
| PC端网站开发 | 首页、列表页与详情页 | |
| 搜索 | ||
| 登录与注册 | ||
| 购物车 |
| AngularJS | Angular的解析过程分析 | |
| 基础指令，表达式，模型 | ||
| 控制器，过滤器 | ||
| 双向绑定 | ||
| 安全的依赖注入方法 | ||
| 服务和自定义服务 | ||
| 表单验证 | ||
| 路由 Router 配置 | ||
| 事件处理器 |
| PC端管理信息系统前端开发 | jQueryUI 与 jQuery EasyUI | |
| Bootstrap框架 | ||
| Highcharts/Echarts |
| Touch端 | Canvas 基础知识 | |
| 绘制矩形、圆弧、线段、曲线、渐变与图像 | ||
| Canvas 图表绘制案例 | ||
| localStorage、sessionStorage 与离线缓存 | ||
| animate.css | ||
| touch.js | ||
| zepto.js | ||
| Swiper，iScroll |
| 微信场景 | WeUI | |
| Swiper animate 在微信场景项目中的使用 | ||
| 常见的页面布局 | ||
| 常见的交互与动画 | ||
| 实战项目 |
| 应用 Vue.js开发 WebApp | Vue.js基础 | |
| 模块化 | ||
| 单文件组件 | ||
| 路由 | ||
| 与服务器通信 | ||
| 状态管理 | ||
| 单元测试 | ||
| 生产发布 |
| 应用 Ionic开发 WebApp | CSS Component | |
| ionic基于 angularJS扩展的交互指令介绍 | ||
| 头部与尾部、内容区域、列表、区域滚动 | ||
| 下拉刷新与上拉加载、页签导航 | ||
| 背景层与旋转 SVG图标 | ||
| loading 效果、actionsheet 效果 | ||
| 弹出窗口、弹出浮动层 | ||
| 底部满屏滑动窗口 | ||
| ionic 自带的 swiper滑动 | ||
| 基于 swiper组件的 swiper滑动 |
| 应用 React.js开发 WebApp | ReactJS基础 | |
| JSX语法 | ||
| 组件 | ||
| flux架构 | ||
| 配置模块化开发环境 | ||
| 动画效果 | ||
| 数据双向绑定 |
| 微信小程序开发 | 微信小程序简介及从技术上和产品上的分析 | |
| 构建第一个应用：创建项目、创建小程序实例与创建页面 | ||
| 框架、组件 | ||
| API及工具详解 | ||
| 微信小程序项目开发 |
| NodeJS基础与NodeJS核心模块 | NodeJS介绍 | |
| NodeJS环境搭建与入门 | ||
| ES6在 NodeJS中的应用 | ||
| CommonJS模块 | ||
| fs与 path模块 | ||
| stream，socket.io | ||
| http模块 API，URL模块 | ||
| 数据的本地存储 |
| Express | express api | |
| express 中间件 | ||
| ejs/jade |
| noSQL数据库 | mongodb 与 mongoose | |
| 框架中间件 | ||
| 项目实战导入 |
| 面试指导 | 简历制作 | |
| 面试礼仪 | ||
| 模拟面试 |
| 专业指导 | 项目作品整理 | |
| 职业规划 | ||
| 面试常见问题 |
优就业学员6大专享福利
中公优就业将根据
学员学习情况
学员自身意愿
提供就业服务
4人标准化宿舍
酒店式公寓
携手百度0息贷款
服务，利息由
优就业承担
免费试学5天
先体验后报名
赠送课程相关网课
查漏补缺
复习更简单
两年内可免费再学
享全系课程
更新迭代
学员实战作品
更多文章