Plataformas de Programación Empresarial


2025 semestre 2

Cronograma de actividades

  • (15%) Taller #1 - Diagnóstico [Semana 4 (Jul 4)]
  • (15%) Taller #2 - Bundle [Semana 7 (Ago 25)]
  • (20%) Taller #3 - Supabase [Semana 10 (Sep 17)]
  • (20%) Taller #4 - Django [Semana 13 (Oct 6)]
  • (25%) Taller #5 - Nuxt + Django Rest Framework (DRF) [Semana 16 (Oct 29)]
  • (5%) Asistencia Coding with Friends Hasta Oct 17

Taller #1

  1. En parejas o equipos de tres personas

  2. Realizar una landing page estático, de tema libre, no se puede usar una plantilla, todo debe ser en vanilla Javascript. Se permite usar plugins, con las siguientes secciones:

Taller #1

  • Rotador de banners
  • Formulario de contacto
  • Galeria de imágenes
  • Menú de navegación (Sticky)
  • Header / Footer
  • Botón fijo flotante
  • Video embebido de youtube
  • Tipografía de Google Fonts

Taller #1

  1. Se debe crear un repositorio de GitHub y publicar el resultando en GitHub Pages.
  2. El landing debe ser responsive y adaptarse bien a Celular, Tablet y Computador.
  3. Se deben crear los Wireframes del proyecto con el uso de herramientas digitales como moqups

Taller #1

Preparar una presentación donde se muestre el resultado obtenido y donde se resalte lo siguiente:

  • Wireframe
  • Review herramientas usadas
  • Evidencia de participación
  • Conclusiones
  • Enlaces y referentes utilizados

Criterios de evaluación

  • (10%) Asistencia a clase
  • (10%) Actividades de clase
  • (10%) Usa repositorio para entregar evidencias
  • (10%) Wireframes del proyecto
  • (20%) Contenido solicitado completo
  • (20%) Exposición y diapositivas
  • (20%) Funcionamiento general, responsive y publicación

Referentes

Referentes

Taller #2

  • Configurar el proyecto del taller anterior para que integre el uso del bundle asignado en clase. Tenga presente probar las siguientes características:

    • Optimización de recursos (imágenes, video, multimedia)...
    • Minificar el código
    • Ofuscar el código

Taller #2

  • Implementar un preprocesador de CSS a su elección (SASS, LESS, Stylus, PostCSS, Tailwind, etc).

Taller #2

Se debe crear una tabla de las herramientas usadas del bundle, tener presente algunos criterios como: curva de aprendizaje, esfuerzo invertido en la configuración, documentación, comunidad, cantidad de estrellas del repositorio, colaboradores, herramientas destacadas que requieran del bundle, entre otros.

Taller #2

Modifique el readme usando markdown, donde incluya instrucciones detalladas sobre como usar el proyecto, como se configuró el bundle, referentes, y material adicional para facilitar el entendimiento del proyecto.

Taller #2

Desplegar la solución en GitHub Pages y preparar una presentación con los resultados obtenidos, resaltar:

  • Tabla de funcionalidades del bundle
  • Comparación de pesos y tiempos del build
  • Ventajas y Desventajas
  • Conclusiones
  • Enlaces y referentes utilizados

Criterios de evaluación

  • (10%) Asistencia a clase
  • (20%) Repositorio completo con las evidencias
  • (25%) Configuración completa del bundle
  • (20%) Tabla de comparación
  • (15%) Exposición y diapositivas
  • (10%) Conclusiones y análisis

Referentes

Taller #3

    Integra el proyecto anterior con Supabase:

  • Con supabase:

    • Implementa un formulario de registro
    • Implementa un formulario de autenticación

Taller #3

  • Con supabase:

    • Mostrar una página de solo autenticados, una lista de mínimo 100 elementos registrados en Supabase
    • Barra de búsqueda por nombre de dichos elementos mostrados

Taller #3

  • Con supabase:

    • Eliminar un elemento de la lista
    • Agregar un elemento a la lista

Taller #3

Plus: Implementa Axios para las peticiones HTTP

Criterios de evaluación

  • (10%) Asistencia a clase
  • (10%) Proyecto funcionando en ambiente local
  • (10%) Formulario de registro
  • (10%) Formulario de autenticación
  • (20%) Lista de elementos para solo autenticados
  • (20%) Agregar y eliminar elementos de la lista
  • (20%) Presentación

Referentes