HTML5 empowers you to enhance the User Experience (UX) across all devices — from legacy desktop browsers to the latest smartphones and tablets. In this HTML5, CSS3 & JavaScript training course, you will gain the skills to apply best practices for HTML markup, CSS styling, and JavaScript programming, upgrade web applications and improve site performance, accessibility, and Search Engine Optimization (SEO).
HTML5, CSS3 & JavaScript Delivery Methods
HTML5, CSS3 & JavaScript Course Benefits
Leverage HTML5 to create modern, feature-rich sites
Improve SEO/a11y with semantic elements and microdata
Design professional, eye-catching presentations with CSS3
Program rich internet applications with JavaScript APIs
Enhance the user experience with drag-and-drop, Canvas, and SVG graphics, audio, and video
Continue learning and face new challenges with after-course one-on-one instructor coaching
HTML5, CSS3 & JavaScript Course Outline
Prerequisites
JavaScript experience is required
- Testing HTML5 with BrowserStack
- Supporting legacy browsers with regressive enhancement
Enhancing markup with new semantics
- Upgrading pages to HTML5
- Sectioning content with structural elements
- Optimising page rank with microdata
Helping users with form completion
- Guiding input with autofocus and placeholder
- Validating data entry without scripting
- Preventing errors with constraints and pickers
- Customising error messages with the Constraint API
Manipulating borders and backgrounds
- Vendor prefixes
- Rounded corners
- Resizable border images
Creating elaborate effects
- Floating text and boxes with shadows and opacity
- Animating transformations and transitions
- Customising animations with @keyframes
Customising appearance across browsers
- Installing downloadable fonts with @font–face
- Hiding values in custom data–* attributes
- Adapting mobile layout with media queries
- Saving bandwidth with responsive images
Enabling users to work offline
- Defining an application cache manifest
- Addressing caching caveats
- Comparing AppCache to Service Workers
Programming the geolocation API in JavaScript
- Estimating user latitude and longitude
- Selecting content by proximity
Applying modern JavaScript best practices
- Leveraging anonymous functions
- Simplifying JavaScript development with jQuery
Persisting data with the Web Storage API
- Saving name/value pairs in localStorage
- Storing Complex data in JSON format
Enhancing forms with rich text and JavaScript
- Testing and supporting features with Modernizr
- Simplifying content formatting with WYSIWYG editors
Manipulating files with drag–and–drop
- Handling events on draggable and drop targets
- Enabling drag–and–drop file upload with HTML5 programming interfaces
Exchanging message data with JavaScript APIs
- Posting messages across windows
- Accessing external providers with Cross-Origin Resource Sharing (CORS) and XMLHttpRequest 2
- Pushing data with WebSockets
- Improving responsiveness with Web Workers
Filling the Canvas element
- Eliminating plugin dependencies with native graphics
- Charting with lines and rectangles
- Rendering text and embedding images
Reducing page size with SVG
- Creating graphics with a text editor
- Substituting vector images for larger PNG files
Enhancing a site with sound
- Embedding audio in a web page without plugins
- Entertaining users with natively-supported video
- Captioning video with Web Video Text Tracks (WebVTT)