yangsongsz2019

第一阶段：前端页面重构（4周）

课程一：PC端网站布局

课程内容：HTML基础、CSS基础、CSS核心属性 、CSS样式层叠、继承，盒模型 、容器、溢出及元素类型 、浏览器兼容与宽高自适应 、定位、锚点与透明 、图片整合 、表格、CSS属性与滤镜"

课程项目：《世纪佳缘用户注册页布局》、《卧龙控股网站项目布局》、《华帅灯饰网站项目布局、《千锋互联网站项目布局》、《京东首页布局》 、《腾讯游戏首页布局》 、《BOSS直聘布局》 、《麦田国际项目布局》

课程二：HTML5+CSS3基础

课程内容： HTML5新增的元素与属性 、表单域增强元素 、CSS3选择器 、文字字体相关样式 、 CSS3位移与变形处理 、CSS3 2D转换与过度动画、CSS3 3D转换与关键帧动画 、弹性盒模型 、媒体查询 、响应式设计

课程项目：《探路者页面布局》 、《2D相册》、《3D相册》 、《CSS3绘制机器猫》 、《CSS3绘制自行车》 、《骰子布局》

课程三：WebApp页面布局

课程内容：移动端页面设计规范 、移动端切图 、流式布局（100%布局） 、等比缩放布局（rem布局） 、响应式布局 、viewport 、rem/vw的使用 、flexbox详解 、移动端reset, 1px border, 高清图片 、 淘宝移动端页面适配方案

课程项目：《Ghost 开源博客平台页面的响应式布局》 、《足球圈M站布局》

第二阶段1：JavaScript高级程序设计（8周）

课程一：原生JavaScript交互功能开发

课程内容：基本语法 、循环语句、 函数与数组 、String与Date 、 BOM与DOM 、事件 、拖拽效果 、cookie存储 、正则表达式 、Ajax 、 面向对象基础 、 运动与游戏开发

课程项目：蘑菇街瀑布流 、打砖块游戏开发 、淘宝商品查询 、微信飞机大战游戏开发 、智能问答机器人

课程二：面向对象进阶与ES5/ES6/ES7应用

课程内容：Promise 、设计模式（观察者模式等）、原型链 、 构造函数 、 执行上下文栈与执行上下文 、 变量对象与活动对象 、作用域链 、 闭包 、 this 、ES5 、ES6 、ES7

第二阶段2:PC端全栈开发

课程一：jQuery经典交互特效开发

课程内容：时间轴特效 、 tab页面切换效果 、 网页定位导航特效 、滑动门特效 、焦点图轮播特效 、导航条菜单效果 、瀑布流特效 、弹出层效果 、倒计时效果 、抽奖效果

课程项目：《天猫首页交互开发》

课程二：PHP+MySQL后端基础

课程内容：Apache 、 PHP 、MySQL 、HTTP(s)协议详解 、Ajax进阶、跨域与Defered 、Apache与Nginx 环境搭建与配置 、接口的定义、Mock数据 、Restful 、前后端联调、前端安全(XSS,CSRF,JSON注入)

课程项目：《Smartisan手机商城后端接口开发》

课程三：前端工程化与模块化应用

课程内容：Gulp 、Webpack 、 NPM 、 Linux命令 、Git/SVN 、 CommonJS 、 AMD 、 CMD 、ES6模块化

课程项目：《Smartisan手机商城开发工程化环境搭建》

课程四：PC端全栈开发项目

课程内容：、大首页、列表页与详情页 、展示与交互特效 、搜索 、登录与注册 、购物车 、jQueryUI 与 jQuery EasyUI 、Bootstrap(ACE) 、Highcharts/Echarts 、 ArtTemplate、velocity 、smarty 、云平台系统前端 、Apache+PHP+MySQL服务器搭建

课程项目：《Smartisan手机商城全栈开发》

第三阶段1：Node.js后端开发

课程一：Node.js基础

课程内容：开发环境搭建M 、模块与包管理工具M 、CommonJS模块M 、URL网址解析M 、QueryString参数处理M 、HTTP模块M 、HTTP小爬虫M 、request方法M 、事件 events模块M 、文件 fs模块M 、Stream 流模块M 、原生路由与参数接收M 、读取图片文件M 、npm scriptsM 、Yarn 与 PM2M
课程二：MongoDB
课程内容：MongoDB介绍与环境搭建 、数据库常用命令 、Collection聚集集合 、document文档操作 、聚集集合查询、NodeJS连接MongoDB
课程三、GraphGL
课程内容：GraphQL初探:从REST到GraphQL 、GraphGL安装 、准备数据源 、搭建GraphQL服务器 、数据查询
课程四、Express
课程内容：express 介绍 、安装和创建基于Express的项目、Express 4.1x 初始化项目详解、路由简介、模板引擎EJS 、模板引擎Pug（Jade）
课程五、Koa2
课程内容：Koa2开始 、路由 、请求数据获取、静态资源加载 、cookie/session 、模板引擎 、文件上传 、数据库MySQL 、JSONP实现、测试与debug
课程六、测试框架mocha
课程内容：搭建框架、断言assert 、项目测试、运行多个测试
课程七、socket 即时通信项目
课程内容：Socket简介和通讯流程 、基于net模块实现socket、WebSocket 、Socket.io

