H5

课程大纲

• 第1章html基础
•     第1节  HTML_约束规范和格式声明
  视频名称:01_HTML_约束规范和格式声明.mp4
  视频名称:02_HTML_概念声明和应用.mp4
•     第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_操作数据库增，改，删

实验列表