Aller au contenu

Notes de cours

Cours 9

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
- CSS par composants
  CSS par composants
- CSS Flexbox
  CSS Flexbox
- CSS responsive
  CSS responsive
- 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é
- I.A.
  I.A.
- 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
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 de vidéos IA
  Création de vidéos IA

Cours 9 | GSAP - ScrollTrigger & sprites¶

Techniques d’intégration multimédia | Collège Montmorency