18756 Stone Oak Park Way, Suite200, San Antonio TX 78258 USA
100 Queen St W, Brampton, ON L6X 1A4, Canada
United States
share button
Free Webinar: Database Recovery Models And Its Significance : July 29, 2020. 

OD20480: Programming in HTML5 with JavaScript and CSS3 MOD Training

What OD20480: Programming in HTML5 with JavaScript and CSS3 MOD training is all about?

The course gives an overview or introduction of programming languages such as HTML5, JavaScript and CSS3. The course focuses on equipping students with basic programming skills including HTML5, JavaScript and CSS3. It is a necessary pivotal point for developing a Windows app and web app training path. The course teaches to use these languages for implementation of programming logic, use and define variables, develop the user interface, perform loop and branch, store data, capturing and validating user input, and creating well-structured apps. The Microtek Learning virtual lab demonstrates and supports different application structures in different scenarios. The course focuses on coding components and principles used for establishing software apps using HTML5. The course makes use of Visual Studio 2017 for demonstration and teaching on Windows 10.

2 SATVs applicable


Contact us to customize this class with your preferred dates, times and location. You can call us on 1-800-961-0337 or Chat with our representative.

What are the course objectives for OD20480: Programming in HTML5 with JavaScript and CSS3 MOD training?
  • Explaining Visual Studio 2017 to develop and run a Web app.
  • Describing HTML5’s new features and creating as well as styling HTML5 pages.
  • Using JavaScript to add interactivity to the HTML5 page.
  • Using different input types to create HTML5 forms and using JavaScript code and HTML5 attributes for validating user input.
  • Using Fetch API and XML HTTP Request objects to send and receive data from and to a remote data source.
  • Using CSS3 to style HTML5 pages.
  • Creating maintainable and well-structured JavaScript code.
  • Writing modern code with JavaScript and using babel for making it browser compatible.
  • Using common HTML5 APIs in interactive Web applications.
  • Creating offline operations supporting Web applications.
  • Creating a multi-platform or devices responsive HTML5 Web pages.
  • Using Canvas elements, and Scalable Vector Graphics to add custom graphics to an HTML5 page.
  • Adding animations to HTML5 pages to enhance user experience.
  • Using Web Sockets to share data between Web applications and server.
  • Using Web Worker processes to improve a Web application’ responsiveness that executes long-running operations.
  • Using Webpack for web applications packaging for production.
Who should attend OD20480: Programming in HTML5 with JavaScript and CSS3 MOD training?

The course is for pro developers having some experience with programming and interested in learning HTML5, JavaScript and CSS3 to develop applications such as Store apps for Windows and other web apps.

What is the course outline for OD20480: Programming in HTML5 with JavaScript and CSS3 MOD training?
  • 1. Overview of HTML and CSS
  • a). Overview of HTML
  • b). Overview of CSS
  • c). Creating a Web Application by Using Visual Studio 2017
  • d). Lab : Exploring the Contoso Conference Application
  • 2. Creating and Styling HTML Pages
  • a). Creating an HTML5 Page
  • b). Styling an HTML5 Page
  • c). Lab : Creating and Styling HTML5 Pages
  • 3. Introduction to JavaScript
  • a). Overview of JavaScript
  • b). Introduction to the Document Object Model
  • c). Lab : Displaying Data and Handling Events by Using JavaScript.
  • 4. Creating HTML5 Forms
  • a). Validating User Input by Using HTML5 Attributes
  • b). Validating User Input by Using JavaScript
  • c). Lab : Creating a Form and Validating User Input
  • 5. Communicating with a Remote Server
  • a). Async programming in JavaScript
  • b). Sending and Receiving Data by Using the XMLHttpRequest Object
  • c). Sending and Receiving Data by Using the Fetch API
  • d). Lab : Communicating with a Remote Data Source
  • 6. Styling HTML5 by Using CSS3
  • a). Styling Text by Using CSS3
  • b). Styling Block Elements
  • c). Pseudo-Classes and Pseudo-Elements
  • d). Enhancing Graphical Effects by Using CSS3
  • e). Lab : Styling Text and Block Elements by Using CSS3
  • 7. Creating Objects and Methods by Using JavaScript
  • a). Writing Well-Structured JavaScript Code
  • b). Creating Custom Objects
  • c). Extending Objects
  • d). Lab : Refining Code for Maintainability and Extensibility
  • 8. Creating Interactive Pages by Using HTML5 APIs
  • a). Interacting with Files
  • b). Incorporating Multimedia
  • c). Reacting to Browser Location and Context
  • d). Debugging and Profiling a Web Application
  • e). Lab : Creating Interactive Pages with HTML5 APIs
  • 9. Adding Offline Support to Web Applications
  • a). Reading and Writing Data Locally
  • b). Adding Offline Support by Using the Application Cache
  • c). Lab : Adding Offline Support to Web Applications
  • 10. Implementing an Adaptive User Interface
  • a). Supporting Multiple Form Factors
  • b). Creating an Adaptive User Interface
  • c). Lab : Implementing an Adaptive User Interface
  • 11. Creating Advanced Graphics
  • a). Creating Interactive Graphics by Using SVG
  • b). Drawing Graphics by Using the Canvas API
  • c). Lab : Creating Advanced Graphics
  • 12. Animating the User Interface
  • a). Applying CSS Transitions
  • b). Transforming Elements
  • c). Applying CSS Keyframe Animations
  • d). Lab : Animating the User Interface
  • 13. Implementing Real-time Communication by Using Web Sockets
  • a). Introduction to Web Sockets
  • b). Using the WebSocket API
  • c). Lab : Performing Real-time Communication by Using Web Sockets
  • 14. Performing Background Processing by Using Web Workers
  • a). Understanding Web Workers
  • b). Performing Asynchronous Processing by Using Web Workers
  • c). Lab : Creating a Web Worker Process
  • 15. Packaging JavaScript for Production Deployment
  • a). Understanding Transpilers And Module bundling
  • b). Creating Separate Packages for Cross Browser Support
  • c). Lab : Setting Up Webpack Bundle for Production
 | $ 675
Buy e-Learning @ $ 675
with 90 days access