HTML 1/3 : Introduction
- Un bon nagivateur : Chrome
- Un bon éditeur de code : Brackets
- Exercice : Réalisons notre première page
- Petit quizz d'introduction
HTML : Savoir bien structurer ses données
- Information importante
- La structure d'un projet
- Les balises
- La structure HTML
- Les caractères spéciaux
- Les titres et paragraphes
- Les images
- Les listes
- Les tableaux
- Les formulaires
- Les liens hypertextes
- Exercice : Création d'un CV
- Une carte de visite
HTML : Comment utiliser les balises récentes
- Span, div
- Header, Footer, Nav, Section, Article, Aside Time
- Video & Audio
- Formulaire Avancés
- Iframe et Embedded
- Compatibilité internet explorer
- Exercice : Une page pour notre ville
CSS : Connaitre les bases
- Ajouter du style CSS
- Les sélecteurs classiques
- Les sélecteurs espace et virgule
- Prioriété et héritage
CSS : Comment maquiller le contenu d'une page web
- Les couleurs
- Mettre en forme du texte
- Importer des polices de caractère
- Les bordures
- Les marges internes et externes
- Les images de fond
- Exercice : le logo de Google
CSS : Comment positionner vos éléments
- Les formes d'affichages
- Les floats
- Les positions
- Les flexbox
- Savoir faire un menu
- Exercice : Page d'accueil Google
CSS : Aller plus loin avec les propriétés avancées du CSS3
- Premier réflexe : Box sizing
- Reset et normalize
- Ajouter de l'ombre
- Gérer l’opacité
- Arrondir les angles
- Empêcher les débordements
- Les sélecteurs avancés
- Les pseudo-éléments
- Exercice : faire une tête
CSS : Comment faire des animations
- Les pseudo-classes
- Les pseudo-classes (code)
- Les transformations
- Les transitions
- Les animations
- Exercice : un loader CSS
JAVASCRIPT : Comprendre les types des variables et comment l'ajouter à la page
- La console et les types de données
- Les nombres
- Les chaines de caractères
- Les variables
- Ajout d'un script
- Ajout du script (code)
JAVASCRIPT : Savoir ajouter de la logique à vos pages
- Les boucles while et for
- Les boucles while et for (code)
- Les conditions : IF ... ELSE ...
- Les conditions : IF ... ELSE ... (code)
- Les conditions : SWITCH
- Les conditions : SWITCH (code)
- Les conditions ternaires
- Les conditions ternaires (code)
- Les fonctions de base
- Les fonctions de base (code)
- Nos propres fonctions
- Nos propres fonctions (code)
- La portée des variables
- La portée des variables (code)
- Les tableaux
- Les tableaux (code)
- Les objets
- Les objets (code)
- Exercice JS : code secret
- Exercice JS : code secret (code consigne)
- Exercice JS : code secret - Correction 1/7
- Exercice JS : code secret - Correction 2/7
- Exercice JS : code secret - Correction 3/7
- Exercice JS : code secret - Correction 4/7
- Exercice JS : code secret - Correction 5/7
- Exercice JS : code secret - Correction 6/7
- Exercice JS : code secret - Correction 7/7
- Correction Exercice JS : code secret (code)
