西安H5 Web前端开发培训

WEB前端开发培训课程体系

1、Web  PC端页面重构

网页图像设计(PS)

PS 操作、色彩基础与配色、蒙版、图像变换、修图技巧、钢笔与抠图、矢量图形绘制、 文本设计、渐变与图层样式、网页修图、图表设计、导航设计、网页切图、图像优化、布局设计

Web 界面设计与实现

WEB 广告设计、专题页设计、图标设计、电商网站设计、企业门户网站设计、WEB 应用设计、WEB APP 设计；熟练掌握各种 WEB 界面的设计，精通 WEB UI 设计规范与布局实现，并完成界面的制作。

UI 交互设计

互联网 UI 交互效果分析（图片整合、滑动门及宽高自适应等高级应用技术；初步接触Javascript）

页面重构阶段项目实战

牛到里约，跑动中国专题页

云购全球一元抢苹果web界面设计

2、HTML5基础

HTML5 基础 CSS3基础

HTML 快速入门、文本、图像、链接、表格、列表、表单、框架；

CSS 基础语法、各种选择器（通用选择器、元素选择器、id和 class选择器、后代选择器、伪类选择器等）、盒模型与背景、文本格式化、表格、显示与定位

CSS3高级

CSS 复杂选择器（兄弟选择器、属性选择器、伪类和伪元素选择器等）、动画、 过渡、2D/3D 转换、弹性盒子、CSS Hack、CSS 优化、CSS规范

阶段项目实战

电商站：1 号 店

3、JavaScript开发

JS入门热身

元素获取、事件类型：鼠标、键盘、窗口、表单、自定义事件、初识函数、变量声明、变量赋值、变量命名规则、关键字、保留字、window、元素基本属性操作、.操作符和[]操作符、初识if for语句、this关键字、getElementsByClassName兼容性、querySelector、querySelectorAll、自定义属性之索引。

JS数据类型

JS的6大数据类型、类型检测、数据类型转换：强制类型转换、隐式类型转换、运算符：算术运算符、赋值运算符、关系运算符、逻辑运算符、位运算符，运算符优先级、函数定义、函数表达式、形参、实参、不定参、类数组对象对象arguments、返回值、作用域、作用域链、流程控制：if、else、switch、case、for、while、break、continue

JS中时间概念

JS中的定时器、setInterval()与setTimeout()区别、取消定时器、定时器优化方法。JS中时间日期对象、Date()相关方法、网页时间制作、倒计时制作、图片时钟的制作。

JS字符串与数组

字符串：length、charAt、charCodeAt、indexOf...，字符编码：ASCII、Unicode、UTF-8...，JSON：数据交换格式、规则、用途，JSON对象：parse、stringify，for...in，mTween 、数学对象：ceil、floor、round、abs、random、常用随机值公式，数组：length、push、pop、sort...，排序算法：冒泡排序（BubbleSort）、快速排序（QuickSort）

DOM

文档对象模型DOM、DOM结构、DOM树、DOM节点、节点类型、节点关系、节点常用操作：nodeType、nodeName、子节点操作children...，兄弟节点操作：perviousElementSiblings...，父节点操作：parentNode...，节点盒模型信息：clientWidth、getBoundingClientRect...，元素CURD操作、表格操作、表单操作、表单事件

BOM

浏览器对象模型BOM - Browser Object Model、常用方法：open、close，常用属性： 用户代理信息navigator.userAgent、地址栏信息：location、hash、search（queryString），窗口尺寸、可视区尺寸、滚动距离、文档内容高度，常用事件：onscroll、onresize、返回顶部

事件基础

事件类型，事件对象：event、event.clientX、event.target、事件流（捕获阶段、目标阶段、冒泡阶段）、事件委托、阻止冒泡event.stopPropagation()、事件函数绑定：属性绑定、addEventListener、事件函数注销，键盘事件：keydown，event.which...，事件默认行为，阻止默认行为：event.preventDefault()、上下文菜单事件：contextmenu

事件应用

拖拽原理、限制范围的拖拽、商品图片放大镜预览效果、碰撞检测、仿window桌面拖拽画框选择元素、拖拽改变大小、模拟滚动条、模拟自适应内容的滚动条、滚轮事件：mousewheel/DOMMouseScroll、event.wheelDelta/event.detail、鼠标滚轮控制模拟滚动条、滚轮控制数字加减

面向对象基础

对象的组成：成员属性、成员方法，Object，{}，对象创建和初始化，工厂模式，构造函数，书写规范，运算符new的执行过程和原理分析，this 的使用，原型和原型链，proto，prototype，**prototype实现公有属性和方法的复用和继承，Mixed Constructor Function/Prototype Method，面向对象的选项卡分析及实现过程，抽象、封装、继承、多态，

高级面向对象

包装对象：String、Number、Boolean，toString()，for...in/for...of的使用及特点，constructor属性的使用，instanceof运算符，继承：继承的特点、拷贝继承、类式继承、原型继承，**继承实现多种不同形态的元素拖拽

jQuery

核心的理念，强大的选择器、简洁的API、优雅的链式、便捷的操作，jQuery整体架构分析，实现自己的 jQuery，匿名函数自执行，闭包，无new 实例化，全局挂载，链式调用的原理和实现，Sizzle核心选择器，$()中的多种参数说明，jQ的DOM/BOM操作，jQ中的event操作，jQuery动画研究，队列，jQuery工具方法和静态方法

ECMAScript 6

let和const命令，变量的解构赋值，字符串/正则/数字/数组/函数/对象的扩展，Symbol、Proxy和Reflect，二进制数组，Set和Map数据结构，Iterator和for...of循环，Generator函数，Promise对象，异步操作和Async函数，Class，Decorator，Module，Babel转码器

4、H5前端高级技术

HTML5 高级

音频和视频处理、表单处理、表单验证、Geolocation API、Forms API、HTML5 拖放、 Web Storage API、离线 Web 应用、Canvas、SVG、Chart.js 框架、Two.js 框架、项目实战

阶段项目实战

京东购物页面复杂订单的实现

Bootstrap

响应式网页、Bootstrap 基础、Buttons、CSS 样式、组件、插件、Forms、 Inputs、LESS、Bootstrap 定制

node  js

1、搭建node环境；

2、HTTP；

3、搭建node服务器；

4、Node链接MongoDB；

Angular js

1、Angular js简介；

2、开发**个Angular js程序；

3、前端MVC的设计和搭建；

4、数据双向绑定；

5、Controllers；

6、 Scope；

7、Service；

8、Angular路由与多视图；

9、Angular实战

AJAX、移动端、微信开发

1、AJAX

2、APP 开发环境、WEB APP 开发案例、Jquery.mobile；了解 Android 的开发环境 及模式，熟练掌握 WEB APP 开发的相关技能；

3、微信公众平台开发及维护、微信二次开发了解微信公众平台开发及维护的相关知识

综合项目实战

交互设计体验友好企业级站开发项目——蒙牛

偏平化风格企业站开发项目——华德地毯集团

WEB QQ

网易新闻客户端

小米商城客户端（web APP）