Programming in HTML5 with JavaScript and CSS3

Learn to build and run interactive web applications using HTML5 with JavaScript and CSS3

Course Code : 5069

Overview

HTML5 is a software solution stack that covers the behavior of web page content by giving it a markup based pattern. JavaScript is a dynamic, prototype-based and multi-paradigm high-level programming language. CSS3 (Cascading Style Sheets) is a style sheet language that describes the presentation of a document written using HTML or similar markup languages.

Cognixia’s programming in HTML5 with JavaScript and CSS3 course is designed to equip learners with basic programming skills for developing web applications and applications for the Windows Store. This course is based on HTML5, JavaScript and CSS3 languages for the implementation of programming logic, performing looping and branching activities, defining and using variables, developing user interfaces, capturing and validating user input, storing data and creating well-structured applications.

The course features lab scenarios which are aimed at demonstrating and supporting different application scenarios. The lab scenarios are also aimed at the principals and coding structures/components which are involved in the creation of software applications using the HTML5 language.

Schedule Classes

Looking for more sessions of this class?

Course Delivery

This course is available in the following formats:

Live Classroom
Duration: 5 days

Live Virtual Classroom
Duration: 5 days

What You'll learn

  • Using Visual Studio to build and run web applications
  • Latest features of HTML5
  • Creating and styling HTML5 pages
  • Creating interactive HTML5 pages with JavaScript
  • Creating HTML5 forms through various input types
  • Validating user inputs with JavaScript code and HTML5 attributes
  • Sending and receiving data to and from remote data sources with jQuery AJAX operations and XMLHTTPRequest objects
  • Styling HTML5 pages with CSS3
  • Creating well-structured and easily manageable JavaScript code
  • Using common HTML5 APIs to make web applications interactive
  • Creating web applications which can be accessed offline
  • Creating HTML5 web pages capable of adapting to multiple devices and form factors

Outline

  • Structure the UI by using semantic markup
  • Markup for search engines
  • Screen readers like Section, Article, Nav, Header, Footer, Aside
  • Create a layout container in HTML
  • Programmatically add and modify HTML elements
  • Implement media controls
  • Implement HTML5 canvas and SVG graphics
  • Change the location of an element
  • Apply a transform
  • Show and hide elements
  • Implement storage APIs
  • Implement Geolocation APL
  • Define the lifetime of variables
  • Keep objects out of the global namespace
  • Use the “this” keyword to reference an object that fired an event
  • Scope variables locally and globally
  • Implement native objects
  • Create custom objects and custom properties for native objects using prototypes and functions
  • Inherit from an object
  • Implement native methods and create custom methods
  • Iterate across collections and array items
  • Manage program decisions by using switch statements, if/then, and operators
  • Evaluate expressions
  • Handle common events exposed by DOM (OnBlur, OnFocus, OnClick)
  • Declare and handle bubbled events
  • Handle an event by using an anonymous function
  • Set and respond to error codes
  • Throw an exception
  • Request for null checks
  • Implement try-catch-finally blocks
  • Receive messages from the HTML5 WebSocket API
  • Use JQuery to make an AJAX call
  • Wire up an event
  • Implement a callback by using anonymous functions
  • Handle the “this” pointer
  • Start and stop a web worker
  • Pass data to a web worker
  • Configure timeouts and intervals on the web worker
  • Register an event listener for the web worker
  • Limitations of a web worker
  • Choose the appropriate controls based on requirements
  • Implement HTML input types and content attributes to collect user input
  • Evaluate a regular expression to validate the input format
  • Validate that you are getting the right kind of data type by using built-in functions
  • Prevent code injection
  • Consume JSON and XML data
  • Retrieve data by using web services
  • Load data or get data from other sources by using XMLHTTPRequest
  • Handle binary data
  • Handle text data such as JSON and XML
  • Implement the JQuery serialize method
  • Use Form.Submit
  • Parse data
  • Send data by using XMLHTTPRequest
  • Sanitize input by using URI/form encoding
  • Apply styles to text appearance
  • Apply styles to text font, including WOFF, @font-face, size, and understudy fonts
  • Apply styles to text alignment, spacing, and indentation;
  • Apply styles to text hyphenation
  • Apply styles for a text drop shadow
  • Apply styles to alter appearance attributes, including size, borders, rounded corners, outline, padding, and margin
  • Apply styles to alter graphic effects, including transparency, opacity, background image, gradients, shadow, and clipping
  • Apply styles to establish and change an element’s position
  • Implement a layout using a flexible box model
  • Implement a multi-column layout
  • Implement a layout using position floating and exclusions
  • Implement a layout using grid alignment
  • Implement a layout using regions, grouping, and nesting
  • Animate objects by applying CSS transitions
  • Apply 3-D and 2-D transformations
  • Adjust UI based on media queries
  • Including device adaptations for output formats, displays, and representations
  • Hide or disable controls
  • Choose the correct selector to reference an element
  • Define element, style, and attribute selectors
  • Find elements by using pseudo-elements and pseudo-classes
  • Reference elements correctly
  • Implement inheritance
  • Override inheritance by using !important
  • Style an element based on pseudo-elements and pseudo-classes
View More

Prerequisites

Participants interested in the Programming in HTML5 with JavaScript and CSS3 course offered by Cognixia would benefit from having a minimum three to six months of professional development experience. Experience with HTML4 would also be greatly beneficial.

Who Should Attend

This course is highly recommended for current and aspiring–

  • Full stack developers
  • Front end developers
  • UI/UX developers
  • UI/UX designers
  • Web designers
  • Software engineers
  • Software developers
  • WordPress developers
  • js developers
  • UI architects
  • Python developers

Interested in this course? Let’s connect!

Customer Reviews

Name
Email
Rating
Comments

No reviews yet