400-888-5228

课程介绍:

Web应用目前广泛使用在各个领域,并持续出现新的标准和新的应用场景。Web应用本身涉及到了多个方面的技术,每种技术的本身的难度都不大,但是技术之间的关联,生态系统的结构则比较复杂。

本内容全面介绍了Web应用方面基础技术、扩展技术、未来的技术及技术之间的关系,并考虑技术在不同浏览器、不同平台的适应性。兼顾前端和后端的开发, 兼顾不同PC平台的差异。从W3C标准基础出发,以实例化的方式介绍Web应用在HTML5新技术、云服务和移动互联网等新兴方面的应用。

Web应用开发者以及服务器技术、移动技术、互联网开发、小型设备的技术开发者的都应当掌握Web应用技术,并具有一定的深度和广度。

 

应用领域:

1 面向多类终端的网站构建

2 HTML5技术结合小型服务器的优化设计

3 移动互联网的Web应用

 

课程特色:

  • 主要内容来自开发实践,实用性高
  • 集通用宏观方法论和具体技术细节于一体
  • 以主流技术根本,具有大量强实用性实例
  • 全面介绍新兴的HTML5 Web应用技术及其兼容性
  • 关注浏览器兼容性和生态系统
  • Web应用和Web服务(云计算)的结合
  • 由浅入深介绍Web应用在移动设备的应用
  • 课程密度高,在最短的时间内让学习者有条理地掌握较多内容
  • 提供丰富的课后资料,学习者可以根据技术方向进一步自学

 

内容的分类标识:

★(核心技术):目前使用的主流技术,重视深度、技术架构、典型实例、兼容性;

★(边缘技术):目前使用的非主流技术,重视广度、了解适用场景;

★(未来技术):尚未推广的技术,重视技术的目标、展望、非技术因素的影响。

 

课程时间:

3天

课程对象:

移动开发工程师、HTML5开发工程师、项目经理、对HTML5感兴趣的技术人员。

 

课程大纲:

