课程

 要求

授课内容

课时

HTML5基础知识入门

HTML5基础知识入门

1.  HTML5是什么

2.  HTML5在开发中的应用

3.  HTML5的标准

4.  HTML5末来中的移动应用生态

5.  后APP时代的HTML5新玩法

6.  Web的工作原理

7.  App的工作原理

8.  游戏的制作原理

9.  Web的工作原理

10.  App的工作原理

11.  游戏的制作原理

HTML应用

1.  静态网页综合开发

2.  使用表格制作个人简历

3.  使用表单制作注册页面

4.  使用框架制作后台管理界面

5.  页面SEO设置方案

1.  掌握HTML语法基础及特性

2.  HTML主体结构

3.  HTML文档头部元素

4.  创建图像和链接

5.  使用HTMl表格

6.  HTML框架结构

7.  HTML表单设计

8.  HTML5初级实战

9.  图片处理技巧

10.  嵌套合理化

1周

CSS应用

1.  CSS的各种选择器的应用

2.  CSS的常见属性演示

掌握CSS在开发中的使用

1.  CSS的概念

2.  在HTML中 CSS的引入方式

3.  CSS选择器与优先级

4.  CSS常见的样式属性和值和页面布局有关的CSS属性

5.  盒子区块的定位

6.  使用盒子模型的浮动布

1周

DIV+CSS标准化

页面布局

学会页面标准化布局技术

1.  布局网站首页面

2.  布局登录和注册页面

3.  布局后面管理页面

1.  DIV+CSS对页面布局的优势

2.  无意义的HTML元素

3.  W3C盒子模型

4.  和页面布局有关的CSS属性

5.  盒子区块的定位

6.  使用盒子模型的浮动布局

7.  DIV＋CSS的兼容性问题

1周

CSS3应用

了解和掌握CSS新增选择器和边框阴影等新特殊效果的使用方式，使用CSS3过渡和变换和渐变效果

1.  CSS3的发展现状、CSS3中的新增选择器

2.  CSS3边框效果的讲解与应用

3.  CSS3阴影效果的讲解与应用

4.  CSS3透明度效果

5.  CSS3渐变效果、CSS3中对背景的相关操作

6.  CSS3中倒影效果的讲解与应用

7.  CSS3中的二维平面变形效果的讲解与应用

8.  CSS3过渡与动画效果的开发

1周

二阶段   编程基础技术

JavaScript入门与实践

初步接触Javascript

掌握JS基本语法与流程控制相关操作，能够区分不同的数据类型及其特色，同时了解面向对象编程的思想。使用JS结合HTML实现代表性的JS特殊效果制作。了解特殊效果制作原理

JS的引入方式

JavaScript的基本数据类型、常量变量

JavaScript的基本运算符

JavaScript的赋值运算，表达式

JavaScript的中的语句

函数的基本概念

数组的基本知识

字符串的基本知识

面向对象的编程

this关键字的用法

不同数据类型数据的操作方法

构造函数的基本知识

闭包、面向对象

作用域的基本知识、原型与原型链

Math对象的基本知识

Date对象的知识与应用

计时器的原理与应用

单例，工厂，，观察者等设计模式

ECMA6.0新特性介绍

2周

三阶段  特殊效果开发实战

jQuery框架详解

掌握jQuery框架的使用方式，能够利用jQuery框架进行js特殊效果开发，提高工作效率

了解Ajax的运行原理，区分同步加载和异步加载机制的不同之处

初识jQuery，jQuery的优势，jQuery框架核心功能，嘴容易混淆的几个概念

jQuery各种选择器的使用，及选择器的应用优化

Dom  节点操作，插入，删除，复制，移动节点等操作

事件处理，事件处理模型，事件处理机制，jQuery事件封装机制，jQuery事件应用

jQuery中的动画，动画事件概念，基本动作方法，复杂动画方法停止动画参数说明，jQuery动画的队列问题

表单的开发，设计可用性表单，表单验证，增强型表单

Ajax，XMLHttpRequest基础，jQuery Ajax，工具函数，缓存

在Jquery中编写插件，插件拓展，插件应用

