申请免费体验一次课程

HTML5、Javascript与CSS3编程入门

本课程面向初学者介绍HTML5,CSS3和JavaScript。帮助您获得基本的HTML5 / CSS3 / JavaScript编程技能。

通过本课程,您可以开始为Windows应用商店,Windows 8或Web应用程序构建网站和应用程序。具体技能包括:

  • 使用Visual Studio 2012创建和运行Web应用程序。

  • 掌握HTML5的新功能,以及创建和编辑HTML5页面。

  • 使用JavaScript将互动活动添加到HTML5页面。

  • 使用不同的输入类型创建HTML5表单,并通过使用HTML5属性和JavaScript代码验证用户输入。

  • 通过使用XMLHTTPRequest对象和jQuery AJAX操作,向远程数据源发送数据和从远程数据源接收数据。

  • 使用CSS3对HTML5网页进行样式化。

  • 创建结构良好且易于维护的JavaScript代码。

  • 在交互式Web应用程序中使用常见的HTML5 API。

  • 创建支持离线操作的Web应用程序。

  • 创建可适应不同设备和外观规格的HTML5网页。

  • 通过使用Canvas元素,以及使用和可缩放矢量图形,将高级图形添加到HTML5页面。

  • 通过向HTML5页面添加动画来提高用户体验。

  • 使用Web套接字在Web应用程序和服务器之间发送和接收数据。

  • 提高使用Web Worker进程执行长时间运行操作的Web应用程序的响应能力。

适合群体

本课程面向希望使用HTML5,CSS3和Javascript来实现前端开发的初学者。

课程周期
5天
课程内容

模块1:HTML和CSS概述

HTML概述

CSS概述

使用Visual Studio 2012创建Web应用程序

实验:探索Contoso会议应用程序

模块2:创建HTML5页面并为其设置样式

创建HTML5页面

为HTML5页面设置样式

实验:HTML5页面的创建和样式

模块3:Javascript简介

JavaScript语法概述

使用JavaScript编写HTML DOM

jQuery简介

实验:使用JavaScript显示数据和处理事件

模块4:创建表单以收集数据和验证用户输入

表单和输入类型概述

使用HTML5属性验证用户输入

使用JavaScript验证用户输入

实验:创建表单和验证用户输入

模块5:与远程数据源通信

使用XMLHTTPRequest发送和接收数据

通过使用jQuery AJAX操作发送和接收数据

实验:与远程数据源通信

模块6:使用CSS3设计HTML5样式

样式文本

称呼块元素

CSS3选择器

使用CSS3增强图形效果

实验:使用CSS3对样式文本和块元素

模块7:使用Javascript创建对象和方法

编写结构良好的JavaScript

创建自定义对象

扩展对象

实验:可维护性和可扩展性的炼油代码

模块8:使用HTML5 API创建交互式页面

与文件交互

合并多媒体

响应浏览器位置和上下文

调试和分析Web应用程序

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

模块9:为Web应用程序添加离线支持

本地读写数据

使用应用程序缓存添加脱机支持

实验:为Web应用程序添加脱机支持

模块10:实现交互式界面

支持多形式因素

创建自适应用户界面

实验:实现自适应用户界面

模块11:创建高级图形

使用可缩放矢量图形创建交互式图形

通过使用画布以编程方式绘制图形

实验:创建高级图形

模块12:动画化用户界面

应用CSS转换

变换元素

应用CSS关键帧动画

实验:动画用户界面元素

模块13:使用Web套接字实现实时通信

Web套接字简介

使用Web套接字发送和接收数据

实验:使用Web套接字实现实时通信

模块14:创建Web Worker进程

Web Workers简介

使用Web Worker执行异步处理

实验:创建Web Worker进程

本门课程提供半天的免费试听名额,感兴趣请填写以下表格

姓名: *
联系电话: *
邮箱: *
补充咨询:
扫一扫