Jour 1 : Exercice de placement
Le zip des fichiers et consignes de l'exercice :
Le Zip
Remise à niveau
Jour 2 : Variables et conditions
Utilisation de l'IDE :
Les rappels
Quelques fondamentaux avant de se lancer :
Le cours
Les variables :
Cours sur les variables
Exercices sur les variables
Correction des exercices sur les variables
Les conditions :
Cours sur les conditions
Exercices sur les conditions
Correction des exercices sur les conditions
Mini-Projet calculatrice :
Consignes du projet calculatrice
La correction du projet calculatrice
Jour 3 : CSS Grid et pseudo-sélecteurs
CSS Grid :
Cours sur CSS Grid
Exemples CSS Grid
Exercices sur CSS Grid
Correction des exercices sur CSS Grid
Les pseudo-sélecteurs :
Cours sur les pseudo-sélecteurs
Exercices sur les pseudo-sélecteurs
Correction des exercices sur les pseudo-sélecteurs
Mini-Projet Pixel Art :
Consignes du projet Pixel Art
La correction du projet Pixel Art
Jour 4 : Boucles, tableaux et fonctions
Les boucles et les tableaux :
Cours sur les boucles et tableaux
Exercices sur les boucles et tableaux
Correction des exercices sur les boucles et tableaux
Les fonctions :
Cours sur les fonctions
Exercices sur les fonctions
Correction des exercices sur les fonctions
Mini-projet Bulletin de notes :
Consignes du projet Bulletin de notes
Jour 5 : Bases HTML et CSS
HTML : structurer les pages et les contenus :
Cours sur la structuration des pages
Cours sur la structuration des contenus
Exercices sur la structuration HTML
Positionnement et mise en page de textes en CSS :
Cours sur le positionnement
Cours sur la mise en page
Exercices d'intégration
Correction de l'étape 1
Correction de l'étape 2
Correction de l'étape 3
Jour 6 : Exercice guidé d'intégration
N'oubliez pas d'utiliser le validateur W3C pour valider votre HTML. Vous avez le droit d'avoir des Warning et des Info mais pas d'avoir des Error.
Les consignes :
Consignes de l'exercice guidé
Les maquettes :
Maquette de l'étape 1
Maquette de l'étape 2
Maquette de l'étape 3
Les ressources :
Icone HTML
Icone JS
Icone PHP
Les corrections :
Correction étape 1
Correction étape 2
Correction étape 3
Jour 7 : Rappels et Events en JS
Les cours :
Rappels de syntaxe JavaScript
Sélectionner et modifier des éléments en JS
Les events en JS
Instructions utiles en JS
Démonstration :
Démonstration des events
Explications et code de la démo
Exercices :
Exercice sur les instructions et conditions
Exercices sur les boucles
Consignes des exercices de sélection et modification
Fichiers des exercices de sélection et modification
Consignes des exercices sur les events
Fichiers des exercices sur les events
Les corrections :
Correction exercice instructions
Correction exercice boucles
Jour 8 : Les formulaires HTML et JS
N'oubliez pas d'utiliser le validateur W3C pour valider votre HTML. Vous avez le droit d'avoir des Warning et des Info mais pas d'avoir des Error.
Les cours :
Les formulaires en HTML
Les formulaires en JS
Les exercices :
Les exercices sur les formulaires HTML
Les exercices sur les formulaires JS
Les corrections :
Correction formulaires HTML
Correction formulaires JS
Jour 9: La dynamisation avec PHP
Les cours :
Cours sur les tableaux associatifs
Cours sur la dynamisation
Les exercices :
Exercices sur les tableaux associatifs
Exercice sur la dynamisation
Les corrections :
Correction des exercices sur les tableaux associatifs
Correction des exercices sur la dynamisation
Jour 10 : Exercice de groupe intégration et JS
N'oubliez pas d'utiliser le validateur W3C pour valider votre HTML. Vous avez le droit d'avoir des Warning et des Info mais pas d'avoir des Error.
Les groupes :
La composition des groupes
Les consignes :
Consignes de l'exercice de groupe
Les maquettes :
Maquette de la page 1
Maquette de la page 2
Les corrections :
Correction du projet
Jour 11 : Shell, Git et Book of Bugs
Les cours :
Introduction à Git
Introduction au shell
Utiliser le terminal
Boucles et conditions en shell
Les consignes :
Exercices utilisation du shell
Exercice création de projet
Jour 12 : Jeu dont vous êtes le héros
Les consignes :
Les consignes du projet
Les ressources :
Les fichiers du projet (en zip)
La correction :
Une correction possible
Jour 14 : Manipuler le DOM avec JS
Les cours :
Cours Manipuler le DOM avec JS
Les consignes :
Exercices de Manipulation du DOM
Exercice ToDoList
Exercices Bonus
Les corrections :
Correction exercices manipulation du DOM
Correction exercice ToDo List
Jour 15 : Projet Dessine moi un mouton (HTML, CSS & JS)
Les consignes :
Consignes Projet Paint
L'exercice :
Sources Projet Paint
Les corrections :
Correction Projet Paint (étapes 1 à 4)
Fichier main.js corrigé (étapes 1 à 4)
Liens utiles :
Pour dessiner un mouton
Jour 16 : Projet Portfolio
N'oubliez pas d'utiliser le validateur W3C pour valider votre HTML. Vous avez le droit d'avoir des Warning et des Info mais pas d'avoir des Error.
Les consignes :
Consignes de l'exercice guidé
Les maquettes :
Maquette de l'étape 1
Maquette de l'étape 2
Maquette de l'étape 3
Maquette de l'étape 4
Les ressources :
Logo
Portrait
Icone HTML
Icone JS
Icone PHP
Les corrections :
Correction étape 1
Correction étape 2
Correction étape 3
Correction étape 4