HTML5 & CSS3 with JavaScript

Course Code: H5CSS3

Duration: 2 days

New Web Development Curriculum in 2024

  We are introducing a new curriculum of Web Development courses.
  As you have shown an interest in the existing curriculum, please see the updated portfolio below ...

The new 5 day Core Spring is available later this year

  We will continue to offer the 4 day option on the CSL catalogue until the new course has been accepted to the catalogue ...

4 days

Core Spring

 
 
 
 

HTML5 & CSS3 with JavaScript Course Overview

The HTML5 & CSS3 with JavaScript course comprises sessions dealing with HTML5 elements and attributes, CSS3 styles, responsive web design, geolocation, drag and drop, offline storage, web sockets, server sent events, and cross domain messaging.

The delegate will learn how to integrate HTML5 and CSS3 features into their web site.

Exercises and examples are used throughout the course to give practical hands-on experience with the techniques covered.

Course Objectives

This course aims to provide the delegate with the knowledge to be able to integrate into a website HTML5 and CSS3 features including new form elements and types, semantic elements, audio and video, graphics, animations, media queries, geolocation, drag and drop, local storage, sockets, and messaging.

Who will the Course Benefit?

The HTML5 & CSS3 with JavaScript course is designed for developers familiar with HTML, CSS, and JavaScript, but whom are unfamiliar with the features introduced with HTML5 and CSS3.

Skills Gained

The delegate will learn and acquire skills as follows:

  • Constructing a HTML5 form
  • Embedding audio and video
  • Constructing graphics
  • Constructing transitions and animations
  • Building a responsive web page
  • Establishing and using the user’s location
  • Configuring elements to be draggable/droppable
  • Writing to and reading from offline storage
  • Constructing and using web sockets
  • Consuming data from the server without the need for a request
  • Cross domain messaging

HTML5 & CSS3 with JavaScript Training Course

Course Introduction

  • Administration and Course Materials
  • Course Structure and Agenda
  • Delegate and Trainer Introductions

Session 1: INTRODUCTION

  • What is HTML5
  • What is CSS3
  • Browser Support

Session 2: HTML5 ELEMENTS & ATTRIBUTES

  • Form Fields
  • PForm Validation
  • Semantic Elements
  • iFrame
  • Audio and Video
  • Canvas and SVG

Session 3: CSS3 STYLES

  • Generic Styles
  • Transforms
  • Transitions
  • Animations

Session 4: CSS3 RESPONSIVE

  • Responsive Web Design (Review)
  • Responsive Grid Layout
  • Media Queries
  • Images and Videos
  • Responsive Web Design Frameworks

HTML5 & CSS3 with JavaScript Training Course

Session 5: GEOLOCATION

  • Information Sources
  • The navigator Object
  • Request Parameters
  • Position Data
  • Error Handling

Session 6: DRAG & DROP

  • Source and Target Elements
  • Draggable Attributes
  • Drag Events
  • The dataTransfer object

Session 7: OFFLINE STORAGE

  • Local/Session Storage vs. Cookies
  • The localStorage and sessionStorage Objects
  • Local/sessionStorage methods
  • The applicationCache object and events

Session 8: WEBSOCKET

  • WebSocket vs. HTTP
  • WebSocket (ws://) Protocol
  • The WebSocket constructor function
  • WebSocket Object Methods
  • WebSocket Events

Session 9: SERVER SENT EVENTS

  • Server Sent Events
  • The EventSource constructor function
  • EventSource Events

Session 10: CROSS DOMAIN MESSAGING

  • Same Origin Policy (SOP)
  • Cross Domain Messaging
  • Message Posting
  • Message Receiving
Notes:
  • Course technical content is subject to change without notice.
  • Course content is structured as sessions, this does not strictly map to course timings. Concepts, content and practicals often span sessions.

Requirements

Delegates should be able to:

  • Build and style simple web pages using HTML & CSS
  • Build JavaScript applications that exploit all fundamental elements of the language including variables and expressions, conditions and loops, functions, objects, arrays, the DOM, and event handling

This knowledge can be obtained by attendance on the pre-requisite HTML & CSS and JavaScript 1 courses.

Pre-Requisite Courses

Course Reviews

Stuart was brilliant, adapted the course to our needs and business model, very knowledgeable, hope to work with him soon.

Andrew - Government - January 2024

Really enjoyed the course. I thought the pacing and content were spot on, and the tutor kept it all interesting.

Greg - Software Engineer - Government

Public Scheduled Events

Classroom & Live Virtual Instructor-Led Training

Duration: 2 days

Price: £990.00 exc. VAT 


Start Date Options Spaces  
07 May 2024
StayAhead Virtual Courses available 
Spaces Book Now 
 

Live Virtual Classroom

 
Join live instructor-led classroom training from the comfort of your home or office.
All the convenience and benefits of the classroom experience without the hassle and costs of travel and accommodation.
 
 



Our Customers Include

 
EDF
Amazon
American Express
Aviva
QA
BAE
University of Cambridge
Barnardo's
Scottish Government
Bauer
Bloomberg
BP
HSBC
DVLA
GlaxoSmithKline
Government Campus
Capita
Tui
NHS
Ordnance Survey
Ministry of Defence
Zurich Insurance Group
trainline
Vodafone
 
 



Our Course Curriculum

 
 
 
+44 (0)20 7600 6116
Enquiries@StayAhead.com
Copyright © 2024 StayAhead Training Ltd
Cookies   /   Privacy Policy