Web应用概述
1 Web应用程序浏览器和网页语言、W3C及其标准要点:HTTP、URI和HTML
2 Web应用和浏览器主流的浏览器及其应用场景
浏览器的布局引擎和JavaScript引擎
要点:几种主流浏览器的引擎和功能比较
3 Web应用的主要技术和相关技术Web应用的主流技术
Web应用技术的平台化
W3C定义的技术vs其他组织定义的技术
要点:Web应用使用范围的蔓延和未来展望
要点:Web应用的兼容和适用性
要点:技术的无限扩展和标准问题
Web应用的核心技术
★Web的调试和优化调试工具的使用
网络Sniff工具和命令行工具
JavaScript性能和DOM性能
实例:Firebugs、Chrome调试工具
要点:Web结构,快速和动态调试
★JavaScript高级JavaScript的闭包
JavaScript内存泄露
JavaScript的原型
要点:互相引用、外部函数、闭包循环
实例:内存泄露的处理
实例:原型概念和JavaScript的扩展
HTML5的技术
★HTML5概述狭义和广义的HTML5
HTML5的各种标准
要点:W3C的理念
★HTML5新标签新增Tag的分类,弃用的Tag要点:各种Tag的浏览器支持情况
★HTML5新事件新增事件的种类实例:postMessage机制对事件的处理
◎HTML5的多媒体video,audio等标签和调用接口要点:与Flash的关系
★HTML5的CanvasCanvas的使用方法和结构
Canvas的各种设置和绘图功能
实例:使用Canvas构建图形
实例:使用Canvas构建自定义UI
☆Web存储技术Web存储技术概述
Web存储技术的适用场景和生命周期
实例:localStorage的使用
实例:sessionStorage的使用
◎webworkerwebworker的概念
使用webworker的程序结构应用
实例:适用webworker改变程序结构
☆表单HTML5表单的自动验证功能
HTML5表单的新属性
实例:浏览器端的验证,自动补全功能
☆HTML5的应用方面App Cache和离线应用
定位技术
DnD拖拽技术
数据库技术
SQL数据库、Indexed数据库
文件API
要点:浏览器端功能的利用
实例:离线应用保存数据
实例:从浏览器中获取定位信息
实例:利用拖放改变DOM结构
实例:在浏览器端加载文件
☆HTML5的相关技术SVG技术
MathML技术
实例:SVG图形的使用
实例:MathML的公式图形
◎CSS3的应用1 新CSS技术的标准
2 CSS3技术的属性和选择器
3 CSS3技术的应用
4 CSS的媒体查询功能
要点:CSS3各方面特性的浏览器兼容性
实例:字体、动画、过渡、UI模型
实例:CSS自适应屏幕
Web应用的库
★Web应用库概述Web应用库的组织和存在方式实例:Web库在线调试工具
★JSON的应用JSON的概念和原理
JSON技术构成和数据类型
JSON几种的不同实现方式
实例:JSON结构在JavaScript中使用
实例:JSON的编辑工具
实例:JSON内部数据结构
☆Prototype库Prototype库的结构和功能集合
Prototype的API和组织结构
Prototype的选择器、DOM扩展和事件处理
要点:Element类和对DOM处理
实例:Prototype的简化程序及结合CSS
要点:Prototype的适用场景和注意事项
★jQuery库jQuery的概念
jQuery的主要功能
jQuery的组织结构
jQuery的API
jQuery的应用场景
jQuery UI的组成和灵活使用
要点:jQuery的类定义
实例:通过jQuery构建的颜色选择器界面
实例:通过jQuery简化界面的构建
实例:通过jQuery使用AJAX
实例:通过jQuery    UI的使用和效果
☆Web应用框架库Mootools、Dojo、YUI、ExtJS库要点:主流Web应用库的功能和范畴
☆Web应用工具库Knockout,moo.fx等数十个各功能的库。要点:了解Web程序中可用的内容
客户端和服务器交互技术
★ Web服务器概述Web应用的客户端-服务器架构
几种流行的Web服务器及其功能扩展
要点:服务器和客户端的职责
★基于CGI的交互CGI的参数格式和服务器动作
CGI程序请求参数和环境变量
CGI程序使用环境变量
CGI的多语言库(Perl、C和C++)
FastCGI的理念与实现结构
实例:多语言实现(Perl、Shell、C语言)
要点:小型服务器的CGI技术
实例:多种CGI应用程序对表单的提交处理
要点: FastCGI应用程序的结构变化
★ AJAXAJAX的理念
XMLHttpRequest的使用方法
XMLHttpRequest请求文件和执行CGI
反向AJAX和服务器推送技术
轮循技术模拟反向AJAX的处理
要点:AJAX的客户端和服务器端
实例:通过AJAX和局部刷新页面
要点:AJAX构建的数据交互
实例:多种反向AJAX的实现
★动态Web页面和数据库完整的Web的服务器技术
PHP技术和MySQL技术
实例:PHP的构建和语法
实例:MySQL调用存储环节
◎新的客户端和服务器交互技术HTML5服务器端技术概述
SSE技术
Websocket技术
Node.js技术
要点:HTML5服务器端的方向
要点:Websocket对网页程序的扩展
要点:Node.js的架构和要点
实例:Node.js的解析和异步处理
云计算和Web
◎ Web2.0和Web服务云服务的典型架构
SOAP和REST
要点:WebAPI和HTTP关系
要点:REST及其HTTP的实现
◎云的概念和架构云的概念和层次结构
云服务和云终端
SaaS、PaaS和Iaas
要点:云计算和Web应用的关系
要点:典型云计算服务器的架构
★典型Web APIWeb API的客户端和服务器端
Google Map的API
YouTube的API
社交API的形式
要点:API结构以及与Web的结合
实例:开发小型网站的Web API
移动Web应用
★移动设备的Web移动设备的Web应用特点
Web应用与设备属性的结合
要点:移动设备应用HTML5新技术的优势
要点:移动设备的混合应用的几种形式
★jQuery MobilejQuery Mobile的功能
jQuery Mobile的API
jQuery Mobile样式
要点:Web应用的移动设备适配
实例:jQuery Mobile的界面
★PhoneGapPhoneGap工程的理念和作用
PhoneGap的API及其应用
PhoneGap在几个平台的使用
要点:典型移动平台Web结构特点
要点:Webkit在移动设备的特殊功能
实例:Phone的接口实例(Android和iOS)
移动Web应用和云平台
◎移动平台概述移动设备的Web平台的结构要点:开发平台和多功能服务器
◎FeedHenry平台FeedHenry作用
应用API和平台API
App Studio的仿真环境
实例:App Studio模拟Web应用
◎appMobiappMobi和Intel HTML5开发环境
appMobi的API
XDK的功能
实例:Phone的接口实例