H5

课程大纲

• 第1章html基础
•     第1节 HTML_约束规范和格式声明
•     第2节 HTML_概念声明和应用
•     第3节 HTML_语法介绍
•     第4节HTML_头元素和Meta元素的声明

• 第2章html常用标签
•     第1节HTML_基本标签
•     第2节HTML_超链接
•     第3节  HTML_列表标签
•     第4节 HTML_表格
•     第5节HTML_表单标签_input
•     第6节 HTML_表单标签_select
•     第7节HTML_form表单元素_textarea和button

• 第3章html多媒体
•     第1节HTML_多媒体(了解)
•     第2节 HTML_页面框架
•     第3节html布局
•     第4节HTML_事件

• 第4章css基础与语法
•     第1节CSS_概述
•     第2节CSS_语法
•     第3节 CSS_选择器
•     第4节 CSS_引入方式和多重样式

• 第5章css常用样式
•     第1节CSS_背景
•     第2节CSS_文本样式
•     第3节CSS_字体样式
•     第4节 CSS_链接样式
•     第5节CSS_列表样式
•     第6节CSS_表格样式
•     第7节 CSS_盒模型
•     第8节 CSS_边框样式

• 第6章css高级应用
•     第1节CSS_分组和嵌套
•     第2节CSS_显示和隐藏
•     第3节CSS_定位
•     第4节CSS_作业和iconfont矢量库介绍
•     第5节CSS_定位_图片剪切和溢出
•     第6节 CSS_定位总结
•     第7节CSS_图片高级
•     第8节CSS_浮动

• 第7章css常用选择器
•     第1节CSS_组合选择符(子元素和后代)
•     第2节 CSS_组合选择符(相邻兄弟和不同相邻兄弟)
•     第3节CSS_伪类_(first-child,lang,focus,超链接)
•     第4节CSS_伪元素(first-letter,first-line,after,before)
•     第5节 CSS_属性选择器

• 第8章css导航及提示工具
•     第1节CSS_媒体查询
•     第2节 CSS_课程介绍和控件介绍
•     第3节 CSS_导航栏
•     第4节 CSS_导航下拉菜单
•     第5节 CSS_提示工具

• 第9章javascript基本语法
•     第1节JavaScript_介绍和用途
•     第2节JavaScript_书写位置
•     第3节 JavaScript_第一条语句
•     第4节JavaScript_语法规则,注释和命名规范
•     第5节JavaScript_基本语法结构和条件判断循环控制
•     第6节JavaScript_内置类型变量

• 第10章javascript面向对象编程
•     第1节JavaScript_正则表达式
•     第2节JavaScript_错误和global
•     第3节JavaScript_对象
•     第4节JavaScript_函数
•     第5节JavaScript_复习

• 第11章dom
•     第1节JavaScript_DHTML和DOM概述
•     第2节 JavaScript_三种查找HTML元素方式
•     第3节 JavaScript_DOM改变HTML和CSS
•     第4节  JavaScript_DOM事件
•     第5节JavaScript_DOM访问节点
•     第6节JavaScript_DOM节点操作

• 第12章bom
•     第1节JavaScript_BOMwindow对象
•     第2节JavaScript_BOMScreen对象和Location对象
•     第3节JavaScript_BOM弹窗，history，Navigator和计时器

• 第13章事件处理
•     第1节事件处理

• 第14章特效处理
•     第1节JavaScript_事件处理
•     第2节 JavaScript_base层叠样式
•     第3节JavaScript_web特效介紹
•     第4节web特效_offset
•     第5节  web特效_scrolltop
•     第6节 web特效_scroll
•     第7节web特效_广告轮播

• 第15章h5基础及新增属性介绍
•     第1节H5_概述和背景知识讲解
•     第2节H5_新增表单属性
•     第3节 H5_新增type属性值介绍

• 第16章canvas
•     第1节 H5_新增标签介绍_canvas
•     第2节 H5_canvas
•     第3节 H5_多媒体元素
•     第4节H5_表单元素(datalist，keygen，output)

• 第17章新增标签
•     第1节H5_新增表单属性
•     第2节 H5_新增标签
•     第3节 H5_新增标签(dialog,figure,footer,header,mark,meter)
•     第4节Hh5_新增标签_上午总结

• 第18章地理定位
•     第1节H5_新增标签(nav,progress,ruby,section,time,wbr)
•     第2节H5_获取地理定位
•     第3节 H5_web存储和webSQL
•     第4节  H5_websocket

• 第19章css3概述及常用效果
•     第1节CSS3_概述
•     第2节CSS3_背景(image,clip,origin,size)
•     第3节CSS3_圆角
•     第4节CSS3(背景，线性渐变，)
•     第5节 CSS3_渐变(径向渐变)
•     第6节 CSS3_文本效果
•     第7节CSS3_2D转换(translate,rotate,scale,skew)
•     第8节CSS3_3D（没讲完）
•     第9节CSS3_过渡
•     第10节 CSS3_动画效果

