JavaScript Essentials for Web Development

Core JavaScript syntax

• Coding variables, statements, and control blocks
• Working with objects, strings, and arrays

Implementation

• Controlling client-side browser objects
• Adding the behavior unobtrusively

Defining Functions

• Declaration/Expression
• Anonymous
• Callback
• Immediately Invoked Function Expressions (IIFE)
• Passing optional parameters

Declaring objects 

• Structuring code with Object Literal Notation (OLN)
• Augmenting functionality with the prototype
• Explore classes

• Perform complex math with the Math object 
• Manipulate dates with the Date 
• Organise data with the Set object 
• Manage data with the Map object 

Manipulating the Document Object Model (DOM)

• Creating, reading, updating, and deleting web page markup
• Targeting elements by ID, tag name, and class name
• Modifying presentational CSS for dynamic HTML effects

Handling events

• Adding and removing event handlers unobtrusively
• Inspecting event object properties
• Preventing default browser actions
• Minimising handlers with event delegation

Interacting with the browser and user

• Responding to users' actions
• Gathering information
• Managing errors

Loading JavaScript Conditionally

• Implementing feature testing to conditionally load required JavaScript
• Overcoming missing functionality with polyfills, and fallbacks

Assisting users in ensuring data validity

• Validating without JavaScript
• Implementing dynamic select menus
• Preventing forms from submitting with enhanced validation
• Customising validation error messages

Validating data on the client side

• Matching data patterns with regular expressions
• Form vs. field validation
• Invoking server-side business logic

Asynchronous Processing 

• Exploring Promises 

Retrieving data 

• Using REST to manipulate data 
• Using the XMLHttpRequest object 
• Using the Fetch API