"Si un ouvrier veut bien faire son travail, il doit d'abord affûter ses outils." - Confucius, "Les Entretiens de Confucius. Lu Linggong"
Page de garde > La programmation > Défi HTML et CSS gratuit d'Alura : créer une réplique Netflix

Défi HTML et CSS gratuit d'Alura : créer une réplique Netflix

Publié le 2024-11-08
Parcourir:484

Les 7 jours de code HTML et CSS sont une opportunité en ligne gratuite offerte par Alura pour vous permettre de pratiquer l'essence du Front-end.

Pendant 7 jours, vous serez mis au défi de reproduire la mise en page de la page des films et séries Netflix, en appliquant tout, depuis les concepts de base tels que « div », « section », en ligne pour les images et les mesures en CSS, jusqu'à des techniques plus avancées. tels que Flexbox et Grid.

Ce projet est conçu pour vous aider à définir la syntaxe de chaque balise et à comprendre ses fonctions, vous permettant ainsi de vous concentrer sur la résolution de problèmes.

Au final, vous disposerez d'un portefeuille plus robuste et d'un GitHub mis à jour, montrant votre évolution. Avec 7 défis en 7 jours, c'est l'occasion idéale de mettre en pratique vos études et d'améliorer vos compétences en développement Front-end.

7 jours de code HTML et CSS

Les « 7 jours de code » HTML et CSS sont une opportunité en ligne gratuite offerte par Alura pour ceux qui souhaitent approfondir leurs compétences en développement front-end.

Desafio De HTML E CSS Gratuito Da Alura: Desenvolva Uma Réplica Da Netflix
Image de la page de l'événement

Pendant 7 jours, vous serez mis au défi de reproduire la mise en page de la page des films et séries Netflix, en appliquant tout, des concepts de base aux techniques plus avancées, essentielles pour tout développeur.

Appliquer les concepts essentiels

Dans ce défi, vous utiliserez des concepts de base tels que « div », « section », en ligne pour les images et les mesures en CSS.

Des techniques plus avancées telles que Flexbox et Grid seront appliquées pour garantir que vous maîtrisez les outils nécessaires pour créer des mises en page réactives et fonctionnelles.

Ce projet est conçu pour vous aider à définir la syntaxe de chaque balise et à comprendre leurs fonctions, vous permettant ainsi de vous concentrer sur la résolution de problèmes plus complexes.

Développez votre portfolio et GitHub

Au terme des 7 jours de pratique intense, vous aurez non seulement consolidé vos connaissances en HTML et CSS, mais également enrichi votre portfolio et mis à jour votre GitHub avec un projet réel et stimulant.

C'est l'occasion idéale de mettre en pratique vos études et de mettre en valeur vos compétences sur le marché du travail.

Contenu travaillé dans le cadre du défi

  • Jour 1 : Le premier jour, on vous présentera la mise en page d'une page dans Figma, vous l'analyserez et l'utiliserez pour créer la bannière de surbrillance de la page Netflix, en plus d'organiser la structure de base de votre projet. . Vous jouerez avec le positionnement des images, des boutons et plus encore.
  • Jour 2 : Ici, vous développerez le menu de navigation, également connu sous le nom de Navbar. Dans cette section, vous aurez le logo du menu de la page et les boutons de recherche, de notification et d'utilisateur. La connaissance de Flexbox vous rendra la vie beaucoup plus facile !
  • Jour 3 : Ce sera probablement le défi le plus important, car vous commencerez à travailler avec des pistes de films et de séries. Vous allez créer le rail « Ma liste », qui contient les films enregistrés par un utilisateur pour les regarder plus tard. Vous pourrez utiliser vos connaissances Grid.
  • Jour 4 : Ce jour-là, vous implémenterez le sentier « Élevé », mais en appliquant l'animation de survol lorsque l'utilisateur passe la souris sur l'image d'un élément.
  • Jour 5 : Ici, vous continuerez à jouer avec les pistes et les animations. Vous créerez un effet de slide, comme si vous aviez un carrousel de films/séries qui tourne lorsque vous cliquez sur les flèches de navigation.
  • Jour 6 : Presque à la fin, vous développerez le pied de page, également appelé pied de page, et vous aurez la chance d'utiliser les connaissances acquises au cours des derniers jours pour lui donner un aspect très charmant.
  • Jour 7 : Le septième et dernier jour du défi, vous publierez votre page gratuitement sur Internet, afin que d'autres personnes puissent y accéder et qu'elle puisse vous servir de portfolio. Vous clôturerez en beauté !

Qui vous défiera ?

Fernanda Degolin, Développeuse Front-end qui travaille actuellement dans l'équipe technologique de Globoplay, sera le mentor de ce défi.

