Présentation de cette formation

• Bienvenue dans « L’essentiel de JavaScript »
• Appréhender le rôle de JavaScript
• Connaître les prérequis
• Distinguer Java et JavaScript
• Comprendre la notion de langage interprété
• Passer en revue les différentes versions de JavaScript
• Installer les outils

Découvrir les bases de JavaScript

• Premier pas avec JavaScript
• Insertion du code JavaScript
• Ajouter du JavaScript dans un document HTML
• Ajouter du JavaScript dans un fichier externe
• Envoyer des messages dans la console
• Savoir où placer son code JavaScript
• Charger JavaScript de manière asynchrone et différée
• Expérimenter avec ASYNC et DEFER
• Commenter son code JavaScript
• Quiz

Traitement des données

• Typologie et utilisation des constantes
• Typologie des variables
• Règles de nommage et mots réservés
• Typologie des opérateurs
• Créer des variables
• Nommer des variables
• Découvrir les types de données avec l’opérateur TYPEOF
• Travailler avec des chaînes de caractères
• Aborder les opérateurs mathématiques
• Additionner et concaténer
• Utiliser des template strings
• Incrémenter et décrémenter des nombres
• Mettre en œuvre des opérateurs booléens
• Découvrir l’objet ARRAY
• Travailler avec des objets
• Quiz

Travailler avec les boucles et les conditions

• Les instructions conditionnelles
• Les instructions de répétitions (boucles)
• Interrompre et quitter les boucles
• La gestion des exceptions
• Utiliser la syntaxe conditionnelle
• Tirer parti de l’opérateur ternaire
• Appréhender les opérateurs de comparaison
• Découvrir les boucles WHILE et DO WHILE
• Utiliser la boucle FOR
• Mettre en œuvre les mots-clés CONTINUE et BREAK
• Découvrir la boucle FOR EACH
• Quiz

Aborder des fonctions

• Les fonctions
• Engendrer des fonctions simples
• Envoyer des données dans une fonction
• Retourner les données d’une fonction
• Exécuter immédiatement des fonctions
• Appréhender les fonctions à flèche
• Comprendre la portée des variables
• Utiliser LET pour déclarer des variables
• Utiliser CONST pour déclarer des variables
• Travail à faire : Aborder les fonctions
• Quiz

Exploiter les objets JavaScript

• Découvrir l’objet MATH
• Travailler avec l’objet DATE
• Revisiter les chaînes de caractères
• Employer l’objet NUMBER
• Redécouvrir l’objet ARRAY
• S’initier au BOM
• Expérimenter avec les objets WINDOW et NAVIGATOR
• Quiz

Le modèle DOM

• Définir ce qu’est le DOM
• Travailler avec les nœuds et les éléments
• Accéder aux éléments du DOM
• Utiliser querySelector et querySelectorAll
• Modifier les éléments du DOM
• Créer de nouveaux éléments dans le DOM
• Modifier les styles CSS en JavaScript
• Quiz

Afficher une image aléatoire

• Préparer le script
• Comprendre JSON
• Choisir un élément aléatoire dans un objet ARRAY
• Afficher l’image choisie
• Vider un élément de son contenu
• Afficher du contenu à l’écran
• Propager le script aux autres pages
• Quiz

Travailler avec les évènements JavaScript

• Comprendre le rôle des évènements
• Réagir à des évènements
• Utiliser addEventListener
• Inspecter les propriétés des évènements
• Utiliser l’évènement CLICK
• Animer des éléments avec CSS et JavaScript
• Employer ONLOAD
• Récupérer les données de l’URL
• Afficher les galeries de photos
• Utiliser ONSUBMIT et preventDefault()
• Se servir des timers
• Travail à faire : Les événements JavaScript
• Quiz

Valider les formulaires côté client

• Appréhender la validation des formulaires
• Valider automatiquement les navigateurs
• Désactiver la validation automatique du formulaire
• Valider côté client en JavaScript
• Générer des messages d’erreur
• Permettre plusieurs validations
• Utiliser ONFOCUS et ONBLUR
• Travail à faire : Valider les formulaires
• Quiz

Aborder jQuery et les bibliothèques JavaScript

• Parcourir les bibliothèques JavaScript
• Intégrer jQuery à son site
• Créer un menu déroulant avec jQuery
• Comprendre le rôle de jQuery
• Quiz

Adopter les meilleures pratiques en JavaScript

• Découvrir le style JavaScript
• Connaître le JavaScript à éviter
• Découvrir le mode Strict
• Minifier et empaqueter JavaScript
• Quiz

Examen final

• Fiche synthèse du cours
• Contrôle final
• Votre avis compte

