"Si un trabajador quiere hacer bien su trabajo, primero debe afilar sus herramientas." - Confucio, "Las Analectas de Confucio. Lu Linggong"
Página delantera > Programación > El desafío HTML y CSS gratuito de Alura: crear una réplica de Netflix

El desafío HTML y CSS gratuito de Alura: crear una réplica de Netflix

Publicado el 2024-11-08
Navegar:287

Los 7 días de código HTML y CSS es una oportunidad en línea gratuita que ofrece Alura para que practiques la esencia del Front-end.

Durante 7 días, tendrás el desafío de replicar el diseño de la página de películas y series de Netflix, aplicando todo, desde conceptos básicos como 'div', 'sección', inline para imágenes y medidas en CSS, hasta técnicas más avanzadas. como Flexbox y Grid.

Este proyecto está diseñado para ayudarte a definir la sintaxis de cada etiqueta y comprender sus funciones, lo que te permitirá concentrarte en la resolución de problemas.

Al final, tendrás un portafolio más sólido y un GitHub actualizado, mostrando tu evolución. Con 7 desafíos en 7 días, es la oportunidad perfecta para poner en práctica tus estudios y mejorar tus habilidades de desarrollo Front-end.

7 días de código HTML y CSS

Los “7 días de código” de HTML y CSS es una oportunidad en línea gratuita que ofrece Alura para aquellos que desean profundizar sus habilidades en el desarrollo front-end.

Desafio De HTML E CSS Gratuito Da Alura: Desenvolva Uma Réplica Da Netflix
Imagen de la página del evento

Durante 7 días, tendrás el desafío de replicar el diseño de la página de películas y series de Netflix, aplicando desde conceptos básicos hasta técnicas más avanzadas, esenciales para cualquier desarrollador.

Aplicar conceptos esenciales

En este desafío, utilizarás conceptos básicos como 'div', 'sección', en línea para imágenes y medidas en CSS.

Se aplicarán técnicas más avanzadas como Flexbox y Grid para garantizar que domines las herramientas necesarias para crear diseños responsivos y funcionales.

Este proyecto está diseñado para ayudarte a definir la sintaxis de cada etiqueta y comprender sus funciones, lo que te permitirá concentrarte en resolver problemas más complejos.

Desarrolle su cartera y GitHub

Al final de los 7 días de práctica intensa, no solo habrás consolidado tus conocimientos en HTML y CSS, sino que también habrás enriquecido tu portafolio y actualizado tu GitHub con un proyecto real y desafiante.

Esta es la oportunidad perfecta para poner en práctica tus estudios y resaltar tus habilidades en el mercado laboral.

Contenido trabajado en el Reto

  • Día 1: El primer día, se te presentará el diseño de una página en Figma, analízalo y úsalo para crear el banner destacado de la página de Netflix, además de organizar la estructura básica de tu proyecto. . Jugarás con la posición de imágenes, botones y más.
  • Día 2: Aquí desarrollarás el menú de navegación, también conocido como Navbar. En esta sección tendrás el logo del menú de la página y los botones de búsqueda, notificación y usuario. ¡El conocimiento de Flexbox te hará la vida mucho más fácil!
  • Día 3: Este será probablemente el desafío más importante, ya que comenzarás a trabajar con pistas de películas y series. Creará el carril "Mi lista", que contiene las películas guardadas por un usuario para verlas más tarde. Podrás utilizar tus conocimientos de Grid.
  • Día 4: En este día implementarás el rastro 'Alto', pero aplicando la animación de desplazamiento cuando el usuario pasa el mouse sobre la imagen de un elemento.
  • Día 5: Aquí seguirás jugando con pistas y animaciones. Crearás un efecto de diapositiva, como si tuvieras un carrusel de películas/series que gira al hacer clic en las flechas de navegación.
  • Día 6: Casi al final, desarrollarás el pie de página, también conocido como pie de página, y tendrás la oportunidad de utilizar los conocimientos adquiridos en los últimos días para que luzca muy encantador.
  • Día 7: En el séptimo y último día del desafío, publicarás tu página de forma gratuita en Internet, para que otras personas puedan acceder a ella y te pueda servir como portafolio. ¡Cerrarás con broche de oro!

¿Quién te desafiará?

