Course Description
Students will gain the knowledge and skills to develop HTML5 web applications using Microsoft Visual Studio 2010.
After completing this course, students will be able to:- Create and view a simple Web application using HTML within the Microsoft Visual Studio 2010 SP1 IDE.- Explain the new semantic and structural elements that can be used to create HTML5 Webpages.- Create Web forms that make use of validation capabilities using the new input types and attributes included in the HTML5 specifications.- Create layouts and styles using advanced CSS and CSS3.- Integrate graphics and multimedia into webpages using the Canvas, SVG, Video and Audio elements.- Implement offline data scenarios using the new HTML5 Web Storage API.- Use advanced HTML5 JavaScript APIs such as drag-and-drop, File API and Geolocation API.- Create simple web applications using WebMatrix or ASP.NET MVC.
This course is intended for entry-level developers for HTML who have a basic but limited understanding of HTML and who are interested in learning core HTML5, CSS, and JavaScript programming skills that are required to successfully create applications for the upcoming Internet Explorer 10 browser and the next version of the Windows operating system.
Agenda
Introduction to HTML5 Development
- Overview of HTML
- Whats New in HTML5
- Introduction to CSS
- Introduction to JavaScript
- Introduction to jQuery
- Lab : Building a Basic Web Page in the Visual Studio 2010 SP1 Environment
Creating Page Structure and Navigation
- HTML5 Structural Elements
- Navigation and Menus
- Lab : Creating Page Structure and Navigation
Creating Form Input and Validation
- Working with Input Types
- Using Form Attributes
- Validation
- Using Browser Detection, Feature Detection, and Modernizr
- Lab : Creating Form Input and Validation
Laying Out and Styling Webpages
- Creating Layouts
- Advanced CSS by Using CSS3
- Lab : Laying Out and Styling Webpages
Getting Started with Graphics and Multimedia Elements
- Canvas Basics
- Video/Audio Formats and Codecs
- Controlling Multimedia with JavaScript
- Lab : Getting Started with Graphics and Multimedia Elements
Creating Advanced Graphics
- Drawing with SVG
- Animation
- Choosing Between SVG and Canvas
- Lab : Creating Advanced Graphics
Using Client-Side Storage
- Web Storage vs. Cookies
- Web Storage API
- Lab : Using Client-Side Storage
Using Advanced HTML5 JavaScript APIs
- Using the Drag-and-Drop API
- File API
- Geolocation API
- Lab : Using Advanced HTML5 JavaScript APIs
Using WebMatrix and Other Developer Tools
- WebMatrix
- ASP.NET MVC3 and Razor
- Lab : Using WebMatrix and Other Developer Tools
Comments
Virtual 10953 Programming HTML5 Online Live training option
Imagine an industry-leading classroom training experience from wherever you have access to the Internet.
The Virtual Online Live events listed here gives you an effective and proven online virtual learning experience with the freedom to attend virtually from anywhere.
There is also an option of experiencing Online Live from one of the many national partner centers where a computer and headset will be provided for you.
This rich and engaging virtual classroom environment lets you conveniently interact with instructors and other students.
You will hear and see your instructor as they teach the course and answer your questions via voice or text.
Choose the online live virtual training option and you can access the recorded version even after the class has finished.
The onDemand labs give you access to the same client and server technologies covered in class so you can test, apply and hone your skills by accessing the labs before and even after the class.
Technical Requirements: a computer or laptop with a modern browser and high speed internet access along with one or two monitors.