|
|
|
|
|
全部课程 >互联网 |
|
HTML5与前端开发框架高级应用实战 (Bootstrap/JQuery/React)
|
4329 次浏览 51 次
|
|
|
时间地点:北京
上海 深圳 根据报名开班 |
课程费用:5000元/人 |
|
|
企业内训:可以根据企业需求,定制内训,详见
内训学习手册 |
在本课程中,通过学习HTML5和最新的前端开发知识,学员可以掌握HTML5开发移动网页技术,会使用Bootstrap框架实现响应式网页开发,掌握前端流行的JQuery框架和React框架,并了解如何进行移动网页封装和微信内网页开发。
|
培训目标:
- 掌握HTML5相关开发
- 掌握JavaScript JQuery
- 掌握bootstrap框架和响应式Web开发
- 了解angular/vue 知识
- 掌握react生态圈
- 掌握cordova/phonegap 移动网页打包技术
- 掌握微信内使用移动开发技术
|
培训对象:移动网页开发人员,响应式网页开发人员,传统Web开发人员,想学习HTML5的人员 |
学员基础:具有JavaScript基础 |
授课方式:定制课程 + 案例讲解
+ 小组讨论,60%案例讲解,40%实践演练 |
培训内容:2天
|
HTML5相关知识
|
新的页面组织标记:
HTML5中从应用角度出发提供了许多新的网页标记,专门用于定位各种网页内容,本节课程我们将讲授这些新标记,并说明如何使用这些新标记来组织你自己的文档结构
|
智能表单设计
数据提交从来都是web应用设计中的重要部分,而其中的数据格式验证等功能需要脚本的辅助,HTML5为了解决这一问题提供了一些新的表单样式工具,为开发者开发更智能的表单输入提供了良好支持,本节课程着重于讲授如何制作这样一个智能表单
引入多媒体对象
在网页当中播放多媒体对象长期以来一直都是多媒体控件的专利,从HTML5开始,HTML标记中也可以引入多媒体音频和视频,如何应用这些新标记让自己的网页内容更丰富呢,本节课程将带大家制作一个简单的多媒体应用,来分享这一特性 |
Canvas对象你的画布
网页中直接绘制图表也曾经是控件垄断的天下,各种图报表的绘制曾经困扰着广大开发者,现在HTML5中引入了原生的图形绘制工具,可以让你在HTML代码中直接绘制图表,本节课程将讲授如何使用这一功能 |
扩展图形标记
本节课程讲授一些新的图形绘制方式和对象,帮助开发者更好的绘制自己的图形应用 |
HTML5中的地理应用
LBS(Location Based Service)是基于位置的服务缩写,LBS应用目前已经成为了移动互联网时代的新兴的最重要应用。HTML5中提供了对LBS的天然支持,可以让用户方便的开发出基于地理位置的网页应用。本节课程讲授如何使用这一特性
|
独立数据存储
Web应用中也需要在用户端存储一些数据,从HTML5开始,这个存储功能不再仅限于存储一些简单的文本信息,HTML5提供了丰富的存储功能,开发者可以把更复杂的数据类型保存在用户端,本节课程将要以一个实例来讲授如何在用户端存储用户数据 |
WebSocket
Web应用中经常需要做一些异步交互,此次HTML5中专门提供了用于在后台取回数据的连接对象,本节课程讲授如何使用这一连接对象进行工作
Web Workers
Web开发中经常需要大量的交互式脚本,其中一些脚本耗时费力,影响响应时间,降低用户体验,为了解决这一问题HTML5提供了一个独立线程,专门用于在后台运行各种脚本,大大提高了用户响应,这就是本节课程讲授的Web
Worker技术。本节课程通过两个例子说明这一技术的优势。为广大开发者开发具有良好性能的Web应用提供帮助。 |
JavaScript代码优化与结合JQuery使用 |
加载与执行
JavaScript 脚本的加载和执行是阻塞模式,为了提高性能应该调节加载位置和顺序。
数据访问
JavaScript 中使用不同的数据类型来存储数据,会有完全不同的执行性能,这里专注讲授该使用何种方式进行数据存储以提高性能
DOM 元素的遍历
专门讲授针对不同浏览器该使用何种方式来遍历页面元素以提高性能
流程控制优化
算数表达式和流程控制部分讲授通过优化循环和比较流程优化程序性能
响应模式优化
开发体验中最糟糕的莫过于点击页面无响应,此内容讲授如何提UI 响应性能机制 |
Bootstrap
框架与响应式Web设计 |
Bootstrap框架概览:
Bootstrap开发实践
- 界面编辑器
- 编码规范
- Bootstrap 可视化布局
Bootstrap应用实例
|
React框架与应用实践 |
为什么使用
React?
数据呈现
富交互性的动态用户界面
复合组件
可复用组件
传递 Props
表单组件
浏览器中的工作原理
Redux/Flux
React Router的原理与应用
GraphQlL原理与应用 |
Angular/Vue框架与实践
|
MVVM框架原理
基于MVVM的实现框架
Angular框架特点
Angular体系结构
Angular富客户端的构建
Vue框架与构建用户界面的渐进式框架
Vue开发技术
Vue应用实例 |
Cordova/PhoneGap框架与应用 |
PhoneGap移动跨平台移动应用程序的快速开发平台
Cordova的跨平台web开发技术框架
- webApp
- webView
- Cordova Plugins
- OS Api接口
- Cordova实现机制
使用Cordova开发移动端跨平台应用实例
|
微信内应用开发
|
微信公众管理平台的使用
开发者模式功能设计
自动回复模式设计
LBS相关开发
高级API调用
关联用户数据库
移动网站搭建 |
|
|
|
|
|
|
|
|
|
4329 次浏览 51 次
|
其他人还看了课程 |
|
|
|
|
|
咨询目标
|
帮助客户设计、规划大数据架构
帮助客户建立大数据技术平台,
帮助客户建立大数据分析模型 |
咨询范围 |
大数据架构:数据结构模型,存储空间,数据分析模型
大数据技术平台:分布式存储与计算平台,采集工具,分析工具
大数据分析应用案例:分析模型,结果报告 |
咨询方式 |
调查分析客户当前的数据资源和使用情况。
为客户设计大数据架构
搭建大数据技术平台
建立大数据分析应用示例。 |
详情咨询:010-62670969, zhgx@uml.net.cn
|
|
|
|
|
|
|