Angular 100% Operativo

Da zero alla realizzazione di una Web APP, in 24 ore!

Un libro di più di 200 pagine, in cui scoprirai passo dopo passo, i concetti chiave del framework Angular, applicati alla realizzazione di un'applicazione reale che affronta le più comuni problematiche di sviluppo che dovrai affrontare in Angular e TypeScript. (Aggiornato alla versione 13.x di Angular)

Autore: ing. Davide Copelli
ISBN: 9781794295926

Ordina ADESSO

In Offerta su Amazon

NB: Il libro è venduto e spedito da Amazon, ma qui hai il vantaggio dell'assistenza docente

Angular Libro Davide Copelli
  • 350

    Pagine
  • 17

    Capitoli
  • 13.x

    Versione

Guarda il VIDEO di cosa progetteremo!

Al termine del corso, inizieremo la progetteremo da zero di un'applicazione che coprirà il 95% delle problematiche che dovrai affontrare nello sviluppo di un'applicazione. MetroChat e un'applicazione completamente navigabile, costituita da tre diverse sezioni e con la quale vengono visualizzati in tempo reale, i treni in partenza da un'ipotetica stazione, con relativo conto alla rovescia per la partenza.

Per ogni treno, si possono visualizzare gli attuali partecipanti alla chat ed entrare nella conversazione, potendo inviare i propri messaggi e visualizzare quelli degli altri partecipanti.

Introduzione all'applicazione MetroChat 03:20

Elenco Argomenti

Un percorso lineare a step successivi per imparare sia la teoria che l'applicazione pratica

Capitolo 1 - Settings dell’ambiente di lavoro

  • Da dove partire: l'ambiente di test locale

  • I migliori IDE per scrivere applicazioni

  • Comandi Utili CLI

Capitolo 2 - Il motore di un’app Angular

  • La struttura di un’app

  • Il file index.html

  • Convenzioni per la progettazione del file index.html

  • Il mio primo Modulo: AppModule

Capitolo 3 - I Componenti in Angular

  • Il "cuore" di un'applicazione Angular

  • Il componente <app-root> creato in automatico

  • Come creare il componente Menu dell'app MetroChat

  • Tecniche alternative per creare un componente

  • Definire il nome del componente grazie al "selettore"

  • Analisi del componente <app-root>

  • Definire la rappresentazione grafica: Template

  • Come aggiungere un foglio di stile

  • Il Template del componente <app-root>

  • Definire la logica del componente

  • Popolare il Template con proprietà della classe

  • Definire i "segnaposto" nel Template con l'interpolazione

  • Inserire espressioni all’interno del "segnaposto"

  • Ciclo di vita di un'app Angular

Capitolo 4 - Manipolare il DOM con le direttive

  • Ripetere elementi del DOM: la direttiva *ngFor

  • Sintassi della direttiva *ngFor

  • Uso della direttiva *ngFor con un array

  • Uso della direttiva *ngFor con un oggetto JSON

  • Creiamo il componente Treni dell'app MetroChat

  • Visualizzare o nascondere elementi del DOM: direttiva *ngIf

  • Esempio d'uso della direttiva *ngIf

  • Esempio d'uso del blocco else

  • Condizioni multiple: direttiva *ngSwitch

Capitolo 5 - Cambiare lo stile di elementi del DOM

  • Aggiungere o togliere proprietà CSS con ngStyle

  • Aggiungere o togliere regole CSS

  • Uso di ngClass con una proprietà stringa

  • Uso di ngClass con un array

  • Uso di ngClass con un oggetto

Capitolo 6 - Formattare i dati con i PIPE

  • Formattare le date e l'ora

  • Formattare stringhe e numeri

  • Creare Pipe personalizzati

Capitolo 7 - Modellare i dati

  • Una classe per definire il tipo di dati

  • Il modello dati per l'applicazione MetroChat

  • Una classe senza costruttore

  • Simulare dati remoti per semplici test

  • Classe con dati opzionali

