This 5 day instructor-led training class is presented by Microsoft training partners to their end customers. Channel Partners nationwide hire proven AMS Subject Matter Expert Microsoft Certified Trainers (MCT’s) to teach on-site or on-line classes.
This web development training class provides an introduction to HTML5, CSS3, and JavaScript. This class helps students gain basic HTML5/CSS3/JavaScript programming skills and it is an entry point into both the Web application and Windows Store apps training paths. The class focuses on using HTML5/CSS3/JavaScript to implement programming logic, define and use variables, perform looping and branching, develop user interfaces, capture and validate user input, store data, and create well-structured applications.
Goals
- Learn how to use Visual Studio 2012 to create and run a Web application.
- Learn the new features of HTML5, and create and style HTML5 pages.
- Learn to add interactivity to an HTML5 page by using JavaScript.
- Learn to create HTML5 forms by using different input types, and validate user input by using HTML5 attributes and JavaScript code.
- Learn to send and receive data to and from a remote data source by using XMLHTTPRequest objects and jQuery AJAX operations.
- Learn to style HTML5 pages by using CSS3.
- Learn to create well-structured and easily-maintainable JavaScript code.
- Learn to use common HTML5 APIs in interactive Web applications.
- Learn to create Web applications that support offline operations.
- Learn to create HTML5 Web pages that can adapt to different devices and form factors.
- Learn to add advanced graphics to an HTML5 page by using Canvas elements, and by using and Scalable Vector Graphics.
- Learn to enhance the user experience by adding animations to an HTML5 page.
- Learn to use Web Sockets to send and receive data between a Web application and a server.
- Learn to improve the responsiveness of a Web application that performs long-running operations by using Web Worker processes.
Outline
- Overview of HTML and CSS
- Overview of HTML
- Overview of CSS
- Creating a Web Application by Using Visual Studio 2012
- Lab: Exploring the Contoso Conference Application
- Walkthrough of the Contoso Conference Application
- Examining and Modifying the Contoso Conference Application
- Creating and Styling HTML5 Pages
- Creating an HTML5 Page
- Styling an HTML5 Page
- Lab: Creating and Styling HTML5 Pages
- Creating HTML5 Pages
- Styling HTML5 Pages
- Introduction to JavaScript
- Overview of JavaScript Syntax
- Programming the HTML DOM with JavaScript
- Introduction to jQuery
- Lab: Displaying Data and Handling Events by Using JavaScript
- Displaying Data Programmatically
- Handling Events
- Creating Forms to Collect Data and Validate User Input
- Overview of Forms and Input Types
- Validating User Input by Using HTML5 Attributes
- Validating User Input by Using JavaScript
- Lab: Creating a Form and Validating User Input
- Creating a Form and Validating User Input by Using HTML5 Attributes
- Validating User Input by Using JavaScript
- Communicating with a Remote Data Source
- Sending and Receiving Data by Using XMLHTTPRequest
- Sending and Receiving Data by Using jQuery AJAX operations
- Lab: Communicating with a Remote Data Source
- Retrieving Data
- Serializing and Transmitting Data
- Refactoring the Code by Using jQuery ajax method
- Styling HTML5 by Using CSS3
- Styling Text
- Styling Block Elements
- CSS3 Selectors
- Enhancing Graphical Effects by Using CSS3
- Lab: Styling Text and Block Elements using CSS3
- Styling the Navigation Bar
- Styling the Page Header
- Styling the About Page
- Creating Objects and Methods by Using JavaScript
- Writing Well-Structured JavaScript
- Creating Custom Objects
- Extending Objects
- Lab: Refining Code for Maintainability and Extensibility
- Inheriting From Objects
- Refactoring Code to Use Objects
- Creating Interactive Pages using HTML5 APIs
- Interacting with Files
- Incorporating Multimedia
- Reacting to Browser Location and Context
- Debugging and Profiling a Web Application
- Lab: Creating Interactive Pages by Using HTML5 APIs
- Incorporating Video
- Incorporating Images
- Using the Geolocation API
- Adding Offline Support to Web Applications
- Reading and Writing Data Locally
- Adding Offline Support by Using the Application Cache
- Lab: Adding Offline Support to a Web Application
- Implementing the Application Cache
- Implementing Local Storage
- Implementing an Adaptive User Interface
- Supporting Multiple Form Factors
- Creating an Adaptive User Interface
- Lab: Implementing an Adaptive User Interface
- Creating a Print-Friendly Stylesheet
- Adapting Page Layout To Fit a Different Form Factor
- Creating Advanced Graphics
- Creating Interactive Graphics by Using Scalable Vector Graphics
- Programmatically Drawing Graphics by Using a Canvas
- Lab: Creating Advanced Graphics
- Creating an Interactive Venue Map by Using Scalable Vector Graphics
- Creating a Speaker Badge by Using a Canvas Element
- Animating the User Interface
- Applying CSS Transitions
- Transforming Elements
- Applying CSS Key-frame Animations
- Lab: Animating User Interface Elements
- Applying Transitions to User Interface Elements
- Applying Key-Frame Animations
- Implementing Real-Time Communications by Using Web Sockets
- Introduction to Web Sockets
- Sending and Receiving Data by Using Web Sockets
- Lab: Implementing Real-Time Communications by Using Web Sockets
- Receiving Data from Web Socket
- Sending Data to a Web Socket
- Sending Multiple Types of Messages To or From a Web Socket
- Creating a Web Worker Process
- Introduction to Web Workers
- Performing Asynchronous Processing by Using a Web Worker
- Lab: Creating a Web Worker Process
- Improving Responsiveness by Using a Web Worker
- Providing User Feedback During a Long-Running Process
To Hire a proven AMS HTML5 / JavaSpript and CSS3 Subject Matter Expert Consultant and Instructor who also teaches this class, call 800-798-3901 today!