🔥 Sitio Web con HTML y CSS de Halo usando Flex, dark mode y responsive design
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
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