1. Introducció a JavaScript (25 hores)
Introducció: VS Code. Què és. Funcionament i manera de treballar. 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. Esdeveniments. Manipulació del DOM.
Accés al servidor: Fetch. Tècniques bàsiques.
2. Introducció a React 19 (25 hores)
Conceptes bàsics: Què és. 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. Renderització condicional i de llistes. Esdeveniments.
Hooks: Què són. Limitacions d’ús. useState. useEffect, useEffectEvent. useRef. useMemo, useCallback. useContext. Hooks personalitzats.
Formularis: Gestió de controls. Sincronització amb l’estat. Validació. Biblioteques més utilitzades.
Navegació (React Router): Instal·lació. Configuració. Layouts i redireccions.
Accés al servidor: Fetch. Accés a REST. Biblioteques més utilitzades.
3. Introducció a Angular 20 (50 hores)
Primera aplicació: Ferramentes. Estructura d’un projecte. Posada en marxa 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ències (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, *ngFor, 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.
4. Orientació professional per a l’ocupació (15 hores)
