达内web前端培训

服务器端技术 
项目导入
课程内容：
WEB 程序的结构与部署、项目开发流程、项目需求分析
项目贯穿：
“学子商城”项目导入
实训目标：
了解 WEB 程序的开发流程，理 解 WEB 程序的结构与部署，了解项目需求，学习标准开发文档
数据库和 SQL
课程内容：
服务器概述、数据库服务器、创建数据库、创建数据表、基础查询、复杂查询、关联查询、增删改操作、常用函数
项目贯穿：
“学子商城”项目所用数据库
实训目标：
使用 MySQL 创建“学子商城”项目所用数据库，根据需求完成数据表的创建，并熟练掌握各种常用数据库操作
JS 基础
课程内容：
JavaScript 的 V8 引擎运行环境、JavaScript 代码的编写与调试、JavaScript 的基础语法、变量与常量、数据类型及其转换应用、运算符和表达式、函数的定义及使用、变量与作用域、函数作用域、程序的流程控制、条件语句与循环语句、数组的定义和使用、数组 API、二维数组的使用、String 的使用及 API、正则表达 式 的定 义和 使 用、常用内置 对 象（Math、Date、Number、Boolean）、错误处理
项目贯穿：
“学子商城”项目服务器端应用
实训目标：
理解 JavaScript 的语言原理与运行模式，熟练掌握JavaScript核心编程技巧，能够熟练使用JavaScript实现逻辑算法、流程控制、函 数，以及常用 API
Node.js
课程内容：
搭建服务器端运行环境、 交互模式和脚本模式、 常用模块、NPM、Yarn、事件循环、文件 I/O、访问数据库、Express 框架、Webpack 打包
项目贯穿：
“学子商城”项目导入
实训目标：
了解 Node.js 服务器端应用特性，掌握常用模块，熟悉 NPM 模块管理，在学会文件 I/O 操作基础上，结合数据库访问，创建动态 Web 应用
阶段项目
课程内容：
项目搭建、服务器端功能实现：商品添加、商品删除、商品列表、商品详情、商品修改、用户注册、删除用户、修改注册信息、用户列表、用户登录
项目贯穿：
“学子商城”之商品和用户模块服务器端接口
实训目标：
掌握基于单一数据库表的增删改查操作
前端核心技术 
HTTP&AJAX
课程内容：
Ajax 原理、AJAX 实现方式、get 与 post 提交、JSON 的定义和使用、HTTP 协议、HTTP 请求、HTTP 响应、HTTP 优化
项目贯穿：
“学子商城”项目所用数据库
实训目标：
深入理解 Ajax 的基本通信原理，掌握基于JSON 的数据规则，透彻理解 HTTP 协议，能够熟练使用 Ajax 实现与服务器的异步通信，实现服务器端的通信分析，并完成页面的局部提交和刷新
阶段项目
课程内容：
项目搭建、项目资源管理、静态页面编写、服务器端功能实现、前后端数据交互
项目贯穿：
“学子商城”之用户模块
实训目标：
结合服务器端和 AJAX 知识，实现网站与服务器的交互功能，包括登录、注册、个人中心、用户信息维护等功能，深入理解 WEB 程序的结构和运行原理以及项目的开发流程
CSS 基础
课程内容：
CSS3 基础语法、各种选择器（通用选择器、元素选择器、id 和 class 选择器、后代选择器、伪类选择器等）、框模型与背景、 文本格式化、表格、显示与定位
项目贯穿：
“学子商城” 之用户模块的 静态页面完善
实训目标：
熟练掌握各种常用 CSS 选择器以及 CSS 样式的 定义和使用，能够手动完成各种页面样式的定义 和编写
CSS3 高级
课程内容：
复杂选择器、2D/3D 转换（包括移动、旋转、倾斜和缩放和视点）、 过渡、动画、弹性布局、CSS Hack 和优化、浏览器兼容性
项目贯穿：
“学子商城” 之用户模块的 静态页面完善
实训目标：
熟练掌握各种 CSS 复杂选择 器以 及高级 应 用， 实现页面的弹性布局，实现复杂页面效果的制作， 理解 CSS Hack 和 CSS 优化，能够手动完成各 种页面样式的定义和编写，并保证浏览器兼容性
响应式&Bootstrap
课程内容：
媒体查询技术、CSS 的 @media 规则、手动编写以及测试响应 式网页、Bootstrap 基础及其基础模板、全局 CSS 样式（包括布局、 按钮、图片等）、栅格系统、组件（包括导航菜单、列表、警告框等）、 JS 插件（包括模态框、工具提示等）、Sass 及 Bootstrap 定制
项目贯穿：
“学子商城”之商品模块( 响应式版本 )
实训目标：
理解响应式布局的原理，熟练掌握 Bootstrap 的核心 API，能够熟练应用 Bootstrap 的全局样 式、组件以及 JS 插件来实现响应式布局的开发、 测试以及功能交互，并能够使用 Sass 语言实现 动态样式的编写以及定制
阶段项目
课程内容：
响应式版本的首页、商品列表页、商品详情页
项目贯穿：
“学子商城”之商品模块( 响应式版本 )
实训目标：
熟练掌握媒体查询的使用，使用栅格布局系统实 现响应式页面布局、使用 Sass 动态样式语言实 现 Bootstrap 默认样式的定制
前端进阶技术 
JS 高级
课程内容：
Function 与匿名函数、作用域与闭包、面向对象编程、Object 对象与对象模板、原型与继承、原型链、ECMAScript 5 和 ECMAScript 6 的新特性
项目贯穿：
“学子商城”项目之商品模块的页面编写、功能实现以及服务器交互功能完善
实训目标：
理解 JavaScript 的语言原理与运行模式，熟练 掌握 JavaScript 核心编程技巧，能够熟练使用 JavaScript 实现逻辑算法、流程控制、界面验 证以及功能实现
BOM&DOM
课程内容：
Document 对象、节点对象、节点树、选取并读取节点、文档遍 历以及增加节点、删除节点、元素样式编辑、Window 对象、定 时器、BOM 模型、事件的定义及处理、event 对象、location 对象、 history 对象、screen 对象、cookie 对象的使用
项目贯穿：
“学子商城”项目之商品模块的页面编写、功能实现以及服务器交互功能完善
实训目标：
深入理解 DOM 和 BOM 理论，熟练掌握 DOM 编 程，能够熟练的使用 JavaScript 原生代码对页 面进行处理，完成各种页面动态效果以及动态交 互的实现
阶段项目
课程内容：
WEB 项目页面功能实现
项目贯穿：
“学子商城”项目中页面功能的实现
实训目标：
熟练掌握原生 DOM&BOM 操作，实现常见的页面交互效果：轮播广告、楼层滚动、标签页等
jQuery
课程内容：
jQuery 原理、jQuery 的使 用步骤、jQuery 选择器（包括基 本 选择器、层次选择器、过滤选择器、表单选择器）、jQuery 的 DOM 操作（包括 HTML 页面元素的增删改查）、jQuery 事件、 事件冒泡与事件处理、jQuery 动画、jQuery 常用 Plug-in、开 发 jQuery 插件、jQuery 扩展、jQuery 的 AJAX 应用、AJAX 的 增强操作、JSONP 与跨域访问
项目贯穿：
“学子商城” 项目的购物车 功能实现
实训目标：
掌握 JQuery 核心 API，深入理解 JQuery 设计 原 则，了解多种 JQuery 插 件，能 够 熟 练使 用 JQuery 编程，实现页面各种功能
阶段项目
课程内容：
项目完善、服务器端功能实现、前后端数据交互、复杂跨域访问
项目贯穿：
“学子商城” 之订单模块
实训目标：
进一步完善项目中购物车、订单相关功能，熟练 掌握全栈开发中，从前端到后台开发的全部技能
Vue.js
课程内容：
Vue.js 开发概述、环境搭建、 Vue 指令、 组件化应用构建、组件 通信、组件嵌套、自定义指令、 自定义过滤器、组件属性、组件 的路由、路由跳转、Axios、Vuex 等
项目贯穿：
“学子商城” 后台子系统
实训目标：
理解 Vue.js 的框架原理，熟练掌握数据驱动的 渐进式框架，能够熟练使用 Vue.JS 实现视图层 的开发，驱动复杂的单页应用
阶段项目
课程内容：
响应式版本的首页、商品列表页、商品详情页
项目贯穿：
“学子商城” 后台子系统
实训目标：
使用框架技术实现“学子商城”项目的重构（视图层） 深入理解电商项目前台站点和后台管理站点的 需求，基于后台功能接口，实现后台管理站点的 WEB 前端功
H5 移动端开发 
Vue.js 组件库
课程内容：
基于Vue.js 的移动UI组件库 Mint UI， 常用JS组件（Toast、InfiniteScroll、Swipe 等）、CSS 组件（Header、Tabbar、Navbar 等）、表单组件（Switch、Checklist、Field 等）
项目贯穿：
“学子商城”移动版客户端
实训目标：
掌握基于 Vue.js 的生态系统中提供的常见 UI 组 件库的原理和使用方法，了解自定义 UI 组件的 方法，掌握更多的扩展组件库的自学技巧
阶段项目
课程内容：
项目商品模块、用户模块和购物车模块的功能点
项目贯穿：
“学子商城”移动版客户端
实训目标：
掌握 Vue.js 整合第三方 UI 组件库的使 用方法， 熟 练使 用 Mint UI 移动组件库编写 WebApp 应用
H5高级
课程内容：
表单功能、增强的表单控件、新表单元素及属性、表单验证、音 频和视频 处理、Canvas 绘制及图像处理、Chart.js 框架的使 用、SVG 元素及使用、Two.js 框架的使用、ECharts 框架的使 用、Geolocation API、百度地图 API、Web Storage API（包括 sessionStorage 和 localStorage）、HTML5 拖放、拖放事件及 相关对象、Web Worker、Web Socket
项目贯穿：
“学子商城”项目细节优化
实训目标：
熟练掌握 HTML5 的各种新特性，能够熟练使用 新表单特性实现页面功能，能够实现页面中的音 视频处理，实现复杂绘图以及图表绘制，实现页 面的地理定位操作以及页面的离线存储功能，能 够熟练使用 HTML5 进行各种 Web 应用开发
阶段项目
课程内容：
项目完善、WEB 项目中 H5 功能的实现（实时访问统计、历史记 录等、富客户端编辑器、后台上传等）
项目贯穿：
“学子商城”项目细节优化
实训目标：
分析页面功能需求，能够熟练使用 HTML5 的相 关技术实现 WEB 应用开发，使用原生技术完成 整个项目的 PC 版本的开发，熟练掌握原生代码 开发技能
微信
课程内容：
微信开发准备（包括帐号注册、空间申请、域名解析等）、微信 公众帐号开发及维护、JS-SDK API、微信小程序开发、WXML ／ WXSS 语法、微信小程序常用组件及 API
项目贯穿：
“学子商城”项目的微信推广功能
实训目标：
了解微信公众平台开发及维护的相关知识，掌握 微信产品设计和接口开发实现的相关技能，能够 基于微信平台开发微信应用小程序
阶段项目
课程内容：
项目微信小程序版本开发，实现商品模块和购物车模块功能点
项目贯穿：
“学子商城”项目的微信推广功能
实训目标：
熟练掌握微信小程序的开发流程、常用组件和常用API
HybridApp
课程内容：
混编 APP 概 述、PhoneGap/Cordova 环境搭建、移动端事件 处理、震动蜂鸣和加速度、地理位置和指南针等传感器的使用、 多媒体控制、声音和图像采集
项目贯穿：
APP 版本的打包部署
实训目标：
熟练使用 PhoneGap/Cordova 实现混编 APP 开发，熟练完成APP的迁移和部署
框架技术 
Angular生态系统
课程内容：
设计原则和模 式、Angular 的表 达 式 和指 令、MVC 编程模 型、 控制器、双向数据绑定、过滤器和函数、服务和依赖注入、文件 压缩、模块化编程、单页应用、路由、事件绑定、TypeScript、 移动端开发支持、RxJS、国际化
项目贯穿：
“学子商城”项目重构
实训目标：
理解 AngularJS 的框架原理，熟练掌握 MVC 编 程模式，能够熟练使用 AngularJS 实现页面的 重构和单页面 WEB 应用程序的开发
阶段项目
课程内容：
使用框架技术实现“学子商城”项目的重构（MVC 模式）
项目贯穿：
“学子商城”项目重构
实训目标：
了解软件开发流程，学习从功能分析到软件设计、 再到功能实现的整个开发流程，能够熟练使用 AngularJS 的相关知识，实现 Web 应用程序的 开发，并实现和其他框架的整合
React生态系统
课程内容：
React.js 概述、环境搭建、JSX、组件、state、组件生命周期、 事件处理、表单、虚拟 DOM 算法简析、实现 ToDoList、React native 概述、React native 开发
项目贯穿：
“学子商城”后台管理项目：PC 版、APP版
实训目标：
理解 React 的框架原理，熟练掌握组件的构建 以及复用，能够熟练使用 ReactJS 实现视图层 的创建和渲染 ；学习 react native，构建功能强 大且流畅的 APP
阶段项目
课程内容：
使用跨平台移动应用开发框架， 结合 web 前端技术， 实现Hybrid App 的开发
项目贯穿：
“学子商城”后台管理项目：PC 版、APP版
实训目标：
学习 UI 组件开发技术，熟练掌握 react native 的开发技能，能够灵活选择框架技术并实现 APP 的开发
Python Web
课程内容：
Python 基本语法、数据类型、运算符、逻辑结构、函数和对象、 模块和包、数据库访问；Django 框架、视图、模板系统、数据访问、 RESTful 接口开发
项目贯穿：
“学子商城” 项目服务器端 重构
实训目标：
掌握 Python 语言基本语法，注意与 JS&Node. js 的异同之处 ；熟练使用 Django 框架提供符合 RESTful 风格的服务器端 API
毕业项目
课程内容：
学习使用 SVN 进行源代码管理，以及使用 GitHub 进行代码托 管，理解开源代码库以及版本控制系统的相关知识，学习多个项 目的需求分析及开发流程、前后端分离的项目架构设计，以及完 整项目在 Linux 云 服务器环境下的部署
项目贯穿：
项目库中多个备选项目
实训目标：
通过项目库中多个备选项目的学习，深入理解项 目的开发流程、需求、项目搭建以及部署发布， 熟练掌握前后端分离的 WEB 项目