Introduzione ad AngularJS

Angular è un insieme di Javascript Framework, spesso utilizzato per creare progetti di applicazioni a pagina singola (SPA). Funziona sulla base di attributi HTML estesi (questi attributi sono conformi alle regole di Angular). Questo è un framework completamente gratuito e open source utilizzato da migliaia di programmatori in tutto il mondo negli anni passati, tuttavia, questo framework è stato ora acquisito da Google e modificato strutture, funzionalità, ma ancora utilizzato e mantenuto in vecchi progetti nel periodo dal 2010 al 2016. homepage di angularJS: https://angularjs.org/

Conoscenze di base da acquisire per avvicinarsi ad AngularJS

Per imparare Angular, devi avere almeno una conoscenza di base di HTML e javascript. Inoltre, poiché la natura angolare funziona come una pagina singola, utilizzando il modulo API per ottenere i dati, quindi per fare in modo approfondito con angular, è necessario fornire maggiori conoscenze su XMLHttpRequest (javascript) , Ajax (Jquery) per l'accesso durante l'accesso. .

Caratteristiche di AngularJS

• AngularJS è un framework basato su Javascript per la creazione di applicazioni Web avanzate
• AngularJS viene spesso utilizzato per lo sviluppo frontend (interfaccia client) tramite API per ottenere dati dal server e utilizzare i dati per presentare il codice sorgente html AngularJS conforme alla struttura MVC (Model – View – Controller) .
• Fornisce un meccanismo di associazione dei dati per ridurre i tempi di sviluppo del software
• Angular è open source, completamente gratuito e sviluppato da migliaia di programmatori in tutto il mondo.
• In breve, si può capire che lavorare con AngularJS è come lavorare con Ajax, utilizzare il meccanismo di bind data, operare secondo il modello MVC e utilizzare un servizio per interagire con i dati dal server.

Descrivere il concetto di pattern MVC nella programmazione

Modello: è il concetto dei dati dell'applicazione, più facile da capire di quanto vogliamo lavorare con i dati di un dipendente (tra cui: nome, età, voti, nome della classe). Questi dati saranno chiamati il concetto di modello nella struttura MVC e il programmatore li usa per funzionare invece delle normali chiamate. In angluarJS, Model è rappresentato come tipo di dati JSON (Javascript Object Notation), questo tipo di dati è un tipo di formato dati con una struttura incorporata, ed è spesso usato per comunicare dati tra client e Server, i linguaggi di programmazione hanno sempre funzioni (disponibili) per analizzare e lavorare con variabili con tipo di dati JSON.

Visualizza: è il concetto di interfaccia dell'applicazione, più facile da capire rispetto a ciò che l'utente vede e con cui interagisce (sul browser), l'utente non saprà cosa c'è dietro il modello utilizzato dal controller dell'applicazione. E, naturalmente, le viste comprendono il modello e utilizzeranno i dati non presenti nel modello per visualizzarlo in modo che l'utente possa interagire.

Controller: questo è il luogo in cui gestire la logica, nel mezzo per comunicare con la Vista e il Modello, il controller contiene la logica per lavorare con i dati rappresentati attraverso il Modello e la fornisce alla vista affinché la vista possa comprenderla e visualizzarla all'utente. . In Angular, il flusso del controller consiste nel chiamare il servizio per comunicare con il server tramite l'API, ottenere i dati (modello) e restituire la vista da visualizzare all'utente.

Caratteristiche e concetti principali di AngularJS

Data-binding : (data binding) sincronizza automaticamente i dati tra il modello e la vista
Ambito: (Ambito) Questi sono oggetti di connessione tra Controller e View
Controller : centrale per controllare il flusso del software, utilizzato insieme agli oggetti scope per elaborare i dati e definire l'interfaccia desiderata da visualizzare all'utente.
Servizio : come accennato in precedenza, AngularJS utilizza API costruite da servizi Web (PHP, ASP) per manipolare il DB.
Filtri : filtra gli elementi di un array e restituisce il nuovo array
Direttive : contrassegnare gli elementi DOM, ovvero creare tag HTML personalizzati
Modelli : un componente che aiuta a visualizzare le informazioni dal controller, può essere inteso come un modello di struttura HTML, questo è un componente delle viste
Routing : passa da un'azione all'altra nel controller, in base all'URL che l'utente manipola nel browser
MVC : il modello divide i componenti separati in modello, vista, controller. Questo è un modello piuttosto interessante, ma in Angular è leggermente rielaborato per assomigliare a MVVM (Model View View Model).
Deep Linking : Deep linking, che ti consente di codificare lo stato della tua applicazione negli URL in modo che sia inseribile nei segnalibri per i motori di ricerca.
Iniezione delle dipendenze : Angular semplifica agli sviluppatori la creazione di app da sviluppare, comprendere e testare facilmente.

Vantaggi e svantaggi di AngularJS

vantaggi:

• Angular permette di creare applicazioni in modo semplice e pulito
• Il tempo di sviluppo dell'applicazione è ridotto grazie alla struttura del codice coerente, il meccanismo di associazione dei dati consente di risparmiare tempo di programmazione, non è necessario utilizzare troppi eventi come javascript puro o Jquery
• Angular utilizza il data binding come .NET con la funzione di binding HTML, quindi fa sentire gli utenti a proprio agio.

Difetto:

Sebbene angolare abbia molti vantaggi, ha anche il lato opposto:

• Insicuro: sviluppato da javascript, quindi non è sicuro, il lato server deve confermare regolarmente le autorizzazioni affinché il sistema funzioni senza intoppi. Pertanto, AngularJS viene solitamente utilizzato solo come frontend e comunica con il server tramite l'API, non interagendo direttamente con il database.
• Dipendenze: questo è un framework Javascript, quindi l'applicazione non può essere eseguita se l'utente vi accede su un dispositivo che non supporta javascript.
• Errore sui dispositivi mobili al momento
• Interrotto lo sviluppo e terminato il supporto fino alla fine del 2022. Google ha abbandonato le vecchie strutture del framework e sostituito dalle prossime versioni Angular con concetti completamente diversi, ci vorrà del tempo per avvicinarsi da zero. .

Di seguito è riportata un'introduzione di base ad angularJS, sebbene il linguaggio non sia aggiornato, in pratica, i vecchi progetti che utilizzano AngularJS devono ancora essere mantenuti e, se si comprende la struttura di AngularJS, con una base di conoscenza Questo sarà facilmente accessibile al nuovo attuale framework come ReactJS, VueJS o Angular 9 che sono molto potenti al momento.