Training SUI - Skylab (Dic 2018)

Calendario del Curso

Sesiones de 3h y media al día (horario de 14:00 a 17:30). En total, 35h de formación repartidas en 10 sesiones El lugar para realizar la formación → el aula de Skylab Coders

El calendario en el que se realizó el training fue::

Semana 1 (Teoría)

• Lunes 10 Diciembre (de 14:00 a 17:30)
• Martes 11 Diciembre (de 14:00 a 17:30)
• Miércoles 12 Diciembre (de 14:00 a 17:30)
• Jueves 13 Diciembre (de 14:00 a 17:30)
• Viernes 14 Diciembre (de 14:00 a 17:30)

Semana 2 (Práctica)

• Lunes 17 Diciembre (de 14:00 a 17:30)
• Martes 18 Diciembre (de 14:00 a 17:30)
• Miércoles 19 Diciembre (de 14:00 a 17:30)
• Jueves 20 Diciembre (de 14:00 a 17:30)
• Viernes 21 Diciembre (de 14:00 a 17:30)

Organización del repo

- .
├── staff
│   ├── ... 👈 carpetas alumnos
│   ├── juanma-garrido 👈 carpeta del profe (ejercicios hechos en clase)
└── stuff
    ├── demos  👈 demos preparadas para el training
    ├── docs 👈 documentación preparada para reforzar la doc oficial de SUI
    ├── examples
    ├── frontend-all--pet-project 👈 enunciados pet-project
    └── slides 👈 slides preparadas para el curso

Sesiones del Curso

📄 Slides

Semana 1

📅 Sesion 1 - Lunes 10 Diciembre

• ¿Por qué sui-tools y sui-components?
• Necesidades equipos grandes y proyectos larga duración

SUI-Tools

• Simplificar el proceso de crear SPA's y SSR's → sui-bundler

• Unificar convenciones de equipo

  • babel-preset-sui → ESNext
  • sui-lint → standard código, formato
  • sui-mono → mensajes commits, deployments
  • sui-component-peer-dependencies → unificar dependencias proyectos

📅 Sesion 2 - Martes 11 Diciembre

• Apps offline con sui-bundler

• 👉 sui-bundler Demo

DDD

1. Definition and Motivation
2. Concepts
3. Folder-structure
4. Remain-work

• Aggregates of entities or value objects manipulation

• ValueObjects and Entities observations

• 👉 domain Demo

📅 Sesion 3 - Miércoles 12 Diciembre

More DDD

• 👉 RAW Live Coding Demo

• 👉 Domain Demo

📅 Sesion 4 - Jueves 13 Diciembre

Routing en Web App

• 👉 Routing Demo 1

• 👉 Routing Demo 1

📅 Sesion 5 - Viernes 14 Diciembre

• sui-components como primera opción de componentes
• custom components del proyecto se crean aparte utlizando el sui-studio tal y cómo se explica aqui

Semana 2

Esta semana se dedicó exclusivamente a que trabajaran el pet project tal y cómo se propone aquí:

The Pet Project

• 1-frontend-mv--uilib-theme
• 2-frontend-mv--uilib-components
• 3-frontend-mv--lib-movies
• 4-frontend-mv--web-app

Algunas implementaciones del pet project realizadas en el curso fueron:

• La versión del profesor → con gestión de favoritos y logs acciones

  • 📄 Repo
  • 🌍 Demo Online

• La versión de alumnos:

  • Maryam → 📄 Repo
  • Ana → 📄 Repo
  • Francisco → 📄 Repo
  • Henry → 📄 Repo

👉 Extra: en la última sesión hicimos un proyecto completo desde cero (con dominio y web app) → from the ground project