fbpx
Call us on  08000 199337 From overseas +44 (0)1344938011

Web Development 2 with HTML5, CSS3 and JavaScript Course

Course Duration: 5 days

Book online today or if you need any assistance or help chosing the right course for you, please call our team on 08000 199337 and we will help point you in the right direction.

Virtual

Course Duration: 5 days

From £2,220.00 +Vat
View dates and book

Enquire Now

Classroom

Course Duration: 5 days

From +Vat
View dates and book

Enquire Now

Course Overview

The Web Development 2 with HTML5, CSS3 and JavaScript course comprises sessions dealing with HTML5, CSS3 and JavaScript. It builds on the skills and knowledge gained by attendance on the Web Development 1 course by covering that which is new in HTML version 5 and CSS version 3, and advanced JavaScript topics.

Read More

The delegate will learn how to integrate HTML5 and CSS3 features into their web site. They will become familiar with the inner workings of the JavaScript language, enabling them to write complex code and to troubleshoot.

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
  • Working with primitive and reference variables
  • Testing for equality
  • Coding in strict mode
  • Working with associative arrays
  • Determining and affecting the scope of a variable
  • Making changes to a constructor function’s prototype
  • Determining an object’s prototype chain
  • Exploiting inheritance and polymorphism
  • Encapsulating a class using the Revealing Module pattern
  • Declaring a static class using the Singleton pattern
  • Coding asynchronously
  • Unit testing
  • Coding in ECMAScript version 6 (ES2015)

Who will the course benefit?

The Web Development 2 with HTML5, CSS3 and JavaScript course is designed for developers familiar with HTML, CSS, and JavaScript, but whom are unfamiliar with the features introduced with HTML5 and CSS3, and are similarly unfamiliar with advanced JavaScript topics

Read Less

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

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

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.

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 such as, audio and video, media queries, drag and drop, and web sockets, and to interpret, write, and troubleshoot complex JavaScript code including design patterns, asynchronicity, and ES6.

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

Course Contents – DAY 3

Session 11: VALUES & REFS

    • Primitive and Reference Types
    • Equality Tests
    • Deletion and Dereferencing
    • Undefined, null, and NaN

Session 12: STRICT MODE

    • What is Strict Mode
    • Invocation
    • Mistakes to Errors
    • Variable Simplification
    • Eval
    • Security

Session 13: ARRAYS

    • Associative Arrays
    • for vs. for in
    • delete and length

Session 14: SCOPE

    • Hoisting (Review)
    • Lexical Scope
    • The Scope Chain
    • Closures
    • IIFEs

Course Contents – DAY 4

Session 15: OBJECTS

    • Property Deletion
    • The this Keyword
    • The call, apply, and bind Functions
    • Prototypes
    • The Prototype Chain
    • Inheritance
    • Overrides
    • Polymorphism
    • Encapsulation
    • Public, Private, and Privileged Properties
    • The Revealing Module Pattern
    • Static Properties and Classes
    • The Singleton Pattern

Session 16: ASYNCHRONOUS JAVASCRIPT

    • Synchronous vs. Asynchronous
    • setTimout
    • AJAX
    • Callbacks
    • Common Problems
    • Async.js
    • Promises (ES6)

Course Contents – DAY 5

Session 17: UNIT TESTING

    • What is Unit Testing
    • Test Driven Development
    • Unit Testing with Jasmine

Session 18: ES6 (ES2015)

    • Multi-line Strings
    • Template Literals
    • Default Parameters
    • Block-level Scope
    • Maps and Sets
    • Classes and Modules
    • Arrow Functions

1 review for Web Development 2 with HTML5, CSS3 and JavaScript Course

  1. Imma | Front End Web Developer

    I really enjoyed the course with a very good teacher. He explains in a very clear and simple way and was always available to answer all my questions. The content of the course is very interesting and focused on things that will be very important in the future of the web. Thanks, Imma

Add a review

Course dates

Start Date Exam Included Price (excl VAT) Qty  

Frequently asked questions

A Pearson VUE exam voucher enables you to book and sit your exam at your local Pearson VUE testing centre at a time and date convenient to you.  Pearson VUE centres are worldwide, and you will be able to choose the closest testing centre to you. You then go along to the test centre with your photo ID at the specified date and time and you will then take an electronic exam. Your exam voucher will have an expiration date and your exam must be sat before this date as these vouchers cannot be extended.

Rated 5.00 out of 5
(Based on 1 customer review)
X