🔥 Sitio Web con HTML y CSS de Halo usando Flex, dark mode y responsive design

Lección 10 de 1471%

Ya has superado la mitad. Estás muy cerca de completar el curso.

Sobre esta lección

Crea este sitio web completo con temática de Halo Infinite para tu portafolio web. Solo vamos a usar HTML y CSS y vamos a hacer el sitio responsive y que cambie entre light mode y dark mode. #diseñoweb #halo #sitioWebCompleto #cursoGratis 👍 Apóyame con un like para llegar a más developers 😊 ✅ Te invito a suscribirte al canal 👉 http://bit.ly/Youtube-VidaMRR 🔔 Activa la campanita para notificarte del siguiente video Descarga los archivos del tutorial: ➡️ Proyecto completo: https://github.com/marcosrivasr/demo-sitio-halo ➡️ Imágenes: https://github.com/marcosrivasr/demo-sitio-halo/tree/main/src/img Secciones 00:00:00 1. Introducción 00:04:33 2. Menu móvil: HTML 00:12:10 3. Menú de escritorio: HTML 00:16:51 4. Menú de escritorio: CSS 00:24:19 5. Menú móvil: CSS 00:34:01 6. Menú móvil y escritorio: Javascript 00:37:45 7. CSS del header 00:43:14 8. Estructura HTML del banner 00:45:17 9. CSS del banner 00:47:00 10. CSS de botones y links 00:51:03 11. Responsive de banner 00:58:09 12. Estructura HTML de videos 01:02:25 13. CSS de videos 01:11:48 14. Javascript para slider de videos 01:25:15 15. CSS slider de videos 01:35:21 16. Responsive de slider de videos 01:39:13 17. Estructura HTML de multi-player 01:40:31 18. CSS de multi-player 01:43:44 19. Responsive de multi-player 01:49:53 20. Estructura HTML para tienda 02:01:06 21. CSS para tienda 02:04:57 22. CSS para footer 02:08:56 23. Configurar modo claro 02:22:05 24. Empaquetar sitio web con Vite 02:30:04 25. Crear repositorio en Github 02:33:35 26. Publicar sitio web en Vercel ✅ Sígueme en las redes sociales: Discord https://discord.gg/jrF6fv4j2p Facebook https://www.facebook.com/vidamrr/ Twitter https://twitter.com/vidamrr Instagram https://www.instagram.com/vidamrr/

Sobre este curso

Lección 10 de 14Nivel: principianteDuración total: 48h 41m

Lo que aprenderás en este curso:

  • Dominar los fundamentos del desarrollo web moderno
  • Crear páginas web responsivas y accesibles
  • Implementar interactividad con JavaScript en el navegador
  • Conectar aplicaciones web con servidores y APIs