JavaScript Developer Training Course

Course Contents - DAY 1

Course Introduction

• • Administration and Course Materials
• • Course Structure and Agenda
• • Delegate and Trainer Introductions

Session 1: INTRODUCTION

• • Setting up the development environment
• • What is JavaScript?
• • HTML and CSS - a brief refresher
• • Embedding JavaScript in HTML
• • Executing JavaScript with NodeJS
• • Browser JS vs. NodeJS
• • A simple example
• • Syntax and comments
• • ECMAScript and JavaScript
• • Deployment

Session 2: VALUES,VARIABLES AND TYPES

• • Values
• • Variables
• • var,let,and const
• • Naming conventions
• • Numbers
• • Strings
• • Booleans
• • Arrays
• • Objects
• • The typeof operator
• • Dynamic typing
• • Type conversion and coercion
• • Arithmetic
• • Handling text incl. template literals

Session 3: FUNCTIONS

• • Function declarations
• • Parameters
• • Return statements
• • Function expressions
• • Arrow functions
• • Declaration,expression,or arrow function?
• • Calling functions
• • Pass by value or reference?
• • An introduction to scope
• • Default parameters
• • Built-in functions

Session 4: PROGRAM FLOW

• • Relational and logical operators
• • Equalty comparisons and sameness
• • Truthy and falsey
• • Conditional statements
• • Iterative statements
• • Error handling
• • Debugging

JavaScript Developer Training Course

Course Contents - DAY 2

Session 5: OBJECTS

• • Objects (again)
• • Properties
• • Dot notation
• • Square bracket notation
• • Function properties (methods)
• • The this keyword
• • Iterating over object properties
• • The Object type
• • Array objects and methods
• • String objects and methods

Session 6: DOM REFERENCING AND MANIPULATION

• • HTML elements and JavaScript objects
• • The DOM
• • DOM referencing
• • DOM data types
• • Element manipulation
• • Creating,adding and removing elements

Session 7: EVENT HANDLING

• • Events
• • Event propagation
• • Event listeners
• • Event listener registration
• • The event object

Session 8: WEB APIS

• • What is an API?
• • Browser APIs
• • Accessing browser APIs
• • Date
• • Math
• • RegExp
• • JSON
• • Client-side storage
• • Geolocation
• • Others

JavaScript Developer Training Course

Course Contents - DAY 3

Session 9: MODERN SYNTAX,OPERATORS,AND DATA STRUCTURES

• • Destructuring
• • Spread
• • Rest parameters
• • Short circuiting
• • Logical assignment operators
• • Enhanced object literals
• • Optional chaining
• • Nullish coalescing
• • Sets and Maps

Session 10: SCOPE

• • What is scope?
• • Types of scope
• • Lexical scope
• • The scope chain
• • Closures
• • IIFEs

Session 11: OBJECT-ORIENTED PROGRAMMING

• • What is object-oriented programming?
• • Object templates
• • Constructor functions
• • The this keyword (review)
• • Object prototypes (briefly)
• • Classes
• • Fields,constructors,and methods
• • Static members
• • Encapsulation
• • Inheritance
• • Composition
• • Mutating arrays,e.g. push,splice etc.

Session 12: FUNCTIONAL PROGRAMMING

• • Functions (review)
• • What is functional programming?
• • Pure functions
• • Immutability
• • Spread (again)
• • Functions as first-class objects
• • Higher-order functions
• • Callbacks
• • Transforming arrays,e.g. filter,map etc.

JavaScript Developer Training Course

Course Contents - DAY 4

Session 13: ASYNCHRONOUS PROGRAMMING

• • What is asynchronous programming?
• • The Event Loop
• • Asynchronous callbacks
• • setTimeout and setInterval
• • Promises
• • async and await
• • Reactive programming and observables (briefly)
• • Asynchronous programming and the fetching of data

Session 14: MODULES,MANAGED APPS,AND TOOLING

• • What is a module?
• • Exporting and importing module features
• • Embedding a module in the HTML
• • Default and named exports
• • Aliases
• • Module objects
• • Modules,packages,libraries,and frameworks
• • Categories of tools
• • Package management
• • Module bundling
• • Transpilation
• • TypeScript
• • Creating a managed app

Session 15: TESTING

• • The purpose of testing
• • The types of testing
• • Running tests
• • Test tools
• • Unit testing
• • Integration testing
• • E2E testing
• • Testing async code
• • Using mocks