Fernanda croit que l'art et la technologie ont le pouvoir de transformer le monde et est prête à vous guider dans l'apprentissage et le développement.

        Você pode gostar




                                Desafio De HTML E CSS Netflix

                        Desafio De HTML E CSS Gratuito Da Alura: Desenvolva Uma Réplica Da Netflix 





                                Evento AWS Rumos

                        Evento Sobre AWS Gratuito Da Rumos: Boas Práticas De Segurança Na Cloud 





                                Bootcamp Java

                        Bootcamp De Java Com Spring Boot Gratuito Da DIO   Claro 





                                Lógica de Programação e Carreiras

                        Cursos De Lógica De Programação E Carreiras Em Tecnologia Gratuitos Da Estácio 

HTML ET CSS

HTML (HyperText Markup Language) et CSS (Cascading Style Sheets) sont les fondements du développement Web.

Alors que HTML est responsable de la structure et du contenu d'une page, CSS définit son apparence visuelle, y compris la mise en page, les couleurs, les polices et d'autres aspects de conception.

Ensemble, ils permettent la création de pages Web riches et interactives accessibles depuis n'importe quel navigateur.

L'importance du HTML

HTML est le langage de balisage utilisé pour structurer le contenu d'une page Web. Il utilise une série de balises pour définir des éléments tels que des titres, des paragraphes, des images, des liens et plus encore.

Sans HTML, il ne serait pas possible d'organiser et d'afficher le contenu de manière logique et compréhensible sur une page Web.

Il permet également l'inclusion de métadonnées et l'optimisation pour les moteurs de recherche, améliorant ainsi la visibilité et les performances d'un site Web.

Comment CSS transforme les pages Web

Alors que HTML organise le contenu, CSS s'occupe de la présentation. Avec CSS, vous pouvez définir des styles appliqués de manière cohérente sur l'ensemble de votre page ou de votre site, garantissant ainsi une expérience visuelle cohérente et attrayante.

CSS vous permet de créer des mises en page réactives, qui s'adaptent à différentes tailles d'écran, rendant le site Web accessible sur les appareils mobiles et les ordinateurs de bureau.

Des techniques telles que Flexbox et Grid ont révolutionné la conception Web, offrant un meilleur contrôle sur le positionnement et l'alignement des éléments.

L'intégration de HTML et CSS

La véritable magie du développement Web se produit lorsque HTML et CSS sont utilisés ensemble.

En combinant la structuration du contenu du HTML avec les styles visuels du CSS, il est possible de créer des sites Web à la fois fonctionnels et esthétiques.

Cette intégration permet aux concepteurs et aux développeurs de travailler ensemble pour créer des expériences utilisateur attrayantes, garantissant que le contenu est accessible et attrayant pour tous les visiteurs.

Alura

Alura est une plateforme d'enseignement en ligne née dans le but de démocratiser l'accès à un enseignement technologique de haute qualité.

Fondée au Brésil, Alura se distingue en proposant un large éventail de cours axés sur des domaines tels que la programmation, la conception, le marketing numérique, les données et bien plus encore.

Diversité des cours et des méthodologies d'enseignement

Alura propose une diversité impressionnante de cours, allant des introductions de base à la programmation à une formation avancée en science des données, développement Web, mobile et autres domaines populaires sur le marché.

La plateforme adopte une approche pratique, avec des projets réels qui permettent aux étudiants de mettre en pratique immédiatement ce qu'ils apprennent.

Reconnaissance communautaire et professionnelle

L'une des plus grandes différences d'Alura est la communauté active d'étudiants et de professionnels qui participent activement aux forums, événements et groupes d'étude.

Cette communauté permet de précieux échanges de connaissances et de réseautage, ce qui enrichit encore l'expérience d'apprentissage.

Lien d'inscription ⬇️

L'inscription aux 7 Jours de Code HTML et CSS doit se faire sur le site d'Alura.

Partagez et mettez la théorie en pratique !

Avez-vous aimé le contenu du défi HTML et CSS ? Alors partagez-le avec tout le monde !

L'article Défi HTML et CSS gratuit d'Alura : Développer une réplique Netflix apparaît en premier sur Guide informatique.

Déclaration de sortie Cet article est reproduit sur : https://dev.to/guiadeti/desafio-de-html-e-css-gratuito-da-alura-desenvolva-uma-replica-da-netflix-3fgm?1 En cas de contrefaçon , veuillez contacter study_golang @163.comdelete
Dernier tutoriel Plus>

Clause de non-responsabilité: Toutes les ressources fournies proviennent en partie d'Internet. En cas de violation de vos droits d'auteur ou d'autres droits et intérêts, veuillez expliquer les raisons détaillées et fournir une preuve du droit d'auteur ou des droits et intérêts, puis l'envoyer à l'adresse e-mail : [email protected]. Nous nous en occuperons pour vous dans les plus brefs délais.

Copyright© 2022 湘ICP备2022001581号-3