Modern JavaScript Programming

Start learning JavaScript and web page development with this training. Discover how to use objects, functions and events.

Upcoming sessions

No date suits you?

Notify me when a session is added.

  • Duration: 2 days
  • Regular price: $1,510
  • Preferential price: $1,350
  • Course material included

Course outline

Duration : 2 days

JavaScript is a programming language that is used to add interactivity to web pages. This allows users to interact with the web page in a more natural way. Most modern web platforms use JavaScript to add interactivity to web page (WordPress, Office 365, Google Maps, etc).

Fact: JavaScript is the most popular programming language in the world.

Audience

Web developers

Prerequisites

Basic skills for using HTML and CSS

Contents

JavaScript Fundamentals

  • What is JavaScript?
  • Programming environment
  • Browser vs CmdLine vs Server
  • Hello World example

JavaScript Variables

  • Variable declaration (const, let, var)
  • Strict mode
  • Hoisting
  • Scope
  • Types (Number, Boolean, Date, Math, String, Array)
  • Type coercion
  • Typeof
  • Equality vs Strict equality
  • Operators (Logical and Arithmetic)
  • String manipulation
  • Date manipulation
  • Loops (For, while)
  • Conditionals (if, switch, ternary, operators)

Arrays and Objects

  • Working with Arrays
  • Destructuring
  • Spread operator
  • Defining Objects
  • Manipulating Objects
  • Object Literals
  • Property Shorthand

Functions

  • Function declaration
  • Arrow functions
  • Parameters and default parameters
  • Return values
  • Rest parameters and spread operator
  • Destructuring
  • Closure
  • Hoisting
  • Recursion

Tooling

  • Visual Studio Code
  • Browsers (Chrome, Firefox, Edge, etc)
  • Debuggers
  • Kangax

Working with the Document Object Model (DOM)

  • DOM Manipulation
  • Node types (Element, Text, Comment)
  • Window object: alerts, dialogs, timers, etc
  • Working with datasets

Events

  • Event handlers (onclick, onchange, onsubmit, etc)
  • Event delegation (event bubbling)
  • Event.target and event.currentTarget
  • preventDefault() and stopPropagation()

Validating forms

  • Validation with HTML5
  • Validation with JavaScript
  • Intro to Regular Expressions

AJAX and async requests

  • XMLHttpRequest (xhr)
  • Fetch API (fetch)
  • Async Callbacks
  • Promises
  • Async/await
  • FormData

Classes

  • Classes
  • Inheritance
  • Constructors
  • Getters and setters
  • Private properties
  • Static properties and methods
  • Base class access
  • Arrow functions and the 'this' scope

Error handling

  • Try
  • Catch
  • Throw
  • Finally

Modules

  • Import
  • Export
  • Default & Wildcard
  • Html elements to declare modules

Advanced Topics

  • Higher Order Functions
  • Node.js
  • NPM
  • Linters (ESLint, Stylelint, etc)
  • Test Framework (Jest, Cypress, etc)

Surround yourself with the best

Olivier Blais
Olivier Blais
Trainer, Data Science
Olivier is a data science expert whose leading field of expertise and cutting-edge knowledge of AI and machine learning led him to support many companies’ digital transformations, as well as implementing projects in different industries.
Michel Cusin
Trainer
Michel is the founder of Cusin Cybersécurité inc. and cumulates more than two decades in the field of cybersecurity. His years of experience as a consultant and a trainer in cybersecurity enabled him to develop a solid expertise, especially in the area of architecture, vulnerability assessment, penetration testing, incident management, cyber investigation and training.
Davy Adam
Davy Adam is a bilingual consultant how's sharing his activity between France and Canada. He has been working as a trainer, a coach and a strategic business consultant for several years. Through his mandates, Davy works with companies to assist them in the adoption of cloud computing. He supports small and large businesses in the implementation of best practices, design and drafting of architectural documents. He also supports them to upskill their teams in terms of DevOps culture, DevSecOps compliance and security automation and FinOps.
Bilal Tawbe
Bilal Tawbe
Trainer
Be aware of trends, innovations and best practices, every month.
Subscribe to the newsletter
Confidentiality
Training center accredited by Emploi-Québec, Accreditation : 0051460
GST : 141582528 – QST : 1019557738
© 2023 AFI
AFI Expertise

The AFI experience brought to you by Edgenda

At AFI, our focus is to offer you relevant training and impactful learning experiences in line with your transformation approach. Do you need support for your approach? Check out Edgenda’s services: Edgenda.com