Home

PROJECTE ITA-PROFILES

El present document descriu els objectius d’aprenentatge i principis per la presa de decisions d’organizació, tecnologies i metodologies a usar durant el Projecte per l’especialitat FullstackPHP que es combinaran amb altres perfils frontend(React).

OBJECTIUS D’APRENENTATGE:

• Posar en pràctica els coneixements adquirits.
• Treballar en equip amb eines empresarials.
• Treballar un entorn de desenvolupament real i professional.
• Assolir objectius i realitzar entregues.
• Fer testing.
• Observar, entendre i si cal modificar els fluxes de CI/CD i els pipelines.

DIFERÈNCIES AMB L’ITINERARI I CONEIXEMENTS DESITJABLES:

La següent llista exposa algunes diferències i coneixements desitjables als que s’exposen els alumnes durant el projecte:

Col·laboració FE i BE:

• Treballar amb perfils diferents.
• Col·laborar amb la definició d’endpoints, format de les dades, fluxe d’informació.
• Augmentar el coneixement del stack tecnològic.
• Augmentar el coneixement del domini de projecte, i la seva rellevància.
• Redactar especificacions.

Introducció a dinàmiques de projecte:

• Metodologies àgils (SCRUM) / Kanban
• Eines col·laboratives (github)
• Restriccions i patrons
• Codi net
• Revisions de codi automàtiques (tests, analitzadors)
• Revisions humanes (reviews)
• Tractar amb codi legacy (bugs, refactors...)
• Realitzar migracions i actualitzacions de codi/libreries
• Extendre funcionalitats existents
• Redactar issues i bugs
• Utilitzar llibreries externes compartides entre backend i frontend

CONEIXEMENTS PER REFORÇAR/ADQUIRIR REACT:

• Fases en la construcció de software.
• Descomposició de la interfície. Donat un prototip(en Figma) saber com descomposar-ho en components de React.
• Organització:
  • Convenció en el naming.
  • Estructura dels arxius del projecte.
• Javascript/Typescript
• Maquetació: Estructuració de la interfície gràfica i aplicació d’estils(CSS)
• JSX: Extensió del llenguatge Javascript.
• React Patterns & Configs
• Environment files
• Modificació de versions jS
• Ús de terminal de comandes de cara configurar projectes React.
• Organització de mòduls i components. Jerarquització.
• Patterns: Provider(amb llibreria Redux)
• React Development:
  • Cicle de vida de components
  • Events
  • Routing
  • Gestió d’estat global -> redux
  • Gestió d’estat local -> useState
  • Sincronització d’estat amb el servidor -> reactQuery o similar
• Seguretat:
  • OAuth2.
• Maquetació:
  • Reforçar l’ús de Styled Components sobre frameworks com Tailwind. Exigir mínim coneixements de Flexbox.
  • Mobile-first
• Testing:
  • Unitario → JEST
  • E2E → Cypress
• Prototipatge: Figma

CONEIXEMENTS BE I PHP PER REFORÇAR/ADQUIRIR:

Aquests coneixements es basen en bases tècniques desitjables en perfils junior en quant a PHP i tasques essencials de Backend.

• SQL:
  • Generació de models de dades a partir d’un enunciat.
  • Manipulació i consultes a base de dades.
• PHP(versió 8 en endavant): Objectes, Arrays, Herència,Polimorfisme,Interfícies…
• Ús de patrons:
  • Arquitectònics: MVC
  • Creacionals: Singleton, Factory..
  • De comportament: Strategy.
  • Estructural: Strategy.
• Arquitectura MVC/API Rest