merger merger

Welcome to your new course portal!

On October 15th, hotcourses.com moved to findcourses.co.uk - which means you can now find all your favourite courses right here. Don't worry - you can still do all the things that you could do before.

All you need to do is search.

Show findcourses.co.uk as: Mobile

Web Development 2 with HTML5, CSS3 and JavaScript

StayAhead Training
Course summary
5 days
2,095 GBP excl. VAT
Open / Scheduled
Next available date: 25/11/2019 09:30 - London
Course Dates
London
25/11/2019 09:30 
2,095 GBP
03/02/2020 09:30 
2,095 GBP
23/03/2020 09:30 
2,095 GBP
11/05/2020 09:30 
2,095 GBP
13/07/2020 09:30 
2,095 GBP
14/09/2020 09:30 
2,095 GBP

Course description

S6
Web Development 2 with HTML5, CSS3 and JavaScript 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.

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
  • Coding in strict mode
  • Working with associative arrays
  • Determining and affecting the scope of a variable
  • Coding in ECMAScript version 6 (ES2015)
  • Functional programming
  • Coding asynchronously
  • Reactive programming using RxJS
  • Unit testing
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 and modern approaches such as functional and reactive programming.

The course will also benefit those JavaScript developers who are familiar with JavaScript as it relates to ECMAScript version 5, and want to learn about what’s new in ECMAScript version 6 (ES2015).

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. It also aims to enable the delegate to be able to interpret, write, and troubleshoot complex JavaScript code exploiting strict mode, closures, IIFEs, ES6, functional programming, asynchronous JavaScript, and reactive programming.

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
  • React
  • 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.
Web Development 2 with HTML5, CSS3 and JavaScript Training Course

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
Web Development 2 with HTML5, CSS3 and JavaScript Training Course

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
Web Development 2 with HTML5, CSS3 and JavaScript Training Course

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
Web Development 2 with HTML5, CSS3 and JavaScript Training Course

Course Contents - DAY 4

Session 15: ES6 (ES2015)

  • Multi-line Strings
  • Template Literals
  • Destructuring
  • Spread and Rest Operators
  • let and const
  • Default Parameters
  • Arrow Functions
  • Iterators and Generators
  • Decorators (ES7)
  • Maps and Sets
  • Classes and Modules
  • Exports and Imports

Session 16: FUNCTIONAL JAVASCRIPT

  • Higher Order Functions
  • Pure Functions
  • Immutability
  • Currying
  • Array Methods
  • Arrow Functions (again)
  • Method Chaining
  • Function Composition and Pipelines
Web Development 2 with HTML5, CSS3 and JavaScript Training Course

Course Contents - DAY 5

Session 17: ASYNCHRONOUS JAVASCRIPT

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

Session 18: REACTIVE JAVASCRIPT

  • About RxJS
  • Streams
  • Observables
  • Observers and Subscriptions
  • Sequencing
  • Handling user input and asynchronous calls
  • Combining Streams
  • Buffering
  • Error Handling

Session 19: UNIT TESTING

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

Expenses

£2,095.00

Continuing Studies

Follow on courses: jQuery Web Development, Bootstrap, React, Angular Development, Aurelia Framework

About provider

StayAhead Training - Unix, Linux, MySQL, Java, CSS, HTML, Oracle, RedHat, Linux, Solaris, PHP, Perl, Python, Programming

StayAhead Training established 1992, is recognised as one of the leading independent IT Training specialists in the UK and the first choice provider for many of UK's largest organisations. Located in 7 training centres throughout the UK:  London, Birmingham, Manchester,...


Read more and show all courses with this provider

Customer Outreach Award

customer-outreach-badge-2019

We believe that it should be easy for you to find and compare training courses. 

Our Customer Outreach Award is presented to trusted providers who are excellent at responding to enquiries, making your search quicker, more efficient and easier, too.

Request info

Fill out your details to find out more about Web Development 2 with HTML5, CSS3 and JavaScript.

  Contact the provider

  Get more information

  Register your interest

Contact info

StayAhead Training

6 Long Lane, Barbican
EC1A 9HF London

 Show phone number
www.stayahead.com


Request Information

Find out more about this Web Development 2 with HTML5, CSS3 and JavaScript course - simply fill out your details:

Reviews

There are no reviews available yet.

U.K. L&D Report: 2019 - Benchmark Your Workplace Learning Strategy

Are you curious about the L&D strategies of some of the U.K.'s top companies?

Find out what they're up to in findcourses.co.uk's second annual U.K. L&D Report!

uk-ld-report-2019

Learn more