Javascript - Les fondamentaux

Il s'agit d'un cours de base. Idéal pour les personnes qui débutent en programmation et qui commencent leur carrière en développement full-stack

À l'issue de la formation, les participants seront capables de :

• Comprendre les concepts de base de la programmation et le rôle de JavaScript dans le développement web.
• Utiliser des outils de programmation tels que VS Code et exécutez des fichiers JavaScript localement
• Créer des variables qui stockent différents types de données et manipulez les valeurs à l'aide d'opérateurs en JavaScript.
• Utiliser les bibliothèques intégrées de JavaScript, comme console, pour travailler avec des types de données primitifs.
• Implémenter le flux de contrôle en utilisant if, else if, else, switch et la syntaxe ternaire en JavaScript.
• Créer des fonctions en utilisant les différentes syntaxes de JavaScript qui utilisent des paramètres et appelez-les avec des arguments pour retourner des valeurs.
• Interpréter les erreurs courantes de JavaScript et les messages d'erreur.
• Définir des valeurs et des objets.
• Stocker, accéder et manipuler des éléments dans un tableau en JavaScript.
• Utiliser des boucles avec des conditions de départ, d'arrêt et de continuation.

JOUR 1

Introduction à JavaScript

• Explorer ce qu'est la programmation
• Explorer l'utilisation de JavaScript
• Démo : Configuration d'un environnement local
• Préparation à l'écriture d'un fichier JavaScript (.js)
• Révision de la construction des instructions en JavaScript
• Révision des règles de syntaxe de base
• Impression sur la console avec une instruction de base
• Exécution d'un fichier JavaScript dans VS Code

Bases de la programmation JavaScript

• Explorer les types de données et leurs équivalents dans la vie réelle
• Explorer les types de données primitifs en JavaScript
• Travailler avec des chaînes de caractères en JavaScript
• Ajouter des caractères spéciaux dans les chaînes (\n, \, ', ")
• Explorer les méthodes intégrées des chaînes de caractères
• Combiner des chaînes avec la concaténation de chaînes
• Travailler avec des nombres
• Utiliser des opérateurs arithmétiques
• Travailler avec des booléens
• Propriétés des types de données et notation par point
• Suivre les types de données avec l'opérateur typeof

Variables JavaScript

Création de variables

• Explorer la fonction et le but du stockage des données
• Observer la syntaxe des variables en JavaScript
• Créer une variable avec var
• Créer une variable avec let et const
• Meilleures pratiques de nommage des variables
• Cartographier mentalement le stockage des variables en mémoire

Manipulation des variables

• Mettre à jour la valeur d'une variable
• Combiner des variables et des opérations arithmétiques
• Utiliser l'opérateur d'incrémentation et de décrémentation
• Travailler avec la concaténation de chaînes de variables
• Interpoler des chaînes avec des variables
• Forcer les types de données avec des variables

Branchement conditionnel en JavaScript

• Explorer la fonction et le but des conditions dans un programme

JOUR 2

Flux de contrôle de base

• Créer une instruction if
• Utiliser des opérateurs de comparaison
• Comprendre == et ===
• Utiliser des opérateurs logiques
• Utiliser Truthy et Falsy
• Ajouter la clause else
• Enchaîner avec else-if
• Imbriquer des instructions if
• Condenser avec l'opérateur ternaire

Switch Case

• Créer un switch case
• Contrôler le comportement d'exécution du switch case avec fall-through et break
• Gérer la typage des données dans un switch case
• Définir un cas par défaut

Fonctions JavaScript

• Explorer la fonction et le but de réutiliser des blocs de code
• Construction de la syntaxe des fonctions
• Définir une fonction
• Appeler une fonction
• Ajouter des paramètres dans une déclaration de fonction
• Appeler une fonction avec des arguments
• Ajouter des paramètres par défaut
• Retourner des valeurs
• Explorer le hoisting des déclarations de fonctions
• Utiliser des fonctions à l'intérieur d'autres fonctions
• Considérations pour définir et nommer des fonctions

Débogage

• Explorer les erreurs JavaScript de base (erreurs de syntaxe, erreurs d'exécution, erreurs logiques)
• Lire et interpréter les messages d'erreur
• Utiliser la technique de débogage de base avec console.log
• Erreurs courantes des débutants

Portée JavaScript

• Explorer le concept de "portée" dans un programme
• Comprendre la portée "globale"
• Comprendre la portée "bloc"
• Comprendre la portée "locale"
• Explorer les différences entre la portée "bloc" et la portée "locale"
• Explorer la pollution de la portée
• Meilleures pratiques de portée

JOUR 3

Tableaux JavaScript

Création de tableaux

• Explorer le but de l'organisation des données
• Créer un tableau avec des types de données singuliers en utilisant un littéral de tableau
• Créer un tableau avec des types de données mixtes en utilisant un littéral de tableau
• Créer des tableaux multidimensionnels

Manipulation de tableaux

• Accéder aux éléments
• Utiliser l'index des éléments
• Mettre à jour les éléments sur place
• Explorer la mutabilité d'un tableau déclaré avec const
• Explorer les méthodes intégrées des tableaux
• Accéder à la longueur du tableau avec .length
• Réinitialiser un tableau avec .length
• Utiliser push()
• Utiliser pop()
• Utiliser sort()

Utilisation des tableaux

• Explorer le passage des tableaux aux fonctions
• Explorer la manipulation des tableaux à l'intérieur des fonctions
• Essayer l'égalité des tableaux
• Analyser les références par rapport à la valeur en mémoire

Boucles JavaScript

• Comprendre la répétition dans un programme
• Construire des boucles de manière sémantique
• Utiliser la boucle while
• Utiliser la boucle do while
• Utiliser la boucle for
• Boucler en sens inverse
• Boucler à travers des tableaux
• Construire des boucles imbriquées
• Utiliser le mot-clé break

Objets JavaScript

• Explorer le type de données objet
• Explorer le but et la fonction des objets
• Explorer l'organisation des données en objets
• Créer un objet avec des littéraux d'objet
• Accéder aux propriétés de l'objet
• Accéder avec la notation entre crochets
• Modifier des objets avec la réaffectation des propriétés
• Créer un objet avec des méthodes
• Tester l'égalité des objets
• Analyser les références d'objets en mémoire
• Créer des objets imbriqués
• Accéder aux propriétés imbriquées par chaînage
• Utiliser for..in pour boucler à travers des objets
• Choisir entre tableaux et objets

• Compétences de base en informatique

Afin de vous assurer que vous possédez toutes les connaissances requises pour participer à la formation, notre équipe commerciale vous proposera un QCM.

Les participants réalisent un test d'évaluation des connaissances en amont et en aval de la formation pour valider les connaissances acquises pendant la formation.

Un support de cours électronique sera remis aux participants.

Pour profiter pleinement du support électronique dès le 1er jour, nous invitons les participants à se munir d'un PC ou d'une tablette, qu’ils pourront connecter en WiFi dans nos locaux de Rueil, Lyon ou nos agences en régions.