Angular Base: Componenti, Routing e Form in Azione

Name: Angular Base: Componenti, Routing e Form in Azione
Rating: 4.7 (22 reviews)

Impara Angular 17+: sviluppa applicazioni web moderne con componenti, routing, form e Bootstrap

Created byGiovanni Pace

Last updated 4/2025

Italian

What you'll learn

Installare e configurare NodeJS e Angular CLI per avviare un progetto Angular.
Creare e gestire componenti Angular, includendo CSS specifico per ogni componente.
Implementare il routing tra componenti utilizzando Router Outlet e navigazione con Bootstrap.
Utilizzare binding, ngModel e ngFor per gestire input, liste e tabelle dinamiche.

Course content

1 section • 9 lectures • 1h 22m total length

Installazione di NodeJS e Angular CLI per la creazione del progetto4:56
Creazione del progetto Angular con "ng new" e struttura dei file9:08
L'innesto dei componenti in Angular ed il loro funzionamento7:36
Creare Componenti e Gestire il CSS Specifico10:43
Navigare tra i Component con il Router Outlet, come funziona il Routing8:51
Integra Bootstrap Navbar con Angular Routing6:59
Iterare array di stringhe ed oggetti con "ngFor" in una lista e tabella13:21
Il binding di una input box con una variabile tramite ngModel e FormsModule8:02
Inserimento di oggetti all'interno di una tabella con un Form12:46

Requirements

Nessuna esperienza precedente con Angular richiesta.
Conoscenze base di HTML, CSS e JavaScript consigliate ma non obbligatorie.
È necessario avere un computer Windows, macOS o Linux.
È richiesta l'installazione di Node.js (spiegata nel corso) e un editor di codice come Visual Studio Code.

Description

Se vuoi imparare a creare applicazioni web moderne, interattive e professionali, questo corso su Angular 17+ è il punto di partenza ideale.
Pensato per chi parte da zero o ha solo basi di sviluppo front-end (HTML, CSS e JavaScript), ti guiderò passo passo nella creazione di progetti Angular attraverso un approccio pratico e immediato.

Partiremo dall'installazione di NodeJS e Angular CLI, fondamentali per creare e gestire il tuo progetto. Scoprirai come funziona la struttura dei file di un'applicazione Angular e come creare e personalizzare componenti, il cuore pulsante del framework.

Imparerai a navigare tra componenti tramite il Router Outlet e a creare una vera e propria Single Page Application (SPA). Integreremo inoltre Bootstrap per realizzare una navigazione moderna e responsive, senza mai perdere di vista le buone pratiche di sviluppo.

Attraverso l'utilizzo delle direttive ngFor e ngModel, svilupperemo interfacce dinamiche: itereremo liste, collegheremo campi di input a variabili e gestiremo i dati inseriti dagli utenti tramite form semplici ma potenti.

Questo corso è perfetto per studenti, aspiranti sviluppatori e chiunque desideri avvicinarsi ad Angular in modo chiaro e strutturato.

Alla fine sarai in grado di creare applicazioni Angular complete, con componenti riutilizzabili, routing funzionante e gestione dei dati tramite form.

Inizia oggi il tuo percorso e porta le tue competenze front-end al livello successivo!

Who this course is for:

Chi vuole iniziare a sviluppare applicazioni web moderne con Angular.
Studenti e neolaureati che desiderano arricchire le proprie competenze front-end.
Chiunque abbia conoscenze base di HTML, CSS e JavaScript e voglia avvicinarsi al mondo dei framework web.