daeneris88 / adevinta-sui-tools-training-sept2019

Training SUI - Skylab (Sept 2019)

Calendario del Curso

Sesiones de 8h al día (horario de 9:00 a 17:00). En total, 40h de formación repartidas en 5 sesiones El lugar para realizar la formación → el aula de Skylab Coders

Calendario del training:

• Lunes 23 Septiembre (de 9:00 a 17:00)
• Martes 24 Septiembre (de 9:00 a 17:00)
• MIércoles 25 Septiembre (de 9:00 a 17:00)
• Jueves 26 Septiembre (de 9:00 a 17:00)
• Viernes 27 Septiembre (de 9:00 a 17:00)

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

• ¿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

• 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

More DDD

• 👉 RAW Live Coding Demo

• 👉 Domain Demo

📅 Sesion 4

Routing en Web App

• 👉 Routing Demo 1

• 👉 Routing Demo 1

📅 Sesion 5

• 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

Pet project

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:

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

  • 📄 Repo
  • 🌍 Demo Online

• La versión de alumnos de ediciones pasadas:

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

👉 Extra: proyecto completo desde cero (con dominio y web app) → from the ground project