免费课程 在线实验 就业课程 会员免费课

/ 注册

新用户注册赠送7天免费会员

没有解决您的问题?扫描二维码加入博睿云交流群畅所欲言吧!
使用帮助

全部课程> H5

H5

  • 64课时(建议每周学习0小时)
  • 自主模式

免费

已有2234人报名学习

  • 课程概览
  • 授课讲师
  • 课程大纲
  • 实验列表
    H5
  • 课程概览
  • 授课讲师
  • 课程大纲
  • 实验列表

本课程是H5全栈工程师教程,共包含390个课时,内容包括HTML基础,CSS,JavaScript,H5,CSS3,JQuery,Bootstrap,Echart,响应式网站开发,前端工作流,前端流行框架Vue.js,Nodejs,微信小程序等模块。

课程概览


课程主题

课程内容


第一阶段(HTML基础),10个工作日

HTML4 /5

  HTML基本文档结构、HTML常用标签(超链接、列表标签、表格标签等)

  HTML5概念和发展历程,基本格式,功能特点,重点知识掌握:

  HTML5新增标签(音频、视频、嵌入元素),HTML5新增表单元素属性,
  新结构元素;


CSS2 /3
CSS基础语法、属性、CSS 选择器、盒模型、表格与列表,边框等属性
CSS3圆角效果,变形效果,渐变效果,动画效果
JavaScript

JavaScript介绍和用途、JavaScript语言基础、数据类型、运算符、

数组、函数、内置类型对象、事件处理、DOM及BOM操作、闭包、

Ajax原生数据请求(get,post)介绍

项目实战

实现电商网站项目(框架布局,页面特效)

第二阶段(H5+移动web开发),30个工作日

JQuery
  JQuery常规选择器、过滤选择器、DOM+CSS操作、DOM节点、表单选择器、基础事件,事件对象,事件委托,动画效果

JQuery UI

 JQuery UI介绍、常用组件(对话框、工具提示、按钮方法、日历、tabs等)

响应式原理


响应式网站实现的原理,利用js、css3实现网站响应式

Bootstrap

 Bootstrap基本组件类(button,nav,group,media等)和常用的js效果(下拉菜单,轮播图,模态框)
Bootstrap  ace (介绍)

移动web开发

跨终端Web和主流设备简介,流式布局(介绍)、弹性盒模型,移动终端常用的原生JavaScript事件,数据统计表(Highcharts、ECharts)

ZeptoJS

  ZeptoJS移动端常用的事件, DOM操作,事件委托,touch事件

Less、SASS

 Less(选择器、混合、变量、嵌套规则、函数、循环)
 Sass(基本特性、变量、混合宏、继承、插值、运算)

前端自构建工具

NodeJs简介,gulp,git\github,webpack(打包工具),Bower(包管理器)

Typescript

Typescript介绍,数据类型,函数,箭头函数,原型链,类,继承,接口等

vuejs介绍

Vuejs:概念介绍,数据绑定,DOM节点,组件,指令,路由,数据请求,生产环境部署


项目实战

移动端项目开发(Webpack+Vue)


 第三阶段(微信小程序),20个工作日


HTML5+

HTML5+中国产业联盟,HTML5 Plus Runtime环境,HBuilder开发工具,MUI框架

微信小程序

微信小程序介绍,开发流程介绍,项目创建,部署,框架介绍,组件(view,swiper,icon,text,progress,button,form,导航,媒体组件等),常用API介绍,开发工具介绍

Node.js开发

Node.js简介,环境搭建,快速入门,核心模块和对象,Web开发基础,快速开发框架

实战项目

 综合实战项目:豆瓣电影(MUI项目,包括nodejs后台编写)



授课讲师

牛谱乐

擅长技术 : 1.JavaSE的核心编程技术; 2.精通android移动端开发 3.熟练使用各种框架进行项目开发 工作经验 : 1.广州易布购电子商务有限公司 2.广州中智融通电子商务有限公司 项目经验 : 广州易布购APP、杭州车团长APP、广州瀚农电商APP,智慧金库项目等 授课风格 : 工作项目经验丰富,讲课风格细致认真,寓教于乐,授课条理清晰,循序渐进,通过代码和知识点的结合,有助于学生理解。

课程大纲
  • 第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_操作数据库增,改,删
实验列表
节数上课时间星期一 星期二星期三星期四 星期五星期六星期天
第1节08:00 - 08:40
第2节09:00 - 09:40
第3节10:00 - 10:40
第4节11:00 - 11:40
第5节14:00 - 14:40
第6节15:00 - 15:40
第7节16:00 - 16:40
第8节17:00 - 17:40
天数上课日期上课时间内容
相关课件 更多
  • pdf

    前端特效补充

    大小:349.9KB

    2020-02-28

  • pdf

    jQuery课件

    大小:2.66MB

    2020-02-28

  • pdf

    JavaScript课件

    大小:1.15MB

    2020-02-28

  • pdf

    HTML5课件

    大小:698.55KB

    2020-02-28

  • pdf

    HTML5课件

    大小:698.55KB

    2020-02-28

  • pdf

    Gulp课件

    大小:301.71KB

    2020-02-28


课程名称:
H5
课程现价:
0
支付方式:
支付宝支付
微信支付
确认支付
支付剩余时间: 15:00
视频试听