Capitolo 8 - Interagire con il template e l'app: gli Eventi

  • Gestire il click o il tocco su un elemento del template

  • Gestire il click su un elemento del componente <ca-listnews></ca-listnews>

  • Gestire gli eventi del mouse

  • Gestire gli eventi della tastiera

Capitolo 9 - Progettare Componenti "Intelligenti"

  • Cos'è un componente "intelligente"?

  • Proprietà di ingresso a un componente con @Input

  • Definire più proprietà di ingresso

  • Cambiare il nome alla proprietà di ingresso

  • Mostrare le informazioni, su un componente dettaglio interno

  • Definire proprietà di uscita con @Output()

  • Accedere a membri di altri componenti con @ViewChild

  • Accedere a membri di un componente figlio direttamente dal template

Capitolo 10 - La navigazione in Angular

  • Il concetto di Routing e Route

  • Configurare il file AppModule

  • Progettare l’array di route

  • Indicare dove visualizzare le route con RouterOutlet

  • Configurare i link nel template con RouterLink

  • Progettare Template indipendenti dal componente radice

  • Progettare route di Redirect

  • Progettare route di Pagina non trovata

  • Progettare route con figli

  • Impostare il Template della route di dettaglio per l'applicazione MetroChat

  • Progettare route con parametri dinamici

  • Recuperare i parametri da un url

Capitolo 11 - Separare le funzionalità con i Service

  • Perché usare i Service?

  • Come creare un Service

  • Registrare un Service

  • Come usare un Service

  • Gestire Dati Remoti con i Service

Capitolo 12 - Accedere a dati remoti

  • Manipolare dati via HTTP

  • Recuperare dati in GET

  • Inviare dati in modalità POST

  • Aggiornare dati in PUT

  • Cancellare i dati con DELETE

Capitolo 13 - Le basi dei form

  • I Form in Angular: introduzione

  • Cosa verificare prima di usare i Form

  • I passi per creare il Form

  • Gestire i dati da un campo input

  • Accedere ad un campo di <input> tramite una variabile nel template

  • Settare un dato all'interno di un campo di input

  • Gestire i dati di un campo di select

  • Settare un valore all'interno di un campo select

  • Gestire i dati di un campo checkbox

  • Gestire i dati di un campo radiobox

