所处部份 主讲内容 技术要点 学习目标
第二部份:
移动 Web 网页开发 H5C3 进阶 新布局标签、多媒体标签、新增表单标签、新增表单属性、2D、3D 变换、animation 动画、炫酷页面开发
学员能力体现:
-掌握 HTML5 新布局标签、多媒体标签;
- 掌握 CSS3 2D、3D 变换、动画效果;
- 了解移动端屏幕、移动端浏览器、操作系统的不同;
- 掌握常用移动端调试方法;
- 掌握常用移动端适配方法;
- 掌握 CSS 预处理器 less 的使用;
- 掌握常用移动端框架使用方法;
- 掌握常见移动端页面开发;
- 掌握响应式布局开发;
- 掌握 Bootstrap 开发响应式页面;
- 掌握适配不同终端的网页开发技术选型。
关键词:
HTML5 标签、CSS3 动画、移动端适配、真机调试、rem、flex 布局、媒体查询、Bootstrap、Viewport、移动端调试
Flex 伸缩布局 传统布局的局限性、Flex布局优势、盒子父级常见属性设置、盒子子级常见属性设置、携程网 Flex 移动端页面开发
移动端开发 移动端屏幕介绍、移动端浏览器介绍、移动端操作系统介绍、真机调试、viewport 视口、rem 单位使用、移动端主流适配解决方案、常见移动端样式兼容方案、预处理器 less、媒体查询
第三部份:
JavaScript 网页编程 JavaScript 基础 基本语法、常用数据结构、编码规范约定、内置对象常用方法、常见 JavaScript 算法大全、对象的创建方式和 this 讲解、构造函数 学员能力体现:
- 能够掌握 JavaScript 基本语法;
- 掌握常见 JavaScript 算法;
- 掌握 DOM 的各种操作;
- 熟练使用面向对象思想进行 DOM 编程;
- 掌握 JavaScript 的高级语法;
- 熟练使用 jQuery 操作 DOM;
- 熟练使用和编写 jQuery 插件;
- 独立完成电商网站的页面搭建(包括 HTML 结构、CSS 样式、JavaScript 特效);
- 掌握应对业务编程的能力;
- 掌握 JavaScript 常见兼容性方案;
- 掌握团队合作开发流程。
关键词:
网页编程、JavaScript 高级、面向对象、闭包、原型、原型链、ES6、正则表达式、DOM、BOM、动画函数、jQuery、jQuery 插件
Web APIs 编程 BOM 操作大全、DOM 操作大全、网页特效大全、事件处理流程、浏览器兼容性解决方案、封装动画函数
JavaScript 高级 面向对象思想、JavaScript 中的对象深入理解、JSON 使用、闭包原理以及使用场景、原型以及原型链深入剖析、作用域链深入分析、函数的调用方式及 this 指向总结、正则表达式、面向对象理论与实践、ECMAScript 2015 (ES6) 新语法
jQuery 快速开发 jQuery 的优势、jQuery 选择器、jQuery 中的动画、链式编程和隐式迭代、插件使用和制作、常见网页特效制作大全、团队协作开发流程
第四部份:
Node.js 与 AJAX Node.js 基础 环境安装、REPL 运行环境、Node 中的 JavaScript、模块系统、模块加载机制、模块与包、NPM 常用命令、文件操作
学员能力体现:
- 能够建立客户端服务器交互模型,熟悉网络通信相关概念;
- 能够使用 Node.js 进行 Web 服务端开发;
- 能够掌握 JavaScript 异步编程模型;
- 能够掌握 JavaScript 模块化编程方式;
- 能够使用 Node.js 操作 MySQL 数据库;
- 能够理解 HTTP 协议;
- 熟悉原生 Ajax 请求流程与细节,并掌握常见跨域技巧;
- 能够基于 jQuery 的 Ajax 相关 API 熟练开发常见的前端功能;
- 能够独立开发基于后台接口的动态网站、Ajax 数据交互的项目;
- 能够独立完成企业网站从前台到后台的基本开发工作。
关键词:
Node.js、CommonJS、JavaScript 模块化、异步编程、服务端、MySQL、HTTP 协议、Express、Koa、Cookie、Session、中间件、分页、注册登录、模块化、CMS 系统开发、RESTful、Ajax、SQL
异步编程 回调函数、Promise 对象、Generator 生成器函数、Async 函数、常用异步流程控制库
Web 开发 静态网站与动态网站、使用 http 模块创建 Web 服务、请求响应原理、HTTP 协议、处理页面请求、处理表单提交、Cookie 与 Session、MySQL 数据库、常用 SQL 语句、使用 Node 操作 MySQL 数据库、博客项目
Express 安装与初始化、路由系统、静态资源处理、中间件使用及原理、常用第三方中间件、模板引擎、错误处理、调试 Express 应用、常用 API
接口开发 前后端分离架构模式、RESTFul API 设计、接口测试工具
前端模块化 模块化开发基本概念、模块化演变过程分析、设计规范、Require.js
AJAX 编程 模块化开发基本概念、模块化演变过程分析、设计规范、Require.js、同步与异步概念、原生 AJAX、jQuery 的 AJAX 相关 API 使用、底层原理分析、缓存问题及解决方案、跨域请求及解决方案、前端模板引擎
综合项目:阿里百秀 项目初始化、后台管理系统模块、普通用户端注册/登录/退出、主题分页列表模块、主题详情模块、主题检索模块、主题分类模块、主题评论模块、用户中心模块、主题推荐模块、项目部署与发布
第五部份:
前端框架实战 大数据可视化 数据库可视化基础、D3.js 入门、其它可视化库、大数据可视化实战项目:车辆监控系统 学员能力体现:
- 掌握使用 D3.js 进行大数据可视化交互开发;
- 能够掌握使用 Vue 技术栈进行项目开发;
- 能够掌握使用 React 技术栈进行项目开发;
- 能够掌握源代码管理工具的使用;
- 能够熟练掌握前后端分离开发模式;
- 能够掌握使用主流框架开发门户网站、管理系统、移动 Web 等客户端;
- 能够掌握 Webpack 项目构建配置流程;
- 能够掌握 Web 项目的部署与发布模式;
- 能够掌握常见网站业务模块开发。
关键词:
MVVM、前后端分离、Vue.js、Vuex、Vue-CLI、单页应用、工程化、品优购、Axios、Webpack、React.js、Redux、好租客、Vue Router、React Router、路由系统、JSX、项目打包
Vue.js Vue 实例、文本与属性绑定、计算属性 computed、侦听器 watch、Class 与 Style 绑定、条件渲染、列表渲染、事件处理、表单输入绑定、Vue 实例生命周期、开发 Vue 插件和模板过滤器、自定义指令、Vue 组件系统、Vue 过渡和动画、Vue Router 路由系统、axios 请求库、Vue CLI 脚手架工具、Vue DevTools 调试工具、Vuex 状态管理、Vue Server Renderer 服务端渲染
综合项目:
品优购电商后台管理系统 项目初始化、使用 Git、Github 管理项目源代码、用户管理、权限管理、角色管理、商品管理、库存管理、订单管理、数据统计模块管理、项目打包及优化、项目部署与发布
webpack 安装与初始化、打包 JavaScript 模块、打包 CSS 模块、打包图片和字体文件模块、打包 less/sass 资源模块、其他常用 loader 加载器、使用 clean-webpack-plugin 插件清除打包结果目录、使用 HtmlWebpackPlugin 打包 HTML 资源、处理打包结果的 Source maps、监视打包模式、使用 webpack-dev-server、模块打包热更新、tree shaking 打包优化、生产环境和开发环境分离打包、打包优化之 Code Splitting 代码分割、打包优化之模块懒加载、打包优化之缓存
React.js 安装与初始化、create-react-app 脚手架工具、React 组件系统、JSX 语法、事件处理、条件渲染、列表渲染和 key、表单处理、React Router 路由系统、Redux 状态管理架构、Axios 请求库、Ant Design 组件框架、CSS Modules、React 单元测试
好客租房移动 Web 项目 项目初始化、用户注册/登录/退出、首页模块、租房信息列表模块、租房信息图文/地图检索模块、租房信息详情视图模块、在线咨询/预约模块、租房咨询模块、个人中心模块、项目打包及优化、项目部署与发布
第六部份:
微信小程序 + 小游戏 人工智能 AI 基础概念、人工智能与大数据、人工智能与机器学习、人工智能应用终端
学员能力体现:
- 能够掌握小程序的开发基础;
- 能够独立开发小程序项目;
- 能够掌握 Canvas 的使用;
- 能够掌握小游戏开发基础;
- 能够独立开发小游戏项目;
- 能够掌握小程序/小游戏的部署与发布;
- 能够掌握小程序开发框架 WePY 的使用;
- 掌握第三方 AI 平台的使用。
关键词:
微信小程序、WePY、黑马优购、小程序商城、飞机大战、小游戏、Canvas
人工智能案例:
啪啪测颜值 第三方人工智能服务平台、调用摄像头拍照、相册选照片、照片人脸年龄检测/性别检测/表情分析/颜值检测、AI 平台服务调用
小程序开发 小程序注册、小程序开发者工具使用及项目初始化、小程序全局配置及页面配置、小程序常用组件标签、小程序的模板语法、小程序中的样式编写、小程序中的 JavaScript、小程序应用及页面的生命周期、小程序常用 API、小程序中的自定义组件、小程序插件开发、小程序分包加载、小程序基础库版本及兼容处理、小程序运行机制、小程序性能分析及优化
小程序项目:
黑马优购商城 项目初始化、WePY 小程序开发框架、微信登录、商城首页模块、商品分类模块、商品列表模块、商品详情模块、购物车模块、订单支付模块、个人中心模块、项目发布与更新
Canvas Canvas 介绍、Canvas 标签、Canvas 栅格坐标系、绘制基本形状(矩形、路径、三角形、圆)、绘制样式和颜色处理、绘制文本、使用图片、变形、图片合成与裁剪、绘制基本动画、绘制高级动画、像素操作、Canvas 优化
小游戏开发 使用开发工具初始化小游戏项目、小游戏的文件结构、小游戏的配置、在小游戏中使用 Canvas、小游戏 Adapter 适配器、小游戏对主流开发引擎支持、小游戏分包加载、小游戏音频系统与文件系统、小游戏性能调试
小游戏项目:
飞机大战 项目初始化、背景绘制、背景音乐管理、绘制英雄飞机模块、绘制子弹模块、绘制敌机模块、子弹和敌机的碰撞检测、子弹碰撞敌机爆炸动画、玩家分数处理、游戏结束模块处理、小游戏用户登录授权、用户排行榜配置、小游戏转发配置、小游戏二维码推广、小游戏 Banner 及激励视频广告、小游戏发布与更新
第七部份:
团队实战开发 品优购电商移动 Web 团队实战 二次开发、团队协作、团队管理工具、源码管理及协作、敏捷开发模式 学员能力体现:
- 能够根据现有的项目进行二次开发;
- 能够掌握企业中源代码管理的协作方式;
- 能够掌握企业中常见的开发协作模式;
- 能够掌握主流团队管理工具的使用。
关键词:
综合实战、二次开发、团队协作、源代码管理协作、团队管理工具使用 |