Introduction
- Que contient ce cours ?
- Qui Suis-je ?
- Le contenu
- Une démo des exercices
- Le parcours de formation
- Conseils pour suivre la formation
- Les logiciels et leurs installations
- La section "Bonus"
- Créer un espace de travail dans Visual Studio code (dossiers et des fichiers)
Le Javascript en pratique
- Les variables
- Manipulation de chaîne de caractères
- Les fonctions
- Booléens
- Boucle for
- Paramètres de fonctions et constantes
- Fonction avec "return" et calcul
- Menu et "Switch Case"
- Saisie clavier et boucle "While"
- Ajustement du code
- Les objets en javascript (structure)
- Utilisation des objets
- Les tableaux (tableau d'objet)
- Parcourir un tableau
- Calcul de la moyenne (parcourir un tableau + récupérer les valeurs d'objet)
- Créer un objet dynamiquement et l'ajouter à un tableau
Le début d'un RPG ?
- Le personnage (Objet)
- Les objets dans les objets
- La récursivité en pratique
- Des fonctions dans un objet
- Exporter l'objet et l'utiliser dans un autre fichier
- Les ennemis (Objet)
- Une fonction pour créer des ennemis (Template)
- Tableau d'objets
- Récupérer un ennemi aléatoire
- Main - Menu et Switch Case
- Combat
- La destruction d'un ennemi et la victoire
- Ajouter un ennemi au jeu
Jeu de question / réponse
- Création du fichier JSON
- Récupérer la taille d'un objet
- Question aléatoire + export du fichier
- Saisir une réponse et la vérifier
- Approfondir la notion de booléen
- Ajouter plusieurs questionnaires
- Créer une boite à outils
- Parcourir un objet et fonction "typeof"
- Finaliser la gestion du questionnaire
- Objet joueur
- JoueurJSON
- Ecrire dans le fichier JSON (sauvegarde)
- Gérer le nombre de points par question
- Eviter d'avoir plusieurs fois la même question (Fin du programme)
Un Quizz sur le JavaScript !
- Quiz langage JavaScript
Javascript + HTML + CSS : un programme web "complet" sans serveur
- Initialisation et structuration du projet
- Les bases du HTML et CSS
- Les bases du DOM et de la structuration des pages
- HTML + CSS : Ajout des images
- HTML + CSS : Listes et alignements en élément flottant
- HTML + CSS : Les éléments d'un formulaire
- HTML + JS : Liaison HTML et Javascript
- JS : Le retour des objets Javascript
- JS : Génération du panier
- JS + HTML : Affichage du panier Step 1
- JS + HTML : Affichage du panier Step 2
- JS + CSS + HTML : Event Javascript et sélecteur :hover en CSS
- Calculs et vérification des saisies utilisateurs
- Afficher des images en fonction des réponses
- Finalisation
Quiz JavaScript - HTML et CSS
- Navigateur --> JS + HTML + CSS
Un premier Serveur Web !
- Modèle : Client / Serveur
- Création d'un serveur
- Envoyer une réponse au client
- Envoyer une page HTML et installation de nodemon
- Gérer plusieurs pages HTML
- Renvoyer du CSS et des images
- Optimisation
- QueryString et module Remedial
- Try Catch
- Restructuration du serveur
- Template HTML (header et footer) et Menu
Client / Serveur NODE.JS-> Panier de fruits avec Serveur
- Combiner Serveur et Exercice des fruits
- Générer le panier côté Serveur
- Afficher le panier sur le client
- Méthode GET et POST
- Vérification des saisies côté serveur
- Envoyer les images de résultat
- Modification du formulaire
- Finalisation
Quiz node.js
- Serveur Node.JS
Bonus : les notions essentielles en programmation
