Créer une App Web de films (HTML, CSS, JavaScript, Fetch API) - Tuto Complet 2024

Plonge dans la création d'une appli ciné simple en utilisant #HTML, #CSS et #JS ! Apprends comment fetcher des données depuis une API et affiche-les élégamment. Lance-toi et construis ton appli ciné avec moi aujourd'hui. #webdevelopment #API

🔗 Liens sources / références :

Dans ce tuto, tu vas apprendre à :

- Fetcher et afficher des données depuis une API externe
- Manipuler le DOM avec JavaScript pour afficher les films
- Utiliser les variables CSS pour un design cohérent
- Structurer ton code JavaScript pour une meilleure lisibilité
- Créer une interface utilisateur réactive avec des techniques CSS modernes."

🌐Suis Prakticode sur les réseaux sociaux :

----------------TIMESTAMPS----------------

00:00:00 Intro & Résultat
00:01:10 Outils requis
00:01:33 Setup
00:06:10 HTML + CSS de base
00:16:27 JavaScript
00:29:45 CSS Films App
00:37:58 BONUS + Outro

[campbellmiha]

l'apprentissage par projet vous êtes le meilleur

[worlz_]

Super vidéo, tu t'exprimes clairement ce qui rend la compréhension bien meilleure, juste petite question à quoi ça sert de mettre notre key dans un autre fichier js au lieu de la mettre direct dans l'index.js

[liamgerstein]

Merci pour ton tuto, tu prends vraiment le temps de bien expliquer c'est facile a suivre. Je me pose une question, comment on peut mieux gérer le HTML de la réponse de sorte a avoir un fichier HTML dédié pour ca ? si la réponse de l'api est True est-ce que ca se fait de faire un fetch d'un block HTML, le parser pour avoir son DOM, et ensuite remplir les champs avec les données de l'API?

[Aylanzm]

Salut, bonne vidéo petite question est-ce que un jour tu va faire un tuto pour faire un menu pour s’enregistrer et s’identifier en html css js ?

[nb]

C'est vraiment une bonne video seulement j'aimerais savoir si on parlais bien d'une application mobile ?

[crepinoscript]

les informations sur le film sont en anglais y a pas un moyen pour changer ça pour que ce soit en français ?

[simowana]

Une vidéo référence ! cependant pour les commentaires en français dans JS peuvent produire des erreurs, non ?! je pense qu'il les mes mettre en anglais ! Merci !

[MoussaSeck-wuyl]

Merci beaucoup c'est vraiment gentil mais l'application elle est pas fini elle n'est pas responsive elle n'est pas fonctionnelle non plus ce serait bien que tu le fasses un autre vidéo pour la finir merci vraiment