Aller au contenu
Notes de cours
Cours 8
Initialisation de la recherche
Web 1
Illustration numérique
Web 2
Design graphique
Animation 2D
Web 3
Web 3 (a2024)
Web 3 (a2025)
Interactivité ludique
Video 1
Video 2
Réalité mixte
Web 4
Web 5
Contrôle de la qualité
Préparation au milieu de travail
edm3840
Création assistée par IA
Notes de cours
Web 1
Web 1
Cours 1
Cours 2
Cours 3
Cours 4
Cours 5
Cours 6
Cours 7
Cours 8
Cours 9
Cours 10
Cours 11
Cours 12
Cours 13
Cours 14
Cours 15
Illustration numérique
Illustration numérique
Références
Projet 1
Projet 2
Cours 1
Cours 2
Cours 3
Cours 4
Cours 5
Cours 6
Cours 7
Cours 8
Cours 9
Cours 10
Cours 11
Cours 12
Cours 13
Cours 14
Web 2
Web 2
CSS général
CSS général
Résumé CSS vu en Web 1
Accessibilité
Animations CSS
Anim spritesheet
Anim spritesh. responsive
Flux HTML
Spécificité CSS
Pseudo-classes
Unités vw, vh, calc, clamp
Transitions CSS
Variab., unités, fonctions
Variab. de couleurs
Figma DevMode
CSS par composants
CSS par composants
Composants réutilisables
Nomenclature BEM
Composant adaptatifs
CSS Flexbox
CSS Flexbox
Flexbox (direction, justify-content, align-items, wrap)
Flex, grow, shrink, basis
Flexbox order
gap et calc() largeur col
CSS responsive
CSS responsive
Le responsive: medias queries et breakpoints
Media queries avancées
Breakpoints arbitraires
Composant adaptatifs
Container queries (RÉSUMÉ)
Projet 1 (mi-session)
Projet final - Solarix
Cours 1
Cours 2
Cours 3
Cours 4
Cours 5
Cours 6
Cours 7
Cours 8
Cours 9
Cours 10
Cours 11
Cours 12
Cours 13
Cours 14 (final)
Design graphique
Design graphique
Cours 1
Cours 2
Cours 3
Cours 4
Cours 5
Cours 6
Cours 7
Cours 8
Cours 9
Cours 10
Cours 11
Cours 12
Cours 13
Cours 14
Cours 15
Animation 2D
Animation 2D
Cours 1
Cours 1
Les animations
After Effects
Cours 2
Cours 3
Cours 4
Cours 5
Cours 6
Cours 7
Cours 8
Cours 9
Cours 10
Cours 11
Cours 12
Cours 13
Cours 14
Cours 15
TP2
Travail synthèse
Web 3
Web 3
Cours 1
Cours 2
Cours 3
Cours 4
Cours 5
Cours 6
Cours 7
Cours 8
Cours 9
Cours 10
Cours 11
Cours 12
Cours 13
Cours 14
Cours 15
Web 3 (a2024)
Web 3 (a2024)
Cours 1
Cours 2
Cours 3
Cours 4
Cours 5
Cours 6
Cours 7
Cours 8
Cours 9
Cours 10
Cours 11
Cours 12
Cours 13
Cours 14
Cours 15
Web 3 (a2025)
Web 3 (a2025)
Cours 1
Cours 2
Cours 3
Cours 4
Cours 5
Cours 6
Cours 7
Cours 8
Cours 9
Cours 10
Cours 11
Cours 12
Cours 13
Cours 14
Cours 15
Interactivité ludique
Interactivité ludique
Cours 1
Cours 2
Cours 3
Cours 4
Cours 5
Cours 6
Cours 7
Cours 8
Cours 9
Cours 10
Cours 11
Cours 12
Cours 13
Cours 14
Cours 15
Assets
Video 1
Video 1
Références
Capsules Da Vinci / La base
Capsules Da Vinci / La colo
Projet 1
Cours 1
Cours 2
Cours 3
Cours 4
Cours 5
Cours 6
Cours 7
Cours 8
Cours 9
Cours 10
Cours 11
Cours 12
Cours 13
Cours 14
Cours 15
Video 2
Video 2
Références
Capsules Da Vinci / La base
Capsules Da Vinci / La colo
AI
Prompt
Midjourney
Midjourney code
Runway
Projet 1
Projet 2
Cours 1
Cours 2
Cours 3
Cours 4
Cours 5
Cours 6
Cours 7
Cours 8
Cours 9
Cours 10
Cours 11
Cours 12
Cours 13
Cours 14
Réalité mixte
Réalité mixte
Cours 1
Cours 2
Cours 3
Cours 4
Cours 5
Cours 6
Cours 7
Cours 8
Cours 9
Cours 10
Cours 11
Cours 12
Cours 13
Cours 14
Cours 15
Ressources
Web 4
Web 4
Cours 1
Cours 2
Cours 3
Cours 4
Cours 5
Cours 6
Cours 7
Cours 8
Cours 9
Cours 10
Cours 11
Cours 12
Cours 13
Cours 14
Cours 15
Web 5
Web 5
Projets
Projets
Récit défilant
Récit défilant
Cahier de charges
Exemples et inspirations
Data visualisation
Portfolio
Portfolio
Portfolio consignes complètes
Arborescence du dépôt git
Gestions des données de projets
Gestions des données de projets
Afficher les projets
Source JSON local
Source GoogleSheets+Opensheet
Source Airtable
Déployer sur GitHub Pages
Remise bêta, liste de vérification
Consignes QA du portfolio
Présentation finale devant le jury
Remise FINALE, liste de vérification
Contrôle de la qualité
Contrôle de la qualité
Les notions QA
Accessibilité
Optimisaiton des médias
I.A.
I.A.
Le travail assisté par IA
Citer IA: journal.md
Paramétrage GitHub Copilot
CSS
CSS
Général
Général
Résumé CSS vu en Web 1
Spécificité CSS
Transitions CSS
Animations CSS
Animation au scroll CSS
Unités vw, vh, calc, clamp
Variab., unités, fonctions
CSS Flexbox
CSS Flexbox
Flexbox (direction, justify-content, align-items, wrap)
Flex, grow, shrink, basis
Flexbox order
gap et calc() largeur col
CSS Grid
CSS Grid
Intro Grid
Conteneur template
Espacement
Unités
Placement col row
Placement area
Nommer espaces areas
CSS responsive
CSS responsive
Le responsive: medias queries et breakpoints
Media queries avancées
Recap JavaScript
Cours 8.1
Cours 7.2
Cours 7.1
Cours 6.2
Cours 6.1
Cours 5.2
Cours 5.1
Cours 4.2
Cours 4.1
Cours 3.2
Cours 3.1
Cours 2.1
Cours 1.2
Cours 1.1
Contrôle de la qualité
Contrôle de la qualité
Cours 1
Cours 2
4 septembre
Cours 3
Cours 3 Charlène
Cours 4
Cours 5
Cours 6
Cours 7
Cours 8
Cours 9
Cours 10
Cours 11
13 novembre
Cours 12
Cours 13
Cours 14
Cours 15
Préparation au milieu de travail
Préparation au milieu de travail
Cours 1
Cours 2
7 septembre
Cours 3
Cours 4
Cours 5
Cours 6
5 octobre
Cours 7
12 octobre
Cours 8 - 14 octobre
Cours 9 - 14 octobre
Cours 10
Cours 11
Cours 12
Cours 13 - 9 novembre
Cours 14
17 novembre
Cours 15
26 et 30 novembre
3 et 7 décembre
Portfolio
Demo reel
Curriculum vitae
Lettre de présentation
Journée carrière
edm3840
edm3840
Références
Projet 1
Projet 2
Prompt
Kling
Midjourney
Midjourney code
Runway
Da Vinci / La base
Da Vinci / La colorisation
Cours 2
Cours 3
Cours 4
Cours 5
Cours 6
Cours 7
Cours 8
Cours 9
Cours 10
Cours 11
Cours 12
Cours 13
Cours 14
Cours 15
Création assistée par IA
Création assistée par IA
Création d'images IA
Création d'images IA
Création assistée par intelligence artificielle
Guide maître du prompt image
Midjourney
Nanobanana
Création de vidéos IA
Création de vidéos IA
Création assistée par intelligence artificielle
Guide maître du prompt vidéo
Kling
Cours 8 | GSAP - les bases
¶
Retour en haut de la page