Contact us for pricing
The Web Programming - Introduction course would be more appropriate for someone with only a little exposure to these technologies.
ES6 PrimerWhat is ES6 and can I use it?
var const let
Default parameter values
A Refresher of ObjectsObject literals
The Object() constructor
Diving into OOP PrinciplesOOP principles
Abstraction and modeling support
OOP principles support
Working with Encapsulation and Information HidingEncapsulation and information hiding
Privacy levels using closure
Scope and closure
Benefits and drawbacks
A meta-closure approach
Immediately invoked function expressions
Creating a meta-closure with an IIFE
Managing isolated private members
A definitive solution with WeakMaps
Controlling access to public properties
Using getters and setters
Properties with internal state
Information hiding in ES6 classes
Inheriting and Creating MixinsWhy inheritance?
Objects and prototypes
What is a prototype?
Inheritance and constructors
Implementing multiple inheritance
Creating and using mixins
Event loop and asynchronous code
Events, Ajax, and other asynchronous stuff
Writing asynchronous code
Using events properties
Callbacks and this
The callback hell
The issues of asynchronous code
What are Promises?
The Promise terminology
Using Generators for asynchronous tasks
Advanced Object CreationCreating objects
Design patterns and object creation
Creating a singleton
The mysterious behavior of constructors
When to use singletons?
An object factory
Factory with constructor registration
The abstract factory
The builder pattern
When to use the builder pattern?
Comparing factory and builder patterns
Recycling objects with an object pool
Advanced CSS SelectorsCSS level 3 selectors introduce lots of new ways of selecting elements on a page, we can use these to automatically style elements based on a number of criteria.
CSS level 4 selectors
CSS Features You Might Have MissedCSS variables.
Rounded corners and shadows.
Size units, in particular vh and vw.
Vendor prefixes and auto-prefixer
SVG & CSSWhat are SVG images and what are the pros and cons of using them.
Where can I get SVG images?
4 ways to add SVG to your webpage, pros and cons of each.
Styling individual pieces of svg
Fonts, creating a SVG font and using it in your page.
Using SVG to make non-rectangular UI elements.
Animating a line drawing using stroke dash offset.
Animating multiple SVG elements independently
CSS LayoutsTraditional layout using float.
Reactive layouts, using media queries.
Multi column layout
Which CSS properties are animatable.
Animation using a 3D transform.
Using CSS animation on SVG elements.
CSS PreprocessorsWhat is a preprocessor?
SASS or LESS?
Mixins versus Extends
Functions and function parameters