Aller au contenu
Notes de cours
Cours 12
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 et storyboard
Exemples et inspirations
Data visualisation
Git en équipe
Arborescence des fichiers
Du JSON aux chapitres
Exemple: chapitre avec ++ médias en timeline
Le composant Vue
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
Les branches Git
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
Animation parallaxe
Animation spritesheet
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
JavaScript
JavaScript
Recap JavaScript
API, JSON et fetch
Trouver donnée dans un JSON
IntersectionObserver
GSAP (librairie JavaScript)
GSAP (librairie JavaScript)
Tweens et timelines
ScrollTrigger
Extensions
Extensions
TextPlugin : machine à écrire
SplitText : lettres, mots, lignes
ScrambleText : décodage
MotionPath : suivre un tracé
DrawSVG : dessiner un trait
MorphSVG : changer de forme
Flip : changer de mise en page
ScrollTo : défiler vers
Vue.js
Vue.js
Création d'une app
Interpolation
Méthodes et événements
Classe dynamique
Boucle v-for
Exercices
Exercices
Spritesheet: monstre qui marche
Animer au défilement
La parallaxe en calques
GSAP Zombi
GSAP Magie
GSAP Magie au défilement
Vue: Tableau NBA
Vue: Collection de films
Vue: Cheese Kanye says
Cours 11.1
Cours 10.2
Cours 10.1
Cours 9.2
Cours 9.1
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 12 | Médias par programmation, 3D et sauvegarde côté client
¶
Retour en haut de la page