Capitolo 14 - Le basi della libreria RxJS

  • Dalla programmazione asincrona agli Observable

  • Peculiarità di un Observable

  • Tecniche per creare Observable

  • Cold vs Hot Observable

  • Operatori pipe(),map(),tap(),filter()

  • MultiCast Observable: Subject vs Behaviour Subject

  • Combinare flussi di Observable (flatMap,switchMap,debounceTime)

  • Gestire gli errori

  • Ottima guida informatica

    Sicuramente un libro diverso, come tra l'altro citato nelle prime righe del libro. Non è la classica guida informatica, ma ti coinvolge nello sviluppo e nelle diverse fasi. È un po' come seguire dal vivo un corso. Bravo Davide.

    Carlo

  • Il libro perfetto per iniziare con Angular

    Come da titolo del libro, si riesce in maniera chiara e veloce ad essere operativi con Angular. Il materiale online al quale si può accedere registrandosi (con l'account di Amazon) è un ulteriore strumento messo a disposizione dall'autore.

    Vincenzo

  • Fondamentale per lo studio di Angular

    Ottimo libro per chi vuole iniziare lo studio di Angular, una guida di riferimento che come dice il titolo, ti rende fin da subito operativo nell'utilizzo di questo fantastico framework.

    Mattia

  • Indispensabile

    Questo libro, come indicato dallo stesso autore in prefazione, è destinato a chi ha già una discreta conoscenza delle tecnologie di base per lo sviluppo di applicazioni Web, ciononostante guida il lettore alla facile comprensione del framework Angular con esempi pratici ed una esposizione chiara e semplice

    Andder66

  • Eccellente

    Libri del genere sono difficili da trovare, ti spiega perfettamente come utilizzare Angular.io.Complimenti all'autore per la semplicità con cui affronta gli argomenti e li spiega velocemente.

    Davide

  • Finalmente operativo

    Finalmente operativo! Ho scoperto questo libro per caso ma mi è piaciuto lo stile con un taglio pratico, da tecnici. Anche se è richiesta una conoscenza di base è veramente una guida "pratica" da mettere in pratica. Grazie al libro ho scoperto anche il sito di supporto con diversi tutorial.

    Max

Offerta disponibile

Libro Cartaceo

25.9025.90 Offerta valida fino al 21/03/24
  • Libro Cartaceo di 350 pagine
  • Spedizione GRATUITA (Amazon Prime)
  • Tutto il Codice Scaricabile

Elenco Tutorial Gratuiti

Una serie di tutorial per imparare le basi di Angular

Aggiornare un progetto Angular con ng update
Il nuovo comando per il effettuare l'aggiornamento di un'applicazione Angular in modo rapido e senza complicazioni

Aggiornare l'ambiente di test locale a nuove versioni di Angular
Come aggiornare il proprio ambiente di sviluppo locale e i propri progetti, per usare l'ultima versione di Angular.

Angular da dove partire: l'ambiente di test locale
Vedremo come preparare il nostro computer al fine di poter progettare applicazioni Angular. Vedremo come sfruttare i comandi in linea CLI, per creare un nuovo progetto e come lanciarlo all'interno di una finestra del browser in locale.

Angular i migliori IDE per scrivere applicazioni
La scelta del software per iniziare a scrivere le prime applicazioni Angular ? di fondamentale importanza. Ecco allora la mia personale classifica sui 4 migliori IDE, gratuiti e non, per la scrittura di codice TypeScript.

La struttura di una app in Angular
In questa guida introduttiva ad Angular v6, vedremo gli elementi base che costituiscono la struttura di una web app

Il file AppModule e main.ts: i motori di un'applicazione Angular
Vediamo di analizzare i due principali file che costituiscono un'applicazione base angular, al fine di poterla avviare all'interno del browser.

Angular Componenti: cosa sono e come si definiscono
I componenti in Angular, sono uno degli elementi portanti che ti permetteranno di creare una qualsiasi applicazione in Angular. In questo tutorial vedremo come si definiscono e la sintassi da usare.

Ciclo di vita di un'app Angular
In questo articolo vedremo la lista di eventi che viene emessa durante il caricamento di un componente, direttiva, o il cambio di un elemento di un form.

Angular Template e Interpolazione
Le caratteristiche dei template in Angular. Come si iniettano dei dati direttamente dal corpo del componente (classe), come si gestiscono variabili locali al template, e come si valorizzano attributo di un tag html del dom o di un componente.

ngFor Direttiva Angular: come usarla nel template
Una tecnica molto usate per includere pezzi di DOM in modo dinamico all'interno di un template, è usare le direttive. In questo tutorial vedremo la direttiva ngFor.

ngSwitch Direttiva Angular: come usarla nel Template
Vedremo un altra direttiva utile per manipolare il DOM, che ci permetter? di visualizzare o meno determinati tag figli, sulla base del verificarsi di una condizione sul padre.

ngIf Direttiva Angular: come usarla nel template
Impareremo a visualizzare o meno alcuni elementi della pagina, sulla base della valutazione di un'espressione impostata su una variabile

Angular: Cosa sono i decoratori
I decoratori in Angular, sono un caratteristica molto interessante del linguaggio JavaScript, e Angular ne fa un uso molto massiccio, al fine di rendere la scrittura di applicazioni piu' semplice e di facile manutenzione.

I Moduli Web in Angular
In questo tutorial vedremo come recuperare i valori inseriti nei classici campi di un modulo web, partendo dal campo input, sottolineando le direttive Angular da usare per fa funzionare il tutto all'interno di un componente.

Gestire gli Eventi in Angular
Come gestire l'interazione con elementi del DOM, quali pulsanti o campi di un form, con gli eventi in Angular

Angular e Firebase: creare una semplice app con dati in tempo reale
Vedremo come sfruttare Angular e Firebase per creare con poche righe di codice una semplice applicazione in grado di prelevare una lista di articoli, precedentemente memorizzati nel database online di Firebase.

Guarda GRATIS i primi 3 Video

Accedi al VideoCorso su Angular della WebSU