Sommaire

Informations générales
- Titre, auteur...
Présentation du langage JavaScript
- Définition et rapide historique
- Prérequis pour un apprentissage aisé du langage
- Outillage nécessaire
- Positionnement du JavaScript face à d’autres technologies de développement web (HTML, CSS, PHP…)
Développement à partir d’algorithmes
- Présentation de la notion d'algorithme
- Notion de variable
- Manipulation des variables
- Fonctions prédéfinies
- Traitements conditionnés
- Structures itératives
- Tableaux à dimension unique
- Tableaux à dimensions multiples
- Procédures, fonctions et passage de paramètres
Bases du langage JavaScript
- Méthodologie d'apprentissage
- Variables (déclaration et typage)
Conditionnement des traitements
- Présentation de la syntaxe
- Exemples
Traitements itératifs (boucles)
- Présentation de la syntaxe des boucles
- Boucle while
- Boucle do while
- Boucle for
Tableaux
- Tableaux à dimension unique
- Tableaux à dimensions multiples
Procédures et fonctions
- Les procédures
- Les fonctions
Approche "objet" en JavaScript
- Introduction
- Programmation orientée objet au travers d’exemples
Objets de base de JavaScript
- Présentation
- Les objets de base
Les nouveautés d’EcmaScript 6
- Présentation générale
- Apports au niveau de la Programmation Orientée Objet
- Fonctions fléchées (arrow functions)
- Structures Map, Set et boucle for of
- Portée des variables (var ou let)
- Promesses (promise)
- Déstructuration
Saisie de données via des formulaires
- Pilotage des contrôles de saisie via JavaScript
Modèle DOM
- Introduction
- Apprentissage du modèle DOM
Exploration de flux XML via DOM
- Notion de flux XML
- Exemples
Gestion des cookies en JavaScript
- Notion de cookie
- Écriture d'un cookie
- Lecture d'un cookie
- Suppression d'un cookie
Stockage local de données
- Présentation générale des solutions
- Mise en œuvre du Web Storage au travers d'exemples
Stockage distant (Ajax - PHP - MySQL - XML)
- Présentation générale de la solution
- Mise en œuvre du stockage distant au travers d'exemples
Stockage distant (Ajax - PHP - MySQL - JSON)
- Présentation générale de la solution
- Mise en œuvre du stockage distant au travers d'exemples
Géolocalisation
- Principe de la géolocalisation
- Exemples d'applications de géolocalisation
Dessin (HTML5 CANVAS)
- Présentation de l'API HTML5 CANVAS
- Exemples d'applications de l'élément <canvas>
Graphiques de gestion
- Différentes solutions de conception de graphiques de gestion
- Exemples d'utilisation des API Google Charts
Framework AngularJS
- Présentation générale
- Notions de base
- Manipulation de tableaux mémoire et d’objets
- Module et contrôleur
- Boucles et affichage en mode tableau
- Accès à un serveur de données distant (serveur PHP)
- Contrôles de saisie dans les formulaires
Framework Node.js
- Présentation générale
- Installation de Node.js
- Lancement de l’environnement Node.js
- Premier script Node.js affichant « Hello World »
- Deuxième script affichant « Hello World » (version avec Content-Type)
- Troisième script affichant « Hello World » (version HTML)
- Gestion des URL
- Récupération de paramètre dans l’URL
- Détection de l’événement close sur le serveur
- Création d’un objet avec son propre événement
- Affichage du premier enregistrement d’une table MySQL (version 1)
- Affichage de l’ensemble des enregistrements d’une table MySQL
- Affichage du premier enregistrement d’une table MySQL (version 2)
Développement hybride en JavaScript
- Approches de développement pour les applications mobiles
- Panorama des principales plateformes « ?hybrides? »
Ionic 3, JavaScript en mode hybride
- Présentation détaillée de l’environnement Ionic
- Installation de l’environnement Ionic 3
Gestion du Hardware sous Ionic 3
- Introduction
- Application ioni3-infos_hardware
- Application ionic3-battery_status
- Application ionic3-screen_orientation
Composants de base sous Ionic 3
- Introduction
- Application ionic3-passage_parametres
- Applications intégrant des fenêtres modales
Applications basiques sous Ionic 3
- Introduction
- Application ionic3-racines_polynome
- Application ionic3-pgcd
Gestion de la persistance sous Ionic 3
- Introduction
- Application ionic3-clipboard
- Application ionic3-local_storage
- Application ionic3-sqlite
Gestion des listes sous Ionic 3
- Introduction
- Application ionic3-list_basic
- Application ionic3-list_avatar
- Application ionic3-list_slider
Graphiques de gestion sous Ionic 3
- Introduction
- Application ionic3-chartjs_bar
- Application ionic3-chartjs_pie
- Application ionic3-chartjs_doughnut_json

Fonctions fléchées (arrow functions) `Fonction:fléchée`

1. Avantages des fonctions fléchées

Vous trouverez deux avantages aux fonctions fléchées (ou arrow functions) introduites dans EcmaScript 6 :

une syntaxe allégée par rapport aux fonctions EcmaScript 5,
la non-création d’un nouveau « scope » associé.

Ces avantages supposés semblent abstraits. Voyons au travers d’un exemple complet à quoi cela correspond.

2. Exemple

Script complet HTML/JavaScript

<!DOCTYPE html> 
 
<!-- 
Nom du script : arrow.htm 
Auteur : Christian VIGOUROUX 
Date de création : 15/10/2018 
Date de dernière modification : 15/10/2018 
Objet : Utilisation de la syntaxe arrow (=>) 
--> 
 
<!-- Balise html --> 
<html> 
 
 <!-- Section head --> 
 <head> 
   <!-- Balise meta de gestion de l’accentuation UTF-8 --> 
   <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"> 
   <!-- Scripts de compatibilité ES6 (transpiling) pour Microsoft Edge --> 
   <script 
     src="https://google.github.io/traceur-compiler/bin/traceur.js"> 
   </script> 
   <script 
     src="https://google.github.io/traceur-compiler/src/bootstrap.js">  ...

Pour découvrir la suite, choisissez votre offre

Abonnement

tous les livres et vidéos ENI
en illimité sans engagement

J'en profite

Déja abonné ?

Je me connecte

du livre imprimé ou
du livre numérique

J'en profite