1 HTML5+CSS3根本入门
课程内容
熟习HTML5入门基本内容（代码文件、基本构造、注释、编程问题规范、基本标签等）；节制CSS3的根本入门知识；
项目实战
京东登录注册案例（HTML+CSS） 登录界面指的是须要供应帐号密码验证的界面，有 掌握用户权限、记录用户行为，保护操作安全的作 用。登录界面是所有在线系统的入口。
2 HTML5+CSS3进阶
课程内容
节制继续与优先级；选择器、盒子模型、布局样式等利用方法；能够 进行合理的网页布局。
项目实战
个人博客（HTML5+CSS3） 个人博客是学员涉足前端领域的第一个项目，利用 前端根本知识，培养项目思维，在入学2周内搭建 属于自己的个人信息分享平台。
3 Photoshop
课程内容
采取商业案例来学习Photoshop利用，节制Photoshop基本操作；能 够独立的进行网页切图。
项目实战
企业网站
（HTML5+CSS3+Photoshop+PxCook） 企业网站作为一家公司的互联网名片，是每家企业必备。强化学员对HTML+CSS+PS(切图)、各种布局等初期所学全部知识的综合运用，由于是第一个企业级项目，着重熟习项目开拓流程和培养利用HTML+CSS碰着问题时的剖析和调试能力。
第二阶段：WEB编程根本
1 JavaScript根本
课程内容
理解最前沿JavaScript知识。节制JS根本基本语法和基本语句以及ES6&ES7新特性，培养编程逻辑思维，实现网页的动态交互。
2 BOM+DOM编程
课程内容
认识和理解BOM和DOM模型； 节制window、 location、 history、 navigator、document、 Form、Table等工具的利用；节制事宜处 理和DOM节点。理解BOM和DOM模型：节制各浏览器API的利用、闇练操作元素节点理解网站事宜类型与机制
项目实战
案例实践-H5音乐播放器、H5小游戏 （HTML5+CSS3+Javascript） 通过游戏运用开拓，培养学员开拓兴趣和参与感， 强化Javascript根本、DOM操作和事宜机制在实际 场景的运用。
3 JavaScript交互及动画效果
课程内容
节制运动框架的封装(匀速运动 缓冲运动 多物体运动) 分享到案例 右侧边栏滚动案例 透明度运动 轮播效果案例
项目实战
企业网站交互进阶（HTML5+CSS3+JavaScript） 节制动画事理，利用原生JS技能编写动画交互效果 实现企业站的轮播，选项卡，楼层跳转等常规功能
4 jQuery＋交互及动画 ＋jQuery优质插件
课程内容
认识jQuery；熟习选择器；属性与样式； jQuery基本DOM操作；事宜处理；文档处理；数组和工具操作。学会利用jQuery和JavaScript 和DOM编程的动画效果制作。 节制jQuery生态圈的盛行框架利用； 培养学员利用前端工具办理开拓过程中问题的能力。
项目实战
案例实践-楼层跳动&轮播&表单验证（HTML5+ CSS3+jQuery）jQuery的盛行得益于他弘大的插件 生态圈，节制jQuery插件的利用，将是前端开拓者 网站开拓的利器。
5 版本掌握工具SVN&GIT
课程内容
节制SVN/GIT版本掌握工具来掩护项目的全体蓝图；闇练利用github 来管理云端代码仓库，快速项目组成员多人协作。
6 jQuery EasyUI
课程内容
熟习jQueryEasyUI框架环境搭建， 节制EasyUI常用插件， 利用Easy UI快速搭建后台
项目实战
电子购物网站（HTML5+CSS3+jQuery +EasyUI）通过本阶段的学习，具备常见动画需求 的开拓能力常用插件的利用及开拓；逐步培养良好 的编程习气强化企业项目开拓流程，培养团队协作能力。
第三阶段：相应式网站与项目自动化开拓
1 HTML5、CSS3高等进阶
课程内容
节制HTML5时期多媒体、Web存储技能及基于浏览器的(LBS)地理定位技能，熟习基于高德舆图、百度舆图等舆图API的运用开拓；介 绍了H5图形技能SVG和Canvas；能够动手编写图形报表和利用百度 echarts舆图API的能力。节制CSS3新选择器， 相应式事理及CSS3媒体查询，移动端盛行的伸缩布局，Web字体、渐变、过渡动画等技 术利用动画库实现基于网页的酷炫动画效果。
项目实战
H5动效简历/H5原生移动商城（HTM L5+CSS3+Swiper+动画框架）H5动效简历是每 一
个H5er的个性化名片，H5原生移动商城和适配 调试是面向前端是时期的必须技能。
2 Bootstrap4
课程内容
节制来自Twitter工程师开拓的目前盛行度很高的前端相应式框架， 包括内置样式、组件和JavaScript插件；节制基于Bootstrap 打造的电影主题页设计。
项目实战
电影主题页设计 （HTML5+CSS3+Bootstrap） 快速打造能够适应多真个信息展示网站
3 前端依赖管理+CSS预处理 措辞（Less+Sass）
课程内容
闇练利用bower来管理前端库，达到一个命令搞定所有项目依赖。
节制基于CSS的预处理框架Less/Sass，以最大略的代码实现繁芜 样式；目前主流的前端框架都是基于css预处理措辞搭建，学会后 具备Bootstrap等框架的阅读和利用能力。
项目实战
相应式股票交易平台（Bootstrap4+Sa ss+PHP+Mysql+GIT）通过本阶段学习，通过Boot
strap等框架具备相应式开拓能力；并利用多种版本 掌握工具，进行企业项目的迭代；同时利用预处理 框架完成样式重用和扩展。具备高效快速开拓企业 项目的能力。
4 Grunt/Gulp自动化构建工具
课程内容
理解前端自动化构建工具的事理；节制基于Node平台的Grunt和Gulp 两大自动化构建工具。
5 Mysql
课程内容
理解Mysql背景，快速搭建Mysql环境，熟习Sql根本语法，实现对数据 的CRUD操作
项目实战
相应式股票交易平台（Bootstrap4+Sa ss+PHP+Mysql+GIT）通过本阶段学习，通过Boot
strap等框架具备相应式开拓能力；并利用多种版本 掌握工具，进行企业项目的迭代；同时利用预处理 框架完成样式重用和扩展。具备高效快速开拓企业项目的能力
第四阶段：Web高等编程与框架事理
1 JavaScript高等编程
课程内容
节制jJavaScript面向工具思想；原型设计事理及利用。理解 JavaScript程序的编译事理；节制递归、惰性载入、匿名、闭包及 回调等高等函数的利用。节制ES6前沿新特性。
2 jQuery插件开拓
课程内容
学习插件开拓模式,并自己动手实现动态表格查询和表单验证等插件。
案例实践
原生表单验证插件（HTML5+CSS3+ ES6）能够通过面向工具思想开拓jQuery插件，学
习实践JS设计模式，具备低级JS框架的编写能力。
3 NodeJS
课程内容
节制Node做事端编程技能，Expres搭建做事器，基于Express框架编写 后端代码，实现前端和后端全栈开拓
4 WebSocket
课程内容
节制节制HTTP协议、客户端数据传输办法，节制WebSocket 在 HTML5 领域的运用处景，用于实现客户端和做事器的长链接。
案例实战
在线谈天室 （HTML5+CSS3+JS+WebSocket） 快速打造能够多人在线谈天的谈天室案例。
5 MVVM架构源码解析
课程内容
节制MVC、MVP和MVVM架构的演化历史，节制分层开拓的思想，了 解双向绑定事理，实现基于面向工具办法实现一个基于MVVM架构的 minVue框架。
案例实践
miniVue框架（面向工具编程） 动手打造第一款属于自己的前端主流框架。
第五阶段：VUE百口桶与多端项目管理
1 VUE2-VUE3
课程内容
节制Vue2框架的环境搭建，指令，表达式，打算属性、侦听器、生命 周期和组件开拓，节制主流的VUE2组件高阶、通讯，熟习Vant、 iView、MintUI移动端框架，利用Vue-cli来搭建工程和开拓Vue项目。
2 ElementUI＋ Koa2(Node.js)＋Mysql
课程内容
闇练利用基于Vue2的饿了么前端视图框架ElementUI，高效打造大型 繁芜的用户界面。Koa是Express 原班人马打造 更小、更健壮、更富 有表现力Node框架，利用Koa2打开更前沿的后台开拓模式，利用甲 骨文公司的Mysql关系数据库来管理更为大型并发的数据。
项目实战
大型超市管理系统、外卖后台管理系统 （ElementUI＋Koa2＋Mysql+GIT） 通过最热门的Node+Koa2+Mysql开拓模式独立完成网站开拓 通过NPM生态圈通过分享和实践编码进行自我提升 成为一名真正的全栈工程师。
3 TypeScript
课程内容
TypeScript是一种由微软开拓的自由和开源的编程措辞。它是 JavaScript的一个超集，而且实质上向这个措辞添加了可选的静态 类型和基于类的面向工具编程
4 webpack模块加载器 &打包工具
课程内容
节制最前沿模块化打包工具，形成组件化开拓思想，极大简化项目开 发的本钱。
项目实战
外卖APP、源码音乐App （TS+Vue+Vuex+Vant+axios+GIT） 闇练节制Vue百口桶项目架构。
5 uniapp/Taro微信小程序
课程内容
微信小程序作为引爆H5时期的标识技能，通过学习理解视图层、逻 辑 层干系知识，深入小程序框架和组件的利用。uni-app 是一个利用 Vue.js 开拓跨平台运用的前端框架，开拓者编写一套代码，可编译到 iOS、Android、H5、小程序等多个平台。Taro是来自京东凹凸实 验室的多端统一开拓框架Taro，可以让你利用一套代码打通WebApp、 微信小程序、支付宝小程序、百度智能小程序、字节跳动小程序等。
项目实战
源码电影小程序/四海喷鼻香美食小程序 （WXML + WXSS + JS + 豆瓣开放接口API）通过
本阶段学习，具备微信、支付宝小程序、百度智能 小程序和字节跳动小程序的开拓能力。
第六阶段：React移动稠浊式开拓
1 React
课程内容
节制来自Facebook工程师开拓的盛行前端框架-ReactJs；闇练使 用ReactJs基本语法、声明周期、React-Router及基于ES6的 React组件开拓；节制React Redux架构在实际项目中的运用。掌 握基于ReactJS衍生出来确当地化跨平台框架；
项目实战
源码房产App、源码电影App （TS+React+Redux+Webpack+Antd-mobile+ GIT）闇练节制React百口桶项目架构
2 React Native/Flutter
课程内容
闇练搭建ReactNative环境、节制本地化布局和常见组件。 Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高 质量的原生用户界面（原生运用）。 Flutter可以与现有的代码一起 事情。在全天下，Flutter正在被越来越多的开拓者和组织利用，并 且Flutter是完备免费、开源的。
项目实战
源码生活APP（ReactNative/Flutter +AntD+DVA+高德舆图API）通过本阶段学习，具
备与移动端开拓职员的互助完成低本钱、高性能、 高健壮的App运用的能力。
第七阶段：就业与做事
1 就业辅导
企业通用口试技巧、知识点口试技巧、仿照口试、项目口试技巧、措辞表达练习、互面总结、总结和复习口试题。
2 口试直通车
口试履历互换、口试技能解惑、口试项目跟踪。
3 售后做事
随时随地为同学们供应全方位事情问题办理方案！
源码时期是独家具有售后的做事机构！
