HTML5, CSS3, and JavaScript for Modern Web Development

Course 2320

  • Duration: 4 days
  • Labs: Yes
  • Language: English
  • Level: Foundation

HTML5, CSS3 and JavaScript are the fundamental Web technologies that all web developers must know. This HTML5, CSS3 and JavaScript Training course is designed to review the basics and leverage modern features to enhance user experience across all devices, from desktop browsers to the latest smartphones and tablets.  

Throughout the course, participants will learn how to apply best practices for HTML markup, CSS styling, and JavaScript programming to create modern, feature-rich sites and use semantics to improve Search Engine Optimisation (SEO). This course covers a range of topics, including web standards, semantics, form validation, site design enhancements, fonts and animation and responsive design. After receiving a JavaScript primer and an introduction to JQuery, you’ll leverage browser storage and JSON. Next, you’ll leverage caching, geolocation, file I/O, drag-drag, messaging and web workers in programming. Draw images with Scalable Vector Graphics. Engage users with audio and video features. 

Programming experience with an object-oriented language is recommended for this course, and some familiarity with HTML and CSS is helpful. 

HTML5, CSS3 & JavaScript Training Delivery Methods

  • In-Person

  • Online

HTML5, CSS3 & JavaScript Training Course Benefits

In this training, you will learn how to:

  • Review the fundamental Web technologies: HTML5, CSS3, JavaScript.
  • Explore the newest HTML5 frameworks to create modern, feature-rich sites.
  • Improve SEO with semantic elements.
  • Perfect data entry forms with new types, validation, autocomplete and pickers.
  • Design eye-catching presentations with CSS3 borders, animation and fonts.
  • Programme rich internet applications with JavaScript APIs and JQuery.
  • Enhance the user experience with drag-and-drop, SVG graphics, audio, and video.
  • Continue learning and face new challenges with after-course one-on-one instructor coaching.

Prerequisites

Programming experience is recommended and experience with some HTML and CSS is helpful.

HTML5, CSS3 & JavaScript Training Outline

  • Enhancing a Web site with HTML5 
  • Exploring HTML5 standards and classes 
  • Getting up to speed with HTML Markup
  • Sectioning content with structural elements
  • Optimise pages for SEO ranking
  • Enhance accessibility for users of assistive technologies 
  • Review of data entry forms and input elements
  • Guiding input with autofocus and placeholder
  • Validating textbox entry without scripting
  • Preventing errors with patterns, Constraint API and custom error messages
  • Easing choices with combo-box, color, date, number and range pickers 
  • Focusing on the basics with CSS Primer
  • Enhancing borders and backgrounds
  • Creating floating text and boxes with shadows and opacity
  • Increasing engagement with animation and @keyframes
  • Installing downloadable fonts with @font–face
  • Hiding values in custom data–* attributes
  • Adapting mobile layout with media queries
  • Saving bandwidth with image source sets
  • Boosting your abilities with a Javascript Primer
  • Selecting and manipulating HTML with JQuery
  • Processing events with JQuery
  • Persisting data with the Web Storage API
  • Storing Complex data in JSON format 
  • Registering a Service Worker to Manage Resources
  • Cache pages for offline use using Fetch and Promises
  • Obtaining user latitude and longitude with Geolocation
  • Determine distance with the Haversine Formula
  • Generate location specific content
  • Leveraging anonymous functions 
  • Simplifying content formatting with WYSIWYG editors
  • Apply formatting with execCommand()
  • Handling events on draggable and drop targets
  • Enabling drag–and–drop file upload with HTML5 programming interfaces
  • Posting messages across windows
  • Accessing external providers with XHR
  • Pushing data with WebSockets
  • Improving responsiveness with Web Workers
  • Creating scalable images with SVG XML markup
  • Substituting vector images for larger raster PNG files 
  • Embedding audio in a web page without plugins
  • Entertaining users with natively-supported video
  • Captioning video with Web Video Text Tracks (WebVTT) 

Need Help Finding The Right Training Solution?

Our training advisors are here for you.

HTML5, CSS3 & JavaScript Training FAQs

This course is designed for web developers who want to learn how to create modern, platform-independent web applications using HTML5, CSS3, and JavaScript.

Programming experience with an object-oriented language is recommended for this course. Some familiarity with HTML is helpful but not required.

In this course, you will learn how to review the fundamental Web technologies, leverage HTML5 to create modern, feature-rich sites, improve SEO with semantic elements, design professional, eye-catching presentations with CSS3, programme rich internet applications with JavaScript APIs, and enhance the user experience with drag-and-drop, SVG vector graphics, audio, and video.

This course is available in both in-person and online delivery methods. You can choose the delivery method that best suits your needs.

Yes! We know your busy work schedule may prevent you from getting to one of our classrooms which is why we offer convenient online training to meet your needs wherever you want, including online training.

Our experienced instructors provide personalised support and guidance throughout the course. Additionally, you have the opportunity to schedule an hour of one-on-one after-course coaching, included with your tuition.