Goals
- Learn and master the basics of JavaScript, DOM and Ajax
Program
Overview
Overview of JavaScript environments
ECMAScript versions and standard
Variables and data types
Operators
Scope of variables var, let, const
Block instructions
Control structures (conditional and iterative)
Define a function, declarative syntax and expressions
Pass parameters
Return a value
Define default parameters
The console (log, debug, info, error, …)
Presentation, history and version
Window and document objects
Access elements (getElementById, querySelector, querySelectorAll)
Discover events
List of mouse and keyboard events (click, keypress, mouseover, etc.)
Management of windows and dialog boxes
Workshop: Show and hide HTML tags
Presentation and structures of an array Array
declaration (literal, constructor)
Adding and deleting data (push (), splice ())
Browsing an array (forEach, for of)
Specific functions (slice, pop, shift, reverse, etc)
The find () and findIndex () functions
Presentation Literal
objects
Add & access properties Property
shorthands
Template literals
Assignment by decomposition
Rest Parameter & Spread Operator
Closures
Arrow functions
Workshop: Filtering data displayed in a list
Principle of event listeners
Events attach to the browser (load, unload, resize, etc.)
Form events (submit and reset)
Retrieve and handle the event
The preventDefault () and stopPropagation () functions
Workshop: Validating the data of a form
Manipulate the attributes (getAttribute & setAttribute)
Modify the content of a tag (innerHTML, innerText, innerContent)
List of css properties in javascript
Modify the css using the style attribute
Adding & deleting class (className, classList)
Browse the DOM tree (parentNode, childNode)
The parentChild () and firstChild () functions
Create and insert a tag (createElement, appendChild, createTextNode)
The NextSibling and PreviousSibling functions
Remove a tag (removeChild)
Workshop: Reordering a list with drag & drop
Prototyping
Declaration of methods
Fast object association (Object.assign ())
Character strings and dates
Methods associated with character strings
The Math
Internationalization class : date and currency format
Class declaration
Constructor and accessor Class
variables and methods (static)
Inheritance
Iterator and Generator
Collections (Set and Map)
Workshop: Create the object-oriented chifumi game
Definition
Create a promise
The resolve () and reject () functions
Attach our callbacks to a promise (then (), catch ()
Workshop: Recover data using Promise
Asynchronous communication principle
Instantiate and prepare an XMLHttpRequest object
Error
handling Progress bar
HTTP protocol, methods and status
Serialization and deserialization of data
Use of data: XML format, JSON format
Lab: Submit and read data from a REST API
Duration
5 days
Price
£ 2172
Audience
Web Developers - Webmasters - Integrators
Prerequisites
Knowledge of HTML and CSS
Reference
SIT100292-F
Sessions
Contact us for more informations about session date