bannerHTML5

Course 20480B:

Programming in HTML5 with JavaScript and CSS3

此课程介绍了 HTML5、CSS3 和 JavaScript。课程将帮助学生了解基本的 HTML5/CSS3/JavaScript 编程技能。本课程是进入 Web 应用程序和 Windows Store 应用程序领域的入门课程。课程关注在使用 HTML5/CSS3/JavaScript 来实现程序逻辑,定义和使用变量,实现循环与分支,开发用户界面,获取和验证用户输入,存储数据,以及创建结构良好的应用程序。

课程中的动手实验演示了多种应用程序场景。这些动手实验都关注在用于构建 HTML5 软件应用程序时所需要的原则和代码组件/结构上。

此课程使用 Visual Studio 2012 和 Windows 8。

参训相关信息

课程时间:5天

适合受众

此课程面向拥有6到12个月编程经验,以及有兴趣使用 HTML5、JavaScript 和 CSS3 开发应用程序(包括 Windows Store 应用程序或者 Web 应用程序)的专业程序员。

典型的课程学员拥有下面这些经验:
• 1到3个月的创建 Web 应用程序(包括编写简单 JavaScript 代码)的经验。
• 1个月创建 Windows 客户端应用程序的经验。
• 1个月使用 Visual Studio 2010 或 2012 的经验。

此课程不面向拥有3个月或更长 HTML5 开发经验的程序员。
对于没有程序员背景的学员,需要特别注意参加课程所需的前提条件。
对于拥有超过5年编程经验的程序员,可能会发现此课程的内容很基本。

想要参加“70-480:使用 HTML5、JavaScript 和 CSS3 编程”考试的学员也可以参加此课程。

课程内容纲要

一、HTML 和 CSS 概览

动手实验:查看 Contoso 会议应用程序

二、创建 HTML5 页面并应用样式

动手实验:创建 HTML5 页面并应用样式

三、介绍 JavaScript

动手实验:通过使用 JavaScript 展现数据和处理事件

四、创建表单来收集和验证用户输入的数据

动手实验:创建一个表单并验证用户的输入

五、与远程数据源通讯

动手实验:与远程数据源通讯

六、通过使用 CSS3 来给 HTML5 页面应用样式

动手实验:使用 CSS3 风格化文字和区块元素

七、使用 JavaScript 创建对象和方法

动手实验:提高代码的维护性和扩展性

八、使用 HTML5 API 创建交互式页面

动手实验:使用 HTML5 API 创建交互式页面

九、为 Web 应用程序添加离线支持

动手实验:为 Web 应用程序添加离线支持

十、实现一个适配的用户界面

动手实验:实现一个适配的用户界面

十一、创建高级图形

动手实验:创建高级图形

十二、使用户界面展现动画

动手实验:让界面元素展现动画效果

十三、使用 Web Sockets 实现实时通讯

动手实验:使用 Web Sockets 实现实时通讯

十四、创建一个 Web Worker 进程

动手实验:创建一个 Web Worker 进程