Javascript logo

Goals


- Learn and master the basics of JavaScript

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

Duration

3 days

Price

£ 1588

Audience

Web Developers - Webmasters - Integrators

Prerequisites

Knowledge of HTML and CSS

Reference

SIT100354-F

Sessions

Contact us for more informations about session date