https://github.com/martinxcvi/peliculascac
Proyecto frontend de un sitio de películas, anime y cartoons para el curso 'Full Stack Java' del Programa Codo a Codo edición 2024.
https://github.com/martinxcvi/peliculascac
api bootcamp cartoons codoacodo frontend javascript team web-development website
Last synced: 2 months ago
JSON representation
Proyecto frontend de un sitio de películas, anime y cartoons para el curso 'Full Stack Java' del Programa Codo a Codo edición 2024.
- Host: GitHub
- URL: https://github.com/martinxcvi/peliculascac
- Owner: MartinXCVI
- Created: 2024-04-20T19:31:48.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-06-01T23:18:10.000Z (12 months ago)
- Last Synced: 2025-01-24T07:13:07.039Z (4 months ago)
- Topics: api, bootcamp, cartoons, codoacodo, frontend, javascript, team, web-development, website
- Language: HTML
- Homepage: https://martinxcvi.github.io/PeliculasCAC/
- Size: 10.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.MD
Awesome Lists containing this project
README
# PelículasCAC - Programa 'Codo a Codo' Edición 2024 - Curso 'Full Stack Java', Comisión 24109.
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.
## Pre-Entrega Frontend. (26/04/2024)
### Contenidos:
- 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.## Entrega Final Frontend. (31/04/2024)
### Contenidos:
- 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.## Estructura Del Proyecto
##### Página 'Home' de bienvenida.
- ###### Encabezado:
- Título y logo
- Reloj mediante el consumo de la **[World Time API](https://worldtimeapi.org/)**.
- Barra de busqueda inactiva.
- Botones de inicio de sesión y registro.
- Botón de descarga para App móvil.
- ###### Main:
- Banner de introducción.
- Sección interactiva de **[Rick & Morty mediante su API](https://rickandmortyapi.com/)**.
- Slider de imágenes en alta calidad.
- Galería de mosáicos de portadas.
- Carrusel de portadas de próximos estrenos.
- ###### Footer:
- 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.##### Página de Registro
- Formulario de registro.
- Validación mediante JavaScript.##### Página de Inicio de Sesión
- Formulario de inicio de sesión.
- Validación mediante JavaScript##### Páginas adicionales de relleno:
- Página de 'terminos y condiciones'.
- Página de 'preguntas frecuentes'.### Desarrolladores
- **[Pamela Olave](https://github.com/Akhemy)**
- **[Andrés Navas](https://github.com/k3mpachi)**
- **[Cecilia Ochoa](https://github.com/cecilia240)**
- **[Martín Aguirre](https://github.com/MartinXCVI/)**