[Optionnel] Tests unitaires

• Comprendre les bases des tests unitaires
• Découvrir Jasmine
• Découvrir Mocha
• Découvrir Jest

Comprendre le développement de Cordova.

• Présentation du Framework Symfony et son écosystème
• Installation de la «distribution Standard Edition» Symfony
• Découverte de l’architecture du projet Symfony
• Comprendre le flux HTTP de traitement des requêtes
• Comprendre le concept d’environnement (développement, production et tests)
• Présentation des conventions de codage et de fichiers de nommage
• A la découverte du concept de «Bundle»

Introduction à Apache Cordova

• Obtenir de l’aide de la «Web Debug Toolbar»
• Introspection les journaux enregistrés
• Profilage requêtes HTTP grâce à l’application Web Profiler
• Gestion des problèmes grâce à des erreurs explicites et exceptions dans la stack traces
• Utilisation des composants Debug et VarDumper

Configuration de l’application

• La comparaison de la prise en charge intégrée au format de configuration: XML, YAML et PHP
• Configuration de l’application grâce à des paramètres globaux
• Les routes et les URL avec annotations de l’application de configuration
• Redéfinition de la configuration définie par un «bundle» tiers ou intégré

Atelier et cas pratique.

Introduction au développement web avec PHP

• L’architecture d’une application web
• L’application Product Discount
• Comment modifier et tester une application PHP

Codage d’une application PHP

• Compétences PHP de base
• L’application Product Discount
• Comment coder les instructions de contrôle
• Comment utiliser la documentation PHP

Introduction aux bases de données relationnelles et MySQL

• Une introduction aux bases de données relationnelles
• Les instructions SQL pour la manipulation des données
• Une introduction à MySQL
• Comment utiliser phpMyAdmin

Utilisation de PHP avec une base de données MySQL

• PHP pour travailler avec MySQL
• Comment obtenir des données d’un jeu de résultats
• L’application Product Viewer
• L’application Product Manager

Atelier et cas pratique.

Utilisation du modèle MVC pour organiser le code

• Comment utiliser le modèle MVC
• L’application Product Manager
• L’application Catalogue de produits

Test et débogage d’une application PHP

• Une introduction aux tests et au débogage

Travailler avec les données de formulaire

• Comment obtenir des données d’un formulaire
• Comment afficher des données sur une page Web

Codage des instructions de contrôle

• Comment coder des expressions conditionnelles
• Comment coder les structures de sélection
• Comment coder les structures d’itération

Atelier et cas pratique.

Travailler avec des chaînes et des nombres

• Comment travailler avec des chaînes
• Comment travailler avec les nombres
• Autres compétences pour travailler avec des chaînes et des nombres

Travailler avec les dates

• Comment utiliser les timestamps pour travailler avec les dates
• Comment utiliser des objets pour travailler avec des dates

Création et utilisation des tableaux

• Comment créer et utiliser un tableau
• Comment créer et utiliser un tableau associatif
• Comment utiliser des fonctions pour travailler avec des tableaux
• Comment travailler avec des tableaux de tableaux
• L’application Task List Manager

Travailler avec les cookies et les sessions

• Comment utiliser les cookies
• Comment travailler avec des sessions
• L’application Shopping Cart

Atelier et cas pratique.

Travailler avec des chaînes et des nombres

• Comment travailler avec des chaînes
• Comment travailler avec les nombres
• Autres compétences pour travailler avec des chaînes et des nombres

Création et utilisation des fonctions

• Compétences de base pour travailler avec des fonctions
• Comment créer et utiliser une bibliothèque de fonctions
• Compétences avancées pour travailler avec des fonctions
• L’application Shopping Cart

Utilisation des expressions régulières, gestion des exceptions et validation des données

• Comment utiliser des expressions régulières
• Comment gérer les exceptions
• La demande d’inscription

Atelier et cas pratique.

Tests unitaires simplifiés avec PHPUnit

• S’initier aux tests unitaires simplifiés avec PHPUnit
• Écrire des tests
• Découvrir la configuration et la console
• Découvrir les petits plus de PHPUnit
• Découvrir le débogage et l’analyse de code en PHP
• Optimiser son code PHP
• Découvrir les outils pour déboguer son code PHP
• Ajouter des tests unitaires et fonctionnels

Section 1 : Environnement et fondamentaux

• S’initier aux prérequis Angular
• S’initier à Angular
• Découvrir JavaScript ES6
• Comprendre les classes ES6
• Utiliser les fonctions fléchées
• Prendre en main TypeScript
• Créer un projet
• Installer Node.js et npm
• Créer un projet avec la CLI
• Commencer avec Angular
• Afficher la page par défaut
• Définir la structure du projet
• Utiliser les outils de debug des navigateurs
• Travail à faire : Environnement et fondamentaux
• Quiz : Environnement et fondamentaux

