求知 文章 文库 Lib 视频 iPerson 课程 认证 咨询 工具 讲座 Model Center   Code  
会员   
 
 
 
开班计划 | 技术学院 | 管理学院 | 嵌入式学院 | 机械 | 军工学院 | 定向培养 | 专家指导  
 电话 English
成功案例   品质保证
 
   
成功案例
航天信息 Java EE 5
中科院研 J2EE高级开发
赛迪时代 “J2EE设计模式
福富软件 J2EE设计模式和
上海盛趣 J2EE架构设计
信城通 J2EE体系架构设
北大方正 Java中级&J2

相关课程  
Struts+Spring+Hibernate
基于J2EE的Web 2.0应用开发
J2EE设计模式和性能调优
Java EE 5企业级架构设计
Java单元测试方法与技术
Java编程方法与技术
 

全部课程 >互联网  
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?
  • 数据呈现
    • 深入理解JSX
    • JSX的延展属性
    • JSX的陷阱
  • 富交互性的动态用户界面
  • 复合组件
  • 可复用组件
  • 传递 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 次
    其他人还看了课程
    Android高级移动应用程序开发  8383 次浏览
    移动互联网应用开发(iOS,Android,HTML5)   4102 次浏览
    Ajax Web应用开发  3195 次浏览
    HTML5与前端开发框架高级应用实战 (Bootstrap/JQuery/React)  4329 次浏览
    区块链、比特币、以太坊最佳实践  3519 次浏览
    人工智能+Python+大数据  5348 次浏览
    定制内训


    咨询服务:大数据技术平台构建与应用
    咨询目标 帮助客户设计、规划大数据架构
    帮助客户建立大数据技术平台,
    帮助客户建立大数据分析模型
    咨询范围 大数据架构:数据结构模型,存储空间,数据分析模型
    大数据技术平台:分布式存储与计算平台,采集工具,分析工具
    大数据分析应用案例:分析模型,结果报告
    咨询方式 调查分析客户当前的数据资源和使用情况。
    为客户设计大数据架构
    搭建大数据技术平台
    建立大数据分析应用示例。
    详情咨询:010-62670969, zhgx@uml.net.cn
    课程计划
    QT应用开发 11-21[线上]
    C++高级编程 11-27[北京]
    LLM大模型应用与项目构建 12-26[特惠]
    UML和EA进行系统分析设计 12-20[线上]
    数据建模方法与工具 12-3[北京]
    SysML建模专家 1-16[北京]