JavaScript for Modern Web Development

• Applying progressive enhancement
• Modern JavaScript best practices

Core JavaScript syntax

• Coding variables, statements, control blocks
• Loading conditional functionality with feature testing

Implementation

• Controlling client-side browser objects
• Adding the behaviour 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
• Serialising objects with JavaScript Object Notation (JSON)

Building a modular, maintainable library

• Creating a private scope with namespaces
• Developing a custom take-away reusable library

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

Assisting users to ensure 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

Updating pages asynchronously with Ajax

• Improving data exchange efficiency
• Creating a reusable Ajax method and adding it to a custom library
• Processing the server response
• Performing Ajax functionality with a library

Exploiting third-party libraries

• Tapping into the power of client libraries
• Decreasing time-to-market with code-reuse
• Improving delivery performance with a Content Delivery Network (CDN)
• Avoiding conflicts between libraries

Exploiting APIs for advanced functionality

• Mapping
• Application
• HTML5
• Mobile Device APIs
• Offloading processing from the server to the client

Enriching user experience

• Determining user location with geolocation and Google Maps API
• Persisting data on the client with storage APIs

Optimising download performance tuning

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