APLICACIONS WEB AMB JAVASCRIPT, REACT I ANGULAR (FRONTEND)

Serà necessari que l'alumnat inscrit demostre tindre coneixements previs de programació (es preveu fer una prova de coneixements inicials). A més, els candidats han d'enviar el CV a: urbalab@gandia.org

1.- JavaScript (25 hores)
• Introducció
? VS Code
? Què és. Funcionament i mode de treball
? Història i evolució. Tendències
? Conceptes bàsics d’HTML/CSS
• Sintaxi bàsica del llenguatge
? Variables (let, var, const) i operadors
? Estructures de control
? Gestió d’errors
? Funcions. Funcions anònimes i “=>”
? Arrays
? JSON
? Classes
? Mòduls
? Promeses. Asincronia
• Modificació de la pàgina
? Captura d’etiquetes
? Events
? Manipulació del DOM
• Accés al servidor
? Fetch
? Tècniques bàsiques

2.- Introducció a React 19 (25 hores)
• Conceptes bàsics
? Què es. Filosofia. Ferramentes
? Estructura d’un projecte
? Descàrrega i configuració de l’entorn. Vite
? Elements de React (components, hooks, JSX)
? DOM virtual
? Desplegament
? Sintaxi de JSX
• Components i props
? Components funcionals
? Props (“propietats”)
? Pas de dades entre components
? Renderitzat condicional i de llistes
? Events
• Hooks
? Què son. Limitacions d’ús
? UseState
? UseEffect, useEffectEvent
? UseRef
o useMemo, useCallback
o useContext
? Hooks personalitzats
• Formularis
? Maneig de controls
? Sincronització amb l’estat
? Validació
? Biblioteques més usades
• Navegació (React Router)
? Instal·lació
? Configuració
? Layouts i redireccions
• Accés al servidor
? Fetch
? Accés a REST
? Biblioteques més usades
3.- Introducció a Angular 20 (50 hores)
• Primera Aplicació
? Ferramentes
? Estructura d’un projecte
? Engegada d’una aplicació
? Components
? Fitxers de configuració
? Aplicacions tradicionals
• Introducció a TypeScript
? Filosofia i funcionament
? Estructures de control i operadors
? Tipus de dades, arrays, conversió de tipus
? Classes, camps, mètodes, modificadors d’accés
? Interfaces i herència
? Genèrics
? Expressions Lambda
? Decoradors (descripció)
• Arquitectura d’Angular
? Components i plantilles. Interpolació i Data Binding
? Directives
? Pipes
? Servicis
? Mòduls (Angular tradicional)
• Plantilles i Data Binding
? @if, @for, @switch
? Introducció a @defer
? Tipus de Data Binding
? Variables de plantilla
• Formularis
? Formularis de plantilla
? Formularis reactius
? Validació de formularis
• Components
? Disseny de components
? Creació d’un component
? Cicle de vida
? Injecció de dependència (constructor, inject)
? Signals
? Comunicació entre components: @Input i @Output
• Servicis
? Disseny de servicis
? Injecció de servicis
? Servici HttpClient
? Patró Observer. Introducció a RxJS
? Altres servicis d’Angular
• Aplicacions Tradicionals. Mòduls
? Disseny de mòduls
? @NgModule. Atributs
? Mòduls més utilitzats
? Càrrega de dependències
? *ngIf, *nfFor, ng-container, ng-template
? Avantatges i inconvenients
• Rutes
? Creació de rutes
? Rutes filles
? Rutes auxiliars
? Programació. Servicis disponibles
? Càrrega diferida
? Guards funcionals
• Directives i Pipes
? Pipes habituals.
? Creació de pipes
? Creació de directives
? Accés i modificació del DOM
•Orientació professional per a l'ocupació (15 hores)

Dominar els fonaments del JavaScript modern.
Comprendre i aplicar TypeScript en entorns front-end.
Desenvolupar aplicacions SPA amb bones pràctiques.
Construir interfícies dinàmiques amb React 19.
Crear aplicacions estructurades amb Angular 20.