Learn AngularJs Course - Tutorial with Example
Che cosa è angolare?
AngularJS è un quadro strutturale per le applicazioni web dinamiche. Esso consente di utilizzare HTML come linguaggio di template e permette di estendere la sintassi di HTML per esprimere i componenti della vostra applicazione in modo chiaro e conciso. associazione dati di angolari e l'iniezione di dipendenza eliminare gran parte del codice che altrimenti avrebbero dovuto scrivere. E tutto avviene all'interno del browser, che lo rende un partner ideale con qualsiasi tecnologia server.
Angolare è ciò che HTML sarebbe stato, se fosse stato progettato per le applicazioni. HTML è un grande linguaggio dichiarativo per i documenti statici. Non contiene molto in termini di creazione di applicazioni, e di conseguenza le applicazioni web edificio è un esercizio di quello che devo fare per ingannare il browser a fare quello che voglio?
Il disadattamento di impedenza tra le applicazioni dinamiche e documenti statici è spesso risolto con:
una biblioteca - un insieme di funzioni che sono utili quando si scrive applicazioni web. Il codice è in carica e chiama in libreria quando lo ritiene opportuno. Ad esempio, jQuery.
quadri - una particolare implementazione di una applicazione web, dove il codice riempie nei dettagli. Il quadro è in carica e si chiama in codice quando ha bisogno di qualcosa applicazione specifica. Ad esempio, Durandal, Tizzone, etc.
Angolare prende un altro approccio. Si cerca di ridurre al minimo il disadattamento di impedenza tra il documento HTML centrica e che ha bisogno di una applicazione con la creazione di nuovi costrutti HTML. Angolare insegna la nuova sintassi del browser attraverso un costrutto che chiamiamo direttive. Gli esempi includono:
Dati vincolante, come in {{}}.
strutture di controllo DOM per la ripetizione, mostrare e nascondere frammenti DOM.
Supporto per moduli e validazione dei form.
Collegamento nuovo comportamento di elementi DOM, come la gestione degli eventi DOM.
Raggruppamento di HTML in componenti riutilizzabili.
Una soluzione completa client-side
Angolare non è un pezzo unico nel puzzle complessivo della costruzione del lato client di una applicazione web. Gestisce tutto il codice colla DOM e AJAX una volta scritto a mano e la mette in una struttura ben definita. Questo rende angolare supponente su come un CRUD (Create, Read, Update, Delete) applicazione dovrebbe essere costruito. Ma mentre è supponente, si cerca anche di fare in modo che il suo parere è solo un punto di partenza si può facilmente cambiare. Angolare viene fornito con il seguente out-of-the-box:
Tutto ciò che serve per costruire una applicazione CRUD in un insieme coeso: associazione dati, direttive di base di template, validazione dei form, il routing, deep-linking, componenti riutilizzabili e l'iniezione di dipendenza.
Testabilità storia: Unit-test, test end-to-end, deride e finimenti di prova.
applicazione di semi con gli script di layout di directory e di prova come punto di partenza.
sweet spot di angolare
Angolare semplifica lo sviluppo di applicazioni presentando un livello più elevato di astrazione allo sviluppatore. Come qualsiasi astrazione, si ha un costo di flessibilità. In altre parole, non ogni applicazione è una buona misura per angolare. Angolare è stato costruito con l'applicazione CRUD in mente. Per fortuna le applicazioni CRUD rappresentano la maggior parte delle applicazioni web. Per capire che cosa angolare è bravo, però, aiuta a capire quando un app non è una buona misura per angolare.
Giochi e gli editori GUI sono esempi di applicazioni con manipolazione del DOM intenso e difficile. Questi tipi di applicazioni sono diversi da applicazioni CRUD, e di conseguenza non sono probabilmente una buona misura per angolare. In questi casi può essere preferibile utilizzare una libreria con un basso livello di astrazione, come jQuery.
The Zen of angolare
Angolare è costruito attorno alla convinzione che il codice dichiarativo è meglio di importanza fondamentale quando si tratta di costruire interfacce utente e componenti software di cablaggio insieme, mentre il codice imperativo è eccellente per esprimere la logica di business.
E 'una buona idea per disaccoppiare manipolazione del DOM dalla logica app. Questo migliora notevolmente la verificabilità del codice.
Si tratta di un molto, molto buona idea di considerare il test app come uguale importanza alla scrittura app. difficoltà Testing è drammaticamente influenzata dal modo in cui il codice è strutturato.
AngularJS è un quadro strutturale per le applicazioni web dinamiche. Esso consente di utilizzare HTML come linguaggio di template e permette di estendere la sintassi di HTML per esprimere i componenti della vostra applicazione in modo chiaro e conciso. associazione dati di angolari e l'iniezione di dipendenza eliminare gran parte del codice che altrimenti avrebbero dovuto scrivere. E tutto avviene all'interno del browser, che lo rende un partner ideale con qualsiasi tecnologia server.
Angolare è ciò che HTML sarebbe stato, se fosse stato progettato per le applicazioni. HTML è un grande linguaggio dichiarativo per i documenti statici. Non contiene molto in termini di creazione di applicazioni, e di conseguenza le applicazioni web edificio è un esercizio di quello che devo fare per ingannare il browser a fare quello che voglio?
Il disadattamento di impedenza tra le applicazioni dinamiche e documenti statici è spesso risolto con:
una biblioteca - un insieme di funzioni che sono utili quando si scrive applicazioni web. Il codice è in carica e chiama in libreria quando lo ritiene opportuno. Ad esempio, jQuery.
quadri - una particolare implementazione di una applicazione web, dove il codice riempie nei dettagli. Il quadro è in carica e si chiama in codice quando ha bisogno di qualcosa applicazione specifica. Ad esempio, Durandal, Tizzone, etc.
Angolare prende un altro approccio. Si cerca di ridurre al minimo il disadattamento di impedenza tra il documento HTML centrica e che ha bisogno di una applicazione con la creazione di nuovi costrutti HTML. Angolare insegna la nuova sintassi del browser attraverso un costrutto che chiamiamo direttive. Gli esempi includono:
Dati vincolante, come in {{}}.
strutture di controllo DOM per la ripetizione, mostrare e nascondere frammenti DOM.
Supporto per moduli e validazione dei form.
Collegamento nuovo comportamento di elementi DOM, come la gestione degli eventi DOM.
Raggruppamento di HTML in componenti riutilizzabili.
Una soluzione completa client-side
Angolare non è un pezzo unico nel puzzle complessivo della costruzione del lato client di una applicazione web. Gestisce tutto il codice colla DOM e AJAX una volta scritto a mano e la mette in una struttura ben definita. Questo rende angolare supponente su come un CRUD (Create, Read, Update, Delete) applicazione dovrebbe essere costruito. Ma mentre è supponente, si cerca anche di fare in modo che il suo parere è solo un punto di partenza si può facilmente cambiare. Angolare viene fornito con il seguente out-of-the-box:
Tutto ciò che serve per costruire una applicazione CRUD in un insieme coeso: associazione dati, direttive di base di template, validazione dei form, il routing, deep-linking, componenti riutilizzabili e l'iniezione di dipendenza.
Testabilità storia: Unit-test, test end-to-end, deride e finimenti di prova.
applicazione di semi con gli script di layout di directory e di prova come punto di partenza.
sweet spot di angolare
Angolare semplifica lo sviluppo di applicazioni presentando un livello più elevato di astrazione allo sviluppatore. Come qualsiasi astrazione, si ha un costo di flessibilità. In altre parole, non ogni applicazione è una buona misura per angolare. Angolare è stato costruito con l'applicazione CRUD in mente. Per fortuna le applicazioni CRUD rappresentano la maggior parte delle applicazioni web. Per capire che cosa angolare è bravo, però, aiuta a capire quando un app non è una buona misura per angolare.
Giochi e gli editori GUI sono esempi di applicazioni con manipolazione del DOM intenso e difficile. Questi tipi di applicazioni sono diversi da applicazioni CRUD, e di conseguenza non sono probabilmente una buona misura per angolare. In questi casi può essere preferibile utilizzare una libreria con un basso livello di astrazione, come jQuery.
The Zen of angolare
Angolare è costruito attorno alla convinzione che il codice dichiarativo è meglio di importanza fondamentale quando si tratta di costruire interfacce utente e componenti software di cablaggio insieme, mentre il codice imperativo è eccellente per esprimere la logica di business.
E 'una buona idea per disaccoppiare manipolazione del DOM dalla logica app. Questo migliora notevolmente la verificabilità del codice.
Si tratta di un molto, molto buona idea di considerare il test app come uguale importanza alla scrittura app. difficoltà Testing è drammaticamente influenzata dal modo in cui il codice è strutturato.
Categoria : Istruzione
Ricerche associate