• 第20章css3常用样式
•     第1节CSS3_多列
•     第2节CSS3_图片
•     第3节 CSS3_按钮
•     第4节 CSS3_分页

• 第21章css3盒子模型及媒体查询和选择器
•     第1节 CSS3_弹性盒子
•     第2节 CSS3_媒体查询
•     第3节CSS3_关系选择符
•     第4节CSS3_属性选择符
•     第5节CSS3_伪类选择符(7-13)
•     第6节CSS3_伪类选择符(13-16)

• 第22章jquery基础
•     第1节 jQuery_概述
•     第2节jQuery_基础核心(代码风格，加载模式等)

• 第23章选择器及dom操作
•     第1节 jQuery_常规选择器
•     第2节 jQuery_过滤选择器(基本，内容，课件)
•     第3节 jQuery_基础DOM和CSS操作
•     第4节 jQuery_DOM节点操作
•     第5节 jQuery_表单选择器

• 第24章事件处理及动画效果
•     第1节 jQuery_基础事件
•     第2节 jQuery_事件对象
•     第3节jQuery_高级事件
•     第4节 jQuery_动画效果
•     第5节 jQuery_动画效果(队列动画，动画的方法和属性)

• 第25章jquery ajax
•     第1节 jQuery_Ajax_介绍
•     第2节 jQuery_Ajax(load,get(),post(),getScript(),getJson)
•     第3节 jQuery_Ajax()

• 第26章 bootstrap入门
•     第1节 bootstrap_概述
•     第2节bootstrap_下载和引入
•     第3节bootstrap_移动设备优先和布局容器

• 第27章删格系统
•     第1节 bootstrap_栅格系统_网格选项
•     第2节 bootstrap_列偏移和嵌套列
•     第3节bootstrap_列排序
•     第4节bootstrap_标题，副本和强调
•     第5节bootstrap_缩写，地址，引用和列表

• 第28章表格与表单组件
•     第1节 bootstrap_表格
•     第2节 bootstrap_表单布局
•     第3节 bootstrap_表单控件，静态控件和表单控件状态
•     第4节bootstrap_空间大小，帮助文本和额外图标

• 第29章常用组件
•     第1节 bootstrap_按钮
•     第2节bootstrap_图片
•     第3节bootstrap_辅助类
•     第4节bootstrap_响应式实用工具
•     第5节bootstrap_字体图标
•     第6节 bootstrap_下拉菜单_默认情况
•     第7节bootstrap_对齐和标题
•     第8节bootstrap_下拉菜单_分割线和禁止按钮
•     第9节 bootstrap_按钮组
•     第10节 bootstrap_输入框
•     第11节  bootstrap_导航
•     第12节 bootstrap_默认导航栏和响应式导航栏

• 第30章常用插件
•     第1节  bootstrap_导航栏表单
•     第2节 bootstrap_导航栏按钮
•     第3节 bootstrap_文本，链接和对齐方式
•     第4节bootstrap_fix-top,static-top,inverse
•     第5节 bootstrap_分页和面包式导航
•     第6节bootstrap_标签，徽章和巨幕
•     第7节bootstrap_警告框,标题和缩略图
•     第8节bootstrap_进度条
•     第9节bootstrap_媒体对象
•     第10节bootstrap_列表组
•     第11节bootstrap_面板
•     第12节 bootstrap+well
•     第13节 bootstrap_模态框

• 第31章布局与弹性盒模型介绍  
•     第1节bootstrap_下拉菜单插件
•     第2节 bootstrap_标签页插件
•     第3节 bootstrap_提示工具(tooltip)
•     第4节 bootstrap_警告框
•     第5节bootstrap_按钮插件
•     第6节bootstrap_折叠插件(手风琴)
•     第7节 bootstrap_广告轮播图
•     第8节 bootstrap_广告轮播图_方法
•     第9节 流式布局
•     第10节弹性盒模型_概念介绍和第一个例子
•     第11节 弹性盒模型_direction,justify-content
•     第12节弹性盒模型_align-items等

• 第32章Echars入门
•     第1节Echarts_概述和引入
•     第2节Echarts_第一个例子

• 第33章Echars常用图形
•     第1节Echarts_气泡图
•     第2节Echarts_堆叠区域图
•     第3节 Echarts_柱状图
•     第4节 Echarts_其他图表

• 第34章HighCharts
•     第1节HighCharts_概述和第一个例子
•     第2节HighCharts_曲线图
•     第3节HighCharts_区域图
•     第4节 HighCharts_条形图
•     第5节 HighCharts_饼状图
•     第6节 HighCharts_其他图表

• 第35章移动端js事件
•     第1节 移动端手势js操作介绍
•     第2节移动端手势js操作实现
•     第3节  zeptojs介绍和部分核心代码的介绍

• 第36章工作流介绍及nodejs简单介绍
•     第1节 前端工作流介绍
•     第2节 node安装

• 第37章less
•     第1节less介绍和安装
•     第2节less简介
•     第3节less变量，嵌套和混合的基本使用
•     第4节 lessMixin
•     第5节less混合判断
•     第6节 less函数，作用域，命名空间等

