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

Portée des variables (var ou let) `Portée des variables`

1. Présentation générale

La gestion de la portée des variables était problématique dans les versions antérieures de JavaScript.

Il est désormais facile de préciser la portée exacte des variables via deux mots-clés différents placés au début des déclarations : var et let.

Nous allons, au travers d’un exemple, voir l’impact de ces deux solutions.

2. Exemple

Script complet HTML/JavaScript

<!DOCTYPE html> 
 
<!-- 
Nom du script : var_let.htm 
Auteur : Christian VIGOUROUX 
Date de création : 15/10/2018 
Date de dernière modification : 15/10/2018 
Objet : Déclaration de variables via var ou let 
--> 
 
<!-- 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"> 
 </head> 
 
 <!-- Section body --> 
 <body> 
 
   <!-- Utilisation de la police de caractères Arial --> 
   <font face="Arial"> 
 
     <!-- Affichage du titre du script --> 
     <h3>EcmaScript 6 : Déclarations ...

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