https://github.com/eugenia1984/frontend-syloper

Toda la teoria vista en el curso de FrontEnd con Syloper
https://github.com/eugenia1984/frontend-syloper

frontend react

Last synced: 13 days ago
JSON representation

Toda la teoria vista en el curso de FrontEnd con Syloper

• Host: GitHub
• URL: https://github.com/eugenia1984/frontend-syloper
• Owner: eugenia1984
• Created: 2023-04-17T17:39:53.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-10-24T13:38:56.000Z (about 1 year ago)
• Last Synced: 2024-11-10T15:45:55.050Z (2 months ago)
• Topics: frontend, react
• Homepage:
• Size: 646 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
#  FRONT END SYLOPER

Curso de FrontEnd con  

---

- Son **8 módulos**, dentro de la carpeta [**teoria**](https://github.com/eugenia1984/frontend-syloper/tree/main/teoria) está toda la teoría vista en cada uno de los mismos.

- **CLASE DE CONSULTA**: A partir del 24 de abril y cada 15 días, habrá una clase de consulta en la que se responderán preguntas acerca del módulo correspondiente a la clase. Será lunes a las 16 hs y tendrá una duración de 45 minutos. En la clase se tomará asistencia. Esta dentro de la carpeta [**Clases**](https://github.com/eugenia1984/frontend-syloper/tree/main/clases).

Los ejercicios subidos en cada módulo son opcionales, sirven como práctica pero no serán tenidos en cuenta para la corrección final

- Tenemos todo subido a un **classroom**.

- Hay un **Trabajo práctico final**, es en equipos de 2 personas. La consigna es:

---

###   DESARROLLO

-Crear el frontend para un sitio que consuma una API pública, utilizando:

-Un framework de frontend. Se propone Angular pero se admitirán otros. Quienes quieran utilizar otro deberán consultar con los profesores antes de hacerlo.

-Utilizar HTML5.

-Maquetar los estilos usando de ser posible un framework (bootstrap, foundation, etc) o un preprocesador (less, sass, stylus).

-Consumir información de 1 o más APIs públicas y que esta se vean reflejada como datos en el sitio/app

---

###  REQUISITOS MINIMOS

Sitio/Aplicación Web

- Que se pueda navegar desde una PC o celular sin perder información.

- 2 secciones de contenido estático.

- 1 sección de contenido dinámico consumiendo API pública a elección.

- 1 sección con un formulario de contacto (implementación solo desde el front).

- Sección protegida por usuario/clave que permita tener un área privada.

- 1 Listado ordenado por algún criterio.

- 1 Listado con buscador por algún criterio (puede ser el mismo que el del ítem anterior).

- El código debe estar publicado en un repositorio GIT abierto.

- Buenas prácticas aplicadas para el front-end en general (html, css, js + angular ).

- Datos de diferentes endpoint relacionados entre sí, por ejemplo películas asociadas a directores, o actores.

---

###  REQUISITOS OPCIONALES

- Roles o permisos de usuario según rol.

- Publicar la web en un hosting online.

- Sumar buenas prácticas de SEO. Explicar cinco (5) cambios o mejoras realizadas y cómo impactarían en el SEO del proyecto

---

###  REPOSITORIO

- El desarrollo deberá realizarse en una plataforma de git gratuita. Se recomienda GitLab o GitHub.

- Se evaluará el uso de git: Frecuencia y responsables de los commits, uso de branches y merge.

- La creación del repositorio debe hacerse mediante un fork del repositorio del trabajo práctico (https://github.com/iamgld/angular-template-curso-2023).

---

###  MODALIDAD DE ENTREGA Y DEFENSA DEL TRABAJO PRACTICO

-La entrega final deberá hacerse enviando por email a los profesores la URL del repositorio de git, corroborando previamente que se pueda acceder públicamente a ese repositorio.

- En el archivo readme.md deberá indicarse, el trabajo, año de cursado e integrantes (legajo, nombre y apellido)

- Se realizará en fecha a confirmar una defensa oral y virtual del TP, que no debe exceder los 20 minutos y en donde los alumnos mostrarán el trabajo realizado, narrando si tuvieron algún problema y como fue resuelto, pudiendo tener que responder preguntas de los docentes, si surgieran.

[Link al Canva con el maquetado del prototipo](https://www.canva.com/design/DAFiuea8ges/_sspazzLlNLHfqRZ10OZDQ/edit?utm_content=DAFiuea8ges&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton)

---

I appreciate your interest in this Project ⌨️ with ❤️ by [María Eugenia Costa](https://github.com/eugenia1984) 😊 and follow me at [LinkedIn - maria-eugenia-costa](https://www.linkedin.com/in/maria-eugenia-costa/)

---