Sitio web ficticio sobre una plataforma de streaming de películas, series, anime y más. Desarrollado grupalmente en base a los contenidos de desarrollo y programación frontend vistos en clase.
- Conceptos básicos sobre desarrollo web.
- Conceptos cliente/servidor.
- Maquetación HTML. Etiquetas semánticas fundamentales y de uso secundario.
- Enlaces, rutas absolutas o relativas, routing.
- Multimedia en HTML.
- Trabajar con formularios y su validación.
- Cómo pensar y estructurar un proyecto.
- Estilización con CSS.
- Colores, fondos, tipografía, íconos, unidades de medida, etc.
- Modelo de caja. Posicionamiento y visualización.
- Animaciones, transiciones, transformaciones en elementos.
- Diseño web 'responsivo' y adaptable a diferentes dispositivos.
- Flexbox.
- Combinación de flex y grid.
- Bootstrap y frameworks varios de CSS.
- Componentes, themes y funcionalidades.
- Librerías varias en CSS.
- Implementación de Git, y comandos de Bash.
- Habilidades blandas para trabajo en equipo y eficientización del proyecto.
- Conceptos generales de JavaScript.
- Variables, operaciones aritméticas y estructuras de datos.
- Control de flujos, ciclos y operadores lógicos.
- Funciones & programación modular.
- Callbacks & closures.
- Clases, objetos y métodos.
- Programación Orientada a Objetos.
- Arrays, métodos, bucles y funciones.
- JSON.
- DOM de JavaScript y su manipulación.
- Definiciones y alcance.
- Eventos y agregado de funcionalidades modernas.
- Experimentación con librerías varias.
- Introducción a marcos de trabajo en el lenguaje.
- Promesas, asincronismo y consumo de APIs.
-
- Título y logo
- Reloj mediante el consumo de la World Time API.
- Barra de busqueda inactiva.
- Botones de inicio de sesión y registro.
- Botón de descarga para App móvil.
-
- Banner de introducción.
- Sección interactiva de Rick & Morty mediante su API.
- Slider de imágenes en alta calidad.
- Galería de mosáicos de portadas.
- Carrusel de portadas de próximos estrenos.
-
- Botones de registro, preguntas frecuentes y sección de términos y condiciones.
- Datos de la empresa.
- Íconos con enlaces a redes sociales.
- Firma de los desarrolladores
- Sello de la reserva de derechos del sitio.
- Formulario de registro.
- Validación mediante JavaScript.
- Formulario de inicio de sesión.
- Validación mediante JavaScript
- Página de 'terminos y condiciones'.
- Página de 'preguntas frecuentes'.