Front-end Web Developer 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

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