Section 2 : Comprendre Angular et ses fonctionnalités

• Mettre en place les modules et les composants
• Créer un composant
• Lier la vue et le contrôleur d’un composant
• Styliser son composant
• Mettre en place les modules
• Les composants dans Angular
• Découvrir les directives et les pipes
• Aborder la notion de directive
• Définir les directives structurelles
• Utiliser les directives d’attribut
• Les directives dans Angular
• Comprendre les pipes
• Créer et configurer des routes
• Créer une navigation
• Ajouter des formulaires
• Découvrir la directive ngModel
• Découvrir les template driven forms et reactive forms
• Aller plus loin avec les reactive forms
• Découvrir les services
• Aborder la notion de service
• Créer un service
• Injecter un service
• Comprendre l’instanciation des services
• Les services
• Utiliser le HttpClientModule
• Découvrir l’API
• Intégrer le service HttpClient

Section 3 : Angular les services et les web services

• Découvrir les web services avec Angular
• Préparer l’environnement de travail
• Préparer le serveur
• Utiliser les fichiers d’exercice
• Comprendre les services
• Aborder RxJS et sa documentation
• Définir un service dans Angular
• Découvrir les web services
• Créer un service
• Comprendre les injections de dépendances et la globalisation
• Utiliser un service dans le projet
• Assimiler les bonnes pratiques des services
• Utiliser les services HTTP et RxJS
• Appréhender le service http
• Utiliser les observables
• Aborder la notion d’attente et le principe asynchrone
• Vérifier la réponse de retour
• Gérer les différences entre la base de données et l’application
• Comprendre les différents types d’appels
• Utiliser la méthode POST
• Utiliser la méthode PUT
• Programmation réactive
• Appréhender les API REST et SOAP
• Afficher les données avec Renderer
• Travail à faire : Angular les services et les web services
• Quiz : Angular les services et les web services

Section 4 : Gérer les états d’application avec Redux et NgRx

• Aborder les états d’application
• Définir la notion d’état
• Connaître les limites des solutions sans pattern
• Découvrir Redux
• Découvrir NgRx
• Quiz I : Gérer les états d’application avec Redux et NgRx
• Mettre en place le store NgRx
• Importer et configurer le store
• Installer des outils de débogage
• Appréhender l’architecture du store
• Typer et initialiser l’état
• Aborder et configurer les actions
• Aborder et créer les reducers
• Dispatcher une action et abonner un composant au store
• Utiliser les dev tools
• Travail à faire : Gérer les états d’application avec Redux et NgRx

Quiz II : Gérer les états d’application avec Redux et NgRx

Section 5 : Mettre en oeuvre un store avancé

• Mettre en oeuvre le store avancé
• Ajouter une payload à l’action
• Modifier un état de type Objet
• Associer reducers et contrainte d’immutabilité
• Modifier l’état via des opérations immutables
• Aborder d’autres contraintes des reducers
• Copier des objets
• Connaître la différence entre shallow copy et deep copy
• Modifier de façon immutable un état avec une profondeur
• Quiz I : Mettre en oeuvre un store avancé
• Employer les effets et les sélecteurs
• Défi – Ajouter une section à l’état
• Solution – Ajouter une section à l’état
• Aborder les effets
• Implémenter l’effet et émettre une nouvelle action
• Ajouter un niveau de profondeur dans l’état
• Découvrir les sélecteurs
• Travail à faire : Mettre en oeuvre un store avancé
• Quiz II : Mettre en oeuvre un store avancé

Section 6 : Angular les tests et le débogage

• Démarrer votre projet Angular
• Utiliser les fichiers d’exercice
• Démarrer avec le projet de base
• Prendre en main les outils nécessaires
• Comprendre les outils et les pratiques du débogage
• Évaluer son code à l’aide d’une source map
• Travailler avec des breakpoints
• Corriger les erreurs d’injection
• Comprendre les décorateurs Angular
• Corriger les décorateurs Angular
• Découvrir d’autres outils pour les développeurs
• Défi – Corriger du code
• Solution – Corriger du code
• Tester les applications Angular
• S’initier aux tests dans Angular
• Découvrir Jasmine et Karma
• Tests unitaires Jasmine
• Tests unitaires Karma
• Préparer les fichiers pour les tests unitaires
• Pratiquer les tests unitaires de base
• Tester les services
• Tester les composants
• Tester un composant
• Effectuer un test end-to-end
• Travail à faire : Angular les tests et le débogage
• Quiz : Angular les tests et le débogage