Scribd
Importer
2 vues3 pages

Programme: Bases Du Javascript

Ce document présente un programme d'apprentissage des bases de JavaScript, couvrant des sujets tels que l'intégration dans HTML, les variables, les types de données, les opérateurs, les structures de contrôle, les boucles, les fonctions, les tableaux, les objets, la manipulation du DOM et les nouveautés d'ES6+. Chaque section inclut des exercices pratiques pour renforcer l'apprentissage des concepts. L'objectif est de fournir une compréhension solide des fondamentaux de JavaScript pour le développement web.

Transféré par

linkj5485
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
2 vues3 pages

Programme: Bases Du Javascript

Ce document présente un programme d'apprentissage des bases de JavaScript, couvrant des sujets tels que l'intégration dans HTML, les variables, les types de données, les opérateurs, les structures de contrôle, les boucles, les fonctions, les tableaux, les objets, la manipulation du DOM et les nouveautés d'ES6+. Chaque section inclut des exercices pratiques pour renforcer l'apprentissage des concepts. L'objectif est de fournir une compréhension solide des fondamentaux de JavaScript pour le développement web.

Transféré par

linkj5485
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Programme : Bases du JavaScript

1. Introduction à JavaScript
- Qu’est-ce que JavaScript et son rôle dans le web ?

- Intégration dans HTML (balise <script>, fichier externe).

- Console du navigateur et premiers scripts.

📝 Exercice : Écrire un script qui affiche 'Bonjour JavaScript !' dans


la console et dans une page HTML.

2. Variables et Types de Données


- var, let, const.

- Types primitifs : string, number, boolean, null, undefined.

- Concaténation et interpolation (template literals).

📝 Exercice : Créer des variables pour stocker votre nom, âge et


statut étudiant, puis afficher une phrase utilisant ces données.

3. Opérateurs
- Opérateurs arithmétiques (+, -, *, /, %).

- Opérateurs de comparaison (==, ===, !=, >, <, etc.).

- Opérateurs logiques (&&, ||, !).

📝 Exercice : Demander à l’utilisateur deux nombres et afficher la


somme, la différence, et tester s’ils sont égaux.

4. Structures de Contrôle
- if, else if, else.

- switch.

- Opérateur ternaire.
📝 Exercice : Demander un âge et afficher un message : 'Mineur',
'Adulte', 'Senior'.

5. Boucles
- for, while, do...while.

- Boucles imbriquées.

📝 Exercice : Afficher la table de multiplication de 5 avec une boucle.

6. Fonctions
- Déclaration et appel de fonction.

- Paramètres et valeurs de retour.

- Fonctions fléchées (arrow functions).

📝 Exercice : Écrire une fonction qui prend deux nombres et


retourne leur produit.

7. Tableaux (Arrays)
- Définition et création.

- Accès aux éléments et parcours avec for/forEach.

- Méthodes utiles : push, pop, shift, unshift, map, filter.

📝 Exercice : Créer un tableau avec 5 prénoms et afficher chacun


avec une boucle.

8. Objets
- Création d’un objet.

- Accès et modification des propriétés.

- Méthodes dans les objets.

📝 Exercice : Créer un objet 'voiture' avec les propriétés marque,


modèle et année, puis afficher une phrase descriptive.
9. Manipulation du DOM (Bases)
- Sélection des éléments (getElementById, querySelector).

- Modification du contenu et du style.

- Événements (click, input).

📝 Exercice : Créer une page avec un bouton. Au clic, changer la


couleur du texte d’un paragraphe.

10. Introduction à ES6+


- let et const (comparaison avec var).

- Template literals.

- Destructuration d’objets et de tableaux.

- Introduction aux promesses.

📝 Exercice : Réécrire un petit script utilisant var en le remplaçant


par let/const et template literals.

Vous aimerez peut-être aussi