empower your people,
empower your organization
Call:  08000 199337 From overseas call +44 20 7264 2185
face-to-face training
Training Since 2002
Online Learning
Certified Trainers with 20+ Year's Experience
Virtual classroom training
Above Industry Average Pass Rates
7-key IT disciplines
No Fee Course Resits

Enjoy live training & exams NOW from your own home Learn more Now offering Remotely Proctored ExamsLearn More

HTML5 & CSS3 with JavaScript

About the Course

Course Duration: 2 days

Price From: £850

Private Course: Click Here
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.

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

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.

Entry 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

• HTML & CSS
• JavaScript 1

Follow-on Courses

• JavaScript 2
• jQuery Web Development
• Bootstrap
• Angular Development
• Aurelia Framework

Exam

There is no exam requirement for this course.

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.

Syllabus – Key points

Course Contents – DAY 1

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

Course Contents – DAY 2

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.

1 review for HTML5 & CSS3 with JavaScript

  1. Greg | Software Engineer | Gov.uk

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

Add a review

Your email address will not be published. Required fields are marked *

View dates and book

Select the HTML5 & CSS3 with JavaScript Classroom & Virtual Course

Now offering VIRTUAL courses. Enjoy live training NOW from your home Learn more
Start DateExam IncludedPrice
(Excl VAT)
Qty 
Start Date: Dec 20, 2021Exam Included: Course + No ExamPrice (Excl VAT):

£850.00

Quantity:
Start Date: Feb 14, 2022Exam Included: Course + No ExamPrice (Excl VAT):

£850.00

Quantity:
Start Date: Apr 04, 2022Exam Included: Course + No ExamPrice (Excl VAT):

£850.00

Quantity:
Start Date: Jun 06, 2022Exam Included: Course + No ExamPrice (Excl VAT):

£850.00

Quantity:
Start Date: Aug 01, 2022Exam Included: Course + No ExamPrice (Excl VAT):

£850.00

Quantity:
Start Date: Sep 19, 2022Exam Included: Course + No ExamPrice (Excl VAT):

£850.00

Quantity:
Clear
Rated 5.00 out of 5
(Based on 1 customer review)

Types of Exams

Pearson Vue Voucher Exams

Online Exam

Classroom Exam

OUR CUSTOMERS INCLUDE

OUR LOCATIONS

We operate from ten training centres across the country, giving you more choice for where to attend

  • Birmingham
  • Bristol
  • London
  • Milton Keynes
  • Reading
  • Borehamwood
  • Leeds
  • Manchester
  • Nottingham
  • Southampton