Fernanda Degolin, desarrolladora Front-end que actualmente trabaja en el equipo de tecnología de Globoplay, será la mentora de este desafío.

Fernanda cree que el arte y la tecnología tienen el poder de transformar el mundo, y está lista para guiarte en el aprendizaje y el desarrollo.

        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 Y CSS

HTML (Lenguaje de marcado de hipertexto) y CSS (Hojas de estilo en cascada) son las bases del desarrollo web.

Si bien HTML es responsable de la estructura y el contenido de una página, CSS define su apariencia visual, incluido el diseño, los colores, las fuentes y otros aspectos del diseño.

Juntos, permiten la creación de páginas web ricas e interactivas a las que se puede acceder desde cualquier navegador.

La importancia del HTML

HTML es el lenguaje de marcado utilizado para estructurar el contenido de una página web. Utiliza una serie de etiquetas para definir elementos como títulos, párrafos, imágenes, enlaces y más.

Sin HTML, no sería posible organizar y mostrar contenido de forma lógica y comprensible en una página web.

También permite la inclusión de metadatos y optimización para motores de búsqueda, mejorando la visibilidad y el rendimiento de un sitio web.

Cómo CSS transforma las páginas web

Mientras HTML organiza el contenido, CSS se encarga de la presentación. Con CSS, puede definir estilos que se aplican de manera consistente en toda su página o sitio, asegurando una experiencia visual coherente y atractiva.

CSS le permite crear diseños responsivos, que se adaptan a diferentes tamaños de pantalla, haciendo que el sitio web sea accesible en dispositivos móviles y computadoras de escritorio.

Técnicas como Flexbox y Grid han revolucionado el diseño web, ofreciendo un mayor control sobre el posicionamiento y alineación de los elementos.

La integración de HTML y CSS

La verdadera magia del desarrollo web ocurre cuando HTML y CSS se usan juntos.

Al combinar la estructuración del contenido de HTML con los estilos visuales de CSS, es posible crear sitios web que sean funcionales y estéticamente agradables.

Esta integración permite a los diseñadores y desarrolladores trabajar juntos para crear experiencias de usuario atractivas, garantizando que el contenido sea accesible y atractivo para todos los visitantes.

alura

Alura es una plataforma de enseñanza online que surge con el objetivo de democratizar el acceso a una educación tecnológica de alta calidad.

Fundada en Brasil, Alura se ha destacado por ofrecer una amplia gama de cursos enfocados en áreas como programación, diseño, marketing digital, datos y mucho más.

Diversidad de Cursos y Metodología de Enseñanza

Alura ofrece una impresionante diversidad de cursos, que van desde introducciones básicas a la programación hasta capacitación avanzada en ciencia de datos, desarrollo web, dispositivos móviles y otros campos populares en el mercado.

La plataforma adopta un enfoque práctico, con proyectos reales que permiten a los estudiantes aplicar lo aprendido de inmediato.

Reconocimiento comunitario y profesional

Una de las mayores diferencias de Alura es la comunidad activa de estudiantes y profesionales que participan activamente en foros, eventos y grupos de estudio.

Esta comunidad permite valiosos intercambios de conocimientos y networking, lo que enriquece aún más la experiencia de aprendizaje.

Enlace de registro ⬇️

El registro para los 7 Días de Código de HTML y CSS debe realizarse en el sitio web de Alura.

¡Comparte y oportunidad de poner la teoría en práctica!

¿Te gustó el contenido sobre el desafío HTML y CSS? ¡Compártelo con todos!

La publicación Desafío HTML y CSS gratuito de Alura: desarrollar una réplica de Netflix apareció por primera vez en IT Guide.

Declaración de liberación Este artículo se reproduce en: https://dev.to/guiadeti/desafio-de-html-e-css-gratuito-da-alura-desenvolva-uma-replica-da-netflix-3fgm?1 Si existe alguna infracción , comuníquese con Study_golang @ 163.com eliminar
Último tutorial Más>

Descargo de responsabilidad: Todos los recursos proporcionados provienen en parte de Internet. Si existe alguna infracción de sus derechos de autor u otros derechos e intereses, explique los motivos detallados y proporcione pruebas de los derechos de autor o derechos e intereses y luego envíelos al correo electrónico: [email protected]. Lo manejaremos por usted lo antes posible.

Copyright© 2022 湘ICP备2022001581号-3