• 第38章gulp
•     第1节 gulp创建项目
•     第2节 gulp.src方法
•     第3节gulp.dest,task和watch方法
•     第4节gulp基本操作介绍
•     第5节 gulp插件_js压缩
•     第6节gulp插件介绍
•     第7节gulp项目自动刷新

• 第39章git
•     第1节git的介绍
•     第2节git命令status和add
•     第3节 git命令diff
•     第4节git命令reset回滚
•     第5节  git代码合并
•     第6节 git分支和合并分支
•     第7节git分支合并

• 第40章webpack
•     第1节webpack_介绍
•     第2节webpack_小例子
•     第3节 webpack_另外两种打包方式
•     第4节 webpack_devtool和本地服务器
•     第5节 webpack_babel的实现小例子
•     第6节webpack_CSS模块
•     第7节webpack_cssmodule和css预处理
•     第8节  webpack_插件的介绍
•     第9节webpack_项目构建其他插件介绍

• 第41章typescript
•     第1节 Typescript介绍
•     第2节Typescript初体验
•     第3节Typescript_基础类型介绍(变量，元组)
•     第4节Typescript_基础类型(枚举，元组等)
•     第5节Typescript_变量声明
•     第6节 Typescript_接口
•     第7节 Typescript_类
•     第8节Typescript_函数介绍

• 第42章vue
•     第1节vue介绍
•     第2节vue第一个例子
•     第3节vue插值和指令
•     第4节vue过滤器和缩写
•     第5节vue条件语句，循环，计算属性
•     第6节vue样式绑定
•     第7节vue事件绑定和表单
•     第8节vue组件和自定义指令
•     第9节vue路由

• 第43章MUI
•     第1节MUI介绍
•     第2节 runtime和流应用介绍
•     第3节MUI知识点汇总
•     第4节MUI_折叠面板和操作表
•     第5节MUI_角标，卡片和复选框
•     第6节MUI_dialog
•     第7节MUI_gallery,grid,icon
•     第8节MUI_input
•     第9节 MUI_list,mask,munbox
•     第10节MUI_offcanvase(侧滑菜单)
•     第11节MUI_popover,picker,progressbar
•     第12节MUI_transparentbar,radio
•     第13节MUI_scroll,slide
•     第14节 MUI_子页面创建
•     第15节MUI_打开新页面，关闭页面
•     第16节MUI_关闭页面，预加载
•     第17节MUI_事件管理
•     第18节 MUI_init()
•     第19节MUI_untils
•     第20节MUI_AJAX
•     第21节MUI_下拉刷新
•     第22节 MUI_上拉加载

• 第44章微信小程序
•     第1节微信小程序_开发介绍
•     第2节微信小程序_开发者工具的使用
•     第3节微信小程序_简易开发介绍
•     第4节微信小程序_目录结构介绍
•     第5节微信小程序_windows配置
•     第6节 微信小程序_app.js逻辑层注册程序
•     第7节微信小程序_page()
•     第8节微信小程序_注册页面和生命周期
•     第9节微信小程序_路由
•     第10节 微信小程序_模块化和数据绑定
•     第11节微信小程序_列表渲染
•     第12节微信小程序_条件渲染，模板，引用
•     第13节微信小程序_wxs文件作用
•     第14节微信小程序_视图容器_view和scroll-view
•     第15节 微信小程序_scrollview,swiper例子
•     第16节微信小程序_movable-view和cover-view
•     第17节微信小程序_icon
•     第18节微信小程序_progress,button和checkbox
•     第19节 微信小程序_form表单和input
•     第20节 微信小程序_表单组件完成
•     第21节微信小程序_导航(页面跳转方式)
•     第22节微信小程序_多媒体(audio,video)

• 第45章nodejs相关技术
•     第1节nodejs_介绍
•     第2节nodejs_REPL交互式解析器
•     第3节nodejs_第一个应用的创建
•     第4节 nodejs_npm介绍和使用
•     第5节  nodejs_回调函数
•     第6节nodejs_事件循环
•     第7节 nodejs_eventEmitter
•     第8节 nodejs_Buffer(缓存区)
•     第9节nodejs_Stream(流)
•     第10节nodejs_模块系统
•     第11节nodejs_函数
•     第12节 nodejs_路由
•     第13节 nodejs_全局对象
•     第14节nodejs_常用工具(util)
•     第15节nodejs_文件系统
•     第16节nodejs_get&post请求
•     第17节 nodejs_工具模块
•     第18节nodejs_web模块

• 第46章mysql数据库编程
•     第1节 mysql数据库安装
•     第2节 mysql_创建数据库,创建表
•     第3节mysql_修改表结构
•     第4节mysql_插入表数据
•     第5节 mysql_更新表，删除表，简单查询表
•     第6节mysql_条件查询
•     第7节 mysql_排序，聚合函数
•     第8节mysql_多表查询，分组查询

• 第47章nodejs操作mysql数据库
•     第1节 nodejs连接mysql数据库和数据库的查询(简单)
•     第2节 nodejs_操作数据库增，改，删