DESENVOLUPAMENT D’APLICACIONS WEB AMB ANGULAR 8 - NIVELL AVANÇAT

Persones interessades en el desenvolupament d’aplicacions Angular

El curs consisteix en veure i aplicar tècniques avaçades i complexes de desenvolupament d’aplicacions SPA (Single Page Applications) amb Angular 8. Tindrà un caràcter marcadament pràctic amb la realització d’exercicis i practiques dels conceptes teòrics impartits.

Les sessions tindran una primera part introductòria de conceptes teòrics amb explicacions de las sintaxis Angular per a l’implementació d’eixos conceptes. A continuación es proposaran exemples pràctics per aplicar els conceptes teòrics vistos. L’alumnat deurà ser el més autònom posible per resoldre dubtes o incidències amb el còdig ja que es preten que conega i domine els recursos i documentació disponible en la web.

TEMA 0 (1 sessió)

Presentació del curs i introducció a les tecnologies web modernes

● Requisits del curs
Imprescindibles: Nivell alt d'HTML, CSS i JS, Nocions bàsiques de Typescript
Recomanats: Node.js, Maneig del comando NPM
● Introducció als Frameworks actuals (Angular 8, React, Vue, Ember...)
● Conceptes de SPA, Injecció de Dependències i Lazy Loading
● Explicació del desenvolupament del curs (Continguts, metodologia, etc.)
● Presentació alumnes i qüestionari conceptes bàsics

TEMA 1 (2 sessions)

Serveis, Introducció a Dependency Injection

● Crear un servei i injectar en un component
● Configuració de serveis
● Muntar un sistema de xarxa bàsic per a gestionar
● Fer un CRUD

TEMA 2 (2 sessions)

Components II, una mica més sobre els components

● Comunicació externa mitjançant @Output
● Afegir i estructurar contingut des de fora del component
○ ng-content
○ ng-template
○ ng-contenidor

TEMA 3 (2 sessions)

Mòduls, introducció a la modularizació d'una app

● Explicació de quina funció té un mòdul
● Com crear diversos mòduls
● Diferències entre la càrrega estàndard i lazy
● Muntar lazyloading

TEMA 4 (1 sessió)

Pujar projecte a producció

● Preparar el projecte per a poder pujar-lo a producció
● Explicació de l'empaquetat
● Com compilar correctament
● Pujar a un FTP i provar

TEMA 5 (1 sessió)

Implementar APIs i Backend amb Loopback

● Instal·lació i configuració de Loopback 4.0
● Enllaç amb Data Base Engine
● Creació de APIs
● Testatge de la API amb Loopback Swagger

TEMA 6 (1 sessió)

Llibreries de components

• PrimeNG (Prime Faces)
• DataTables
• Dropdowns
• Panels