第三阶段2:vue.js前端构架

课程一：Vue.js开发基础

课程内容：WebApp开发基础(Webstorage,移动端事件,UI组件, Zepto, IScroll, Swiper) 、MVVM模式、前端组件化 、单文件组件 、组件间传值 、Vue实例 、E19Vue实例生命周期 、Vue的模版语法 、计算属性,方法与侦听器 、计算属性的 getter 和 setter 、Vue中的样式绑定 、Vue中的条件渲染 、Vue中的列表渲染 、Vue中的set方法 、父子组件间的数据传递 、组件参数校验与非 props 特性 、给组件绑定原生事件 、非父子组件间的传值 、在Vue中使用插槽 、作用域插槽 、动态组件与 v-once 指令 、Vue动画

课程项目：《Vue.js基础案例.》

课程二：应用Vue.js开发WebApp项目

课程内容：环境配置 、项目代码介绍 、单文件组件与Vue中的路由 、单页应用VS多页应用 、Mint UI 、Element UI 、项目的联调，测试与发布上线

课程项目：《打造仿卖座网移动端网站》

第三阶段3:React前端框架

课程一：React 开发基础课程内容：React简介 、React开发环境准备、 React中的组件、JSX语法 、拆分组件与组件之间的传值、React developer tools 安装及使用 、PropTypes 与 DefaultProps 的应用 、props，state 与 render 函数的关系 、深入了解React虚拟DOM 、虚拟 DOM 中的 Diff 算法 、React 中 ref 的使用、React的生命周期函数及使用场景 、使用Charles实现本地数据mock、React 中实现 CSS 动画效果 、react-transition-group 实现动画 、Redux 概念简述和工作流程 、Action 和 Reducer 的编写 、 ActionTypes 的拆分 、使用 actionCreator 统一创建 action 、UI组件和、容器组件及无状态组件 、使用Redux-thunk 中间件实现ajax数据请求 、Redux-saga 中间件使用 、React-redux 中间件使用

课程项目：《React基础案例》

课程二：应用React开发WebApp项目

课程内容：Ant Design组件库、React Router 4 路由 、项目组件编写 、使用 Immutable.js 来管理store中的数据 、项目的联调、测试与发布上线

课程项目：《打造在线英文教育网》

第三阶段4:混合开发(Hybrid,RN)

课程一：微信公众号开发

课程内容：初识微信公众号 、订阅号的基本功能 、使用百度BAE实现代码的快速上线、 使用Git完成线上代码部署 、公众号开发权限及功能接入、 微信JSSDK接口API 、微信场景项目开发与接入

课程项目：《卖座电影项目接入微信》

课程二：各类混合应用开发

课程内容：自主原生Navtive Hybrid(iOS、Android) 、 第三方Hybrid框架Cordova/Phone gap  第三方Hybrid框架MUI + HTML5

课程项目：《mui+h5项目实战》

课程三：阿里钉钉企业E应用（支付宝小程序）

课程内容：E应用功开发入门 、E应用开发流程 、E应用开发基础 、 E应用开发实战

第三阶段5:小程序开发

课程一：微信小程序开发

课程内容：微信小程序初探 、小程序入门必学 、小程序组件体验 、小程序大功能、项目实战带你征服小程序

课程项目：《造萌宠交易平台》

课程二：多端小程序开发

课程内容： 支付宝小程序 、 百度小程序 、 字节跳动小程序

课程项目：《电商小程序平台》

第三阶段6:原生APP开发

课程一：React Native

课程内容：React Native初探 、React Native 项目导航 、React Native 项目文本框 、React Native 项目滚动分页 、 React Native 其他组件

课程项目：《React Native豆瓣电影APP》

课程二：Flutter开发

课程内容：开发准备 、快速起步 、 界面结构 、基础部件 、布局 、视图、Sliver 、 路由 、 表单 、按钮 、 输入 、对话框 、状态管理 、网络请求 、动画 、测试、发布与部署

课程项目：《Flutter版爱美食APP》

第三阶段7：Angular前端框架

课程：Angular6基础

课程内容：TypeScript 基础与进阶 、开发环境配置 、Hello World 、架构、模块与组件、模板 、元数据、数据绑定与数据显示 、表单 、服务与指令、依赖注入、路由、 Ionic 3 框架

课程项目：《直播课管理系统》、《跨平台手机APP》

第三阶段8:大数据可视化

课程：大数据可视化基础与实战

课程内容：数据可视化基础 、Echars、Hignchars 、D3.js 入门 、D3.js 进阶 、D3.js 选择集与数据 、D3.js 高级应用 、D3.js 应用工具：NVD3、n3-charts

课程项目：《公安警情可视化系统》