JavaScript Developer

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

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

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.

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