jQuery.pagination分页，jQuery.qtip信息提示，jQuery.artDialog弹出层，jQuery.jscrollpane滚动条

理解模块式开发，以及requirejs插件的使用

2周

LESS用法

SASS使用

1.  LESS和SASS的应用介绍

2.  开发环境搭建

3.  LESS的基本语法

4.  SASS的基本语法

5.  编译与部署

1周

1. 前端开发框架Bootstrap

2. css预处理器－sass

3. 分布式版本控制系统－GIT

4. 了解项目需求，项目流程

5. 了解项目管理，模块分配，项目事件预估

6. 了解产品周期，参与团队合作

7. 综合运用HTML+CSS，JS，JQ，Bootstrap，SASS，JQuery  UI等技术 完成大型项目

1周

HTML5的应用

掌握HTML5新增的智能表单的使用，熟悉音视频标签的使用方式及API操作，制作属于自己的播放器

可以熟练掌握图像标签的使用及对图片素材的优化方式，同时能够使用框架进行页面布局

对搜索引擎优化进行讲解，掌握优化的各种方式，能够使网站在搜索引擎排行考前面的页面出现

1. HTML5桌面平台开发用到的标签

2. 标签语义化及标签的默认属性特点

3. 标签的常用用法

4. 新增的智能表单的应用

5. 音频和视频标签的应用

6. 制作属于自己的视频播放器

7. HTML5初级实战

8. 静态网页综合开发

9. 背景图合并技术

10. 图片处理技巧

11. 框架的基本知识

12. 嵌套合理化浏览器兼容问题及解决方案

13. SEO基本知识、关键词选择、白帽与黑帽优化技巧

14. 代码优化的基本方法

15. 行业需求技术分析

16. 模型模板项目开发

2周

响应式页面布局

1.  响应式布局介绍

2.  Media Query的使用方法

3.  在移动设备上设置原始大小显示

4.  响应式网站的内容设计

5.  响应式网站的设计流程

1周

四阶段  移动互联网的应用

HyBird

 App开发

HybridApp

开发基础

Phonegap

HybridApp介绍（独立App项目，嵌入式App项目，嵌入式项目）

工具与环境搭建

WebviewJsBridge（扫一扫，图像选择与上传，加速度，地理定位，通讯录通知）

Hybrid里页面测试

接口开发

熟悉WebApp嵌入流程

本地开发环境搭建与测试

JS－SDK使用

WebApp  X5浏览器兼容

3周

Angular+ionic

框架

1.  AngularJS应用介绍

2.  AngularJS核心概念与基本用法

3.  AngularJS核心原理解析

4.  AngularJS企业应用方案

2ionoc基础

ionic  css 布局

ionic  js指令布局

ionic路由 页面切换

ionic－tabs

ionic侧边栏ion－side－menus

ionic列表ion－list

上拉加载更多与下拉刷新

五阶段  项目

项目名称

授课内容

项目简介

难度

企业网站

对大型企业网站进行页面的架构与布局

开源图片幻灯片切换效果插件的使用。掌握企业网站的基本布局方法

项目技术点：HTML、CSS、JS、jQ等知识的综合运用和提升。

初级

大型购物商城

整体设计思路

特殊效果的制作

商品分类框架

服务列表的设计

具体代码实现

掌握购物网站的开发人员的布局思路，使用全新的设计理念和设计技巧，完成大型购物网页开发

项目技术点：CSS，js，jQuery，Ajax异步

中级

Web  App数据报告宣传页

模块化开发项目

产品原型

交互设计

视觉设计

标注和切图

程序开发

发布上线

模拟互联网公司中的开发流程进行授课与项目的开发，让你更真实的体验互联网公司的工作流程与工作的方式

项目技术点：js，jQuery，CSS，Canvas

以“组件，类”组织代码便于功能扩展

Web  App小说阅读器

案例技术点分解

开发流程，需求分析

项目基本架构与开发过程

具体实现

该项目是Html5移动端开发，让你体验更灵活的Web  App开发

以互联网公司工作方式与授课结合，开发出一款商业化的小说阅读器Web APP

项目技术点：ES6，Ajax异步请求，html5本地储存，Touch事件应用