Interfaçage de The Movie Database : Affichage et Mise en Forme
Objectifs
L'objectif de cette vidéo est de montrer comment utiliser les données de The Movie Database pour créer une page web dynamique, et comment personnaliser l'affichage avec CSS.
Résumé
Dans cette leçon, nous allons apprendre à afficher et à mettre en forme les données retournées par The Movie Database dans le DOM.
Description
Cette vidéo est la deuxième partie de notre série sur l'interfaçage de The Movie Database. Nous nous concentrerons sur l'affichage des données renvoyées par la base de données, en mettant en valeur les propriétés telles que Backdrop Path, Original Title, Overview, Release Date et Vote Average.
Dans un premier temps, nous apprendrons à insérer des éléments dans le DOM, notamment en utilisant des balises HTML telles que section, div et img. Ensuite, nous appliquerons la directive Each pour parcourir les films et les afficher dynamiquement.
La deuxième partie de la vidéo sera dédiée à la mise en page via CSS. Nous créerons une feuille de style interne pour personnaliser l'affichage des films : un background gris avec des bords arrondis, une ombre autour des images et une typographie spécifique pour les titres, dates de sortie et notes.
Questions - réponses
Programme détaillé
Module 1 - Introduction et premiers pas
Module 2 - La syntaxe de base de Svelte
Module 3 - Conditions, boucles et gestion événementielle
Module 4 - Les composants
Module 5 - Slots et Lifecycle hooks
Module 6 - Gestion des formulaires
Module 7 - Les stores de Svelte
Module 8 - Animations et transitions
Module 9 - Une application SPA avec Svelte
Module 10 - SvelteKit
Facebook
Twitter
Linkedin
Email
