New Horizons Courseware Outlines s7

COURSE OUTLINE IT TRAINING

20480 - Programming in HTML5 with Duration: 5 days JavaScript and CSS3

Overview: Module 1: Overview of HTML Module 5: Communicating with a This course provides an and CSS Remote Data Source introduction to HTML5, CSS3, Lessons Lessons and JavaScript. This course helps students gain basic § Overview of HTML § Sending and Receiving Data by Using XMLHTTPRequest HTML5/CSS3/JavaScript § Overview of CSS § Creating a Web Application by Using § Sending and Receiving Data by Using programming skills. This jQuery AJAX operations course is an entry point into Visual Studio 2012 both the Web application and Lab : Exploring the Contoso Conference Lab : Communicating with a Remote Windows Store apps training Application Data Source paths. The course focuses on § Retrieving Data using HTML5/CSS3/JavaScript § Walkthrough of the Contoso Conference Application § Serialising and Transmitting Data to implement programming § Examining and Modifying the Contoso § Refactoring the Code by Using jQuery ajax logic, define and use Conference Application method variables, perform looping and branching, develop user interfaces, capture and Module 2: Creating and Styling Module 6: Styling HTML5 by validate user input, store data, and create well- HTML5 Pages Using CSS3 structured application. The lab scenarios in this Lessons Lessons course are selected to support § Creating an HTML5 Page § Styling Text and demonstrate the § Styling an HTML5 Page § Styling Block Elements structure of various § CSS3 Selectors application scenarios. They Lab : Creating and Styling HTML5 Pages are intended to focus on the § Creating HTML5 Pages § Enhancing Graphical Effects by Using CSS3 principles and coding § Styling HTML5 Pages components/structures that Lab : Styling Text and Block Elements are used to establish an using CSS3 HTML5 software application. Module 3: Introduction to § Styling the Navigation Bar JavaScript § Styling the Page Header § Styling the About Page Target Audience: Lessons This course is intended for § Overview of JavaScript Syntax Module 7: Creating Objects and professional developers who § Programming the HTML DOM with JavaScript have 6-12 months of Methods by Using JavaScript § Introduction to jQuery programming experience and Lessons who are interested in Lab : Displaying Data and Handling developing applications using § Writing Well-Structured JavaScript Events by Using JavaScript HTML5 with JavaScript and § Creating Custom Objects CSS3 (either Windows Store § Displaying Data Programmatically § Extending Objects apps for Windows 8 or web § Handling Events applications). Lab : Refining Code for Maintainability This course is intended for and Extensibility students who have the Module 4: Creating Forms to § Inheriting From Objects following experience: Collect Data and Validate User § Refactoring Code to Use Objects § 1 – 3 months experience Input creating Web applications, including Lessons Module 8: Creating Interactive writing simple JavaScript § Overview of Forms and Input Types Pages using HTML5 APIs code § Validating User Input by Using HTML5 § 1 month experience Lessons creating Windows client Attributes applications § Validating User Input by Using JavaScript § Interacting with Files § 1 month of experience § Incorporating Multimedia using Visual Studio 2010 Lab : Creating a Form and Validating or 2012 § Reacting to Browser Location and Context User Input § Debugging and Profiling a Web Application § Creating a Form and Validating User Input by Using HTML5 Attributes Pre-requisites: Lab : Creating Interactive Pages by § Validating User Input by Using JavaScript Using HTML5 APIs Before attending this course, students must have at least § Incorporating Video three months of professional § Incorporating Images development experience. § Using the Geolocation API In addition to their professional experience, students who attend this training should have a

 1300 794 006  [email protected]  www.nhaustralia.com.au COURSE OUTLINE IT TRAINING

combination of practical and conceptual knowledge related to HTML5 programming. Module 9: Adding Offline Support to Web Applications

Lessons At Course Completion: § Reading and Writing Data Locally After completing this course, § Adding Offline Support by Using the students will be able to: Application Cache Module 13: Implementing Real-

§ Explain how to use Visual Lab : Adding Offline Support to a Web Time Communications by Using Studio 2012 to create and Application Web Sockets run a Web application. § Implementing the Application Cache § Describe the new features Lessons of HTML5, and create and § Implementing Local Storage style HTML5 pages. § Introduction to Web Sockets § Add interactivity to an § Sending and Receiving Data by Using Web HTML5 page by using Module 10: Implementing an Sockets JavaScript. Adaptive User Interface § Create HTML5 forms by Lab : Implementing Real-Time using different input Communications by Using Web Sockets Lessons types, and validate user § Receiving Data from Web Socket input by using HTML5 § Supporting Multiple Form Factors § Sending Data to a Web Socket attributes and JavaScript code. § Creating an Adaptive User Interface § Sending Multiple Types of Messages To or From a Web Socket § Send and receive data to and from a remote data Lab : Implementing an Adaptive User source by using Interface XMLHTTPRequest objects Module 14: Creating a Web and jQuery AJAX § Creating a Print-Friendly Stylesheet Worker Process operations. § Adapting Page Layout To Fit a Different § Style HTML5 pages by Form Factor Lessons using CSS3. § Create well-structured § Introduction to Web Workers and easily-maintainable Module 11: Creating Advanced § Performing Asynchronous Processing by JavaScript code. Using a Web Worker § Use common HTML5 APIs Graphics in interactive Web Lab : Creating a Web Worker Process applications. Lessons § Improving Responsiveness by Using a Web § Create Web applications § Creating Interactive Graphics by Using Worker that support offline Scalable Vector Graphics operations. § Create HTML5 Web pages § Programmatically Drawing Graphics by that can adapt to Using a Canvas different devices and form factors. Lab : Creating Advanced Graphics § Add advanced graphics to § Creating an Interactive Venue Map by an HTML5 page by using Using Scalable Vector Graphics Canvas elements, and by using and Scalable Vector § Creating a Speaker Badge by Using a Graphics. Canvas Element § Enhance the user experience by adding animations to an HTML5 Module 12: Animating the User page. § Use Web Sockets to send Interface and receive data between a Web application and a Lessons server. § Applying CSS Transitions § Improve the § Transforming Elements responsiveness of a Web § Applying CSS Key-frame Animations application that performs long-running operations by using Web Worker Lab : Animating User Interface processes. Elements § Applying Transitions to User Interface Elements § Applying Key-Frame Animations CODE:B-B-MSM20480-ILT

 1300 794 006  [email protected]  www.nhaustralia.com.au