difference between angular versions
Înțelegerea diferenței dintre diferitele versiuni unghiulare: AngularJS Vs Angular 2, Angular 1 vs Angular 2, Angular 2 vs Angular 4 și Angular 5 Vs Angular 6
Am explorat dezvoltarea SPA folosind AngularJS în tutorialul nostru anterior. Acest tutorial va explica mai multe despre diferențele dintre versiunile Angular.
Fiind cineva care lucrează în domeniul dezvoltării de aproape un deceniu, am văzut cum au evoluat tehnologiile. La fel este și cazul tehnologiilor front-end. A fost o vreme când HTML și CSS dominau industria.
Dar astăzi, fără a avea abilități bune în AngularJS , nu puteți obține o slujbă bună ca dezvoltator front-end. Nu ratați să ne citiți Seria de tutoriale AngularJS pentru începători .
Odată cu apariția tehnologiei Blockchain și a noilor proiecte bazate pe Blockchain, cererea pentru dezvoltatorii calificați în AngularJS a crescut în multe feluri.
Ce veți învăța:
- Despre Angular și AngularJS
- Diferențe între diferite versiuni unghiulare
- Ar trebui să faceți upgrade la Angular de la AngularJS?
- Unghiular 5 V unghiular 6
- Concluzie
- Lectură recomandată
Despre Angular și AngularJS
Această introducere ar fi utilă pentru cei care nu știu prea multe despre Angular.
Angular este un termen general care este utilizat pentru toate versiunile care au venit după AngularJS (Angular 1), adică Angular 2, Angular 4, Angular 5 și acum Angular 6. Are cel mai recent și mai rafinat cadru până în prezent pentru a proiecta un web aplicație dinamică și receptivă.
În ultimii cinci ani, AngularJS a evoluat drastic. A fost introdus pentru prima dată în 2009 și permite legarea în două sensuri a datelor. Utilizând HTML ca limbaj de șabloane, creează un mediu care este rapid de dezvoltat și mai ușor de citit.
Angular permite dezvoltatorilor să creeze mai multe coduri reutilizabile. Astfel, dezvoltatorii trebuie să facă mai puțin codificare, ceea ce economisește timp și ajută la creșterea eficienței. Datorită acestui fapt, companiile de dezvoltare de aplicații web AngularJS sunt la mare căutare acum.
De ce să optăm pentru AngularJS sau Angular?
Având în vedere caracteristicile oferite de AngularJS, este o alegere logică pentru dezvoltarea aplicațiilor web avansate construite pe un cadru JavaScript, în special pentru soluțiile bazate pe Blockchain.
Astăzi, aplicațiile cu o singură pagină sunt populare deoarece oferă o navigare îmbunătățită și prezintă informațiile într-un mod mult mai ușor de înțeles. AngularJS poate fi utilizat pentru a dezvolta aplicații grozave pe o singură pagină, care oferă o experiență satisfăcătoare utilizatorului.
Dezvoltat de echipa talentată a dezvoltatorilor Google, AngularJS are o bază solidă, o comunitate mare și este bine întreținut.
Diferențe între diferite versiuni unghiulare
- AngularJS Vs Angular 2
- Angular 1 Vs Angular 2
- Unghiular 2 V unghiular 4
Începând de la AngularJS (cunoscut și sub numele de Angular 1), urmat de Angular 2, astăzi avem versiunea Angular 6 a acestei tehnologii extrem de în evoluție.
Să aruncăm o privire rapidă asupra diferențelor, care ar fi mai ușor pentru dvs. să faceți upgrade.
# 1) Limbaj de programare
Angular 1 a folosit JavaScript pentru a construi aplicația.
Cu toate acestea, ca upgrade la Angular 1, Angular 2 folosește TypeScript, care este un superset de JavaScript și ajută la construirea mai multor structuri și cod robust.
Pe măsură ce actualizarea a progresat, compatibilitatea versiunii TypeScript a fost îmbunătățită în continuare cu Angular 4 care acceptă TypeScript 2.0 și 2.1.
JavaScript
var angular1 = angular .module('uiroute', ('ui.router')); angular1.controller('CarController', function ($scope) { $scope.CarList = ('Audi', 'BMW', 'Bugatti', 'Jaguar'); }); (Codul este aici: https://dzone.com/articles/learn-different-about-angular-1-angular-2-amp-angu )
TypeScript
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; import { AppModule } from './app.module'; platformBrowserDynamic().bootstrapModule(AppModule); import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { AppComponent } from '../app/app.component'; @NgModule({ imports: (BrowserModule), declarations: (AppComponent), bootstrap: (AppComponent) }) export class AppModule { } import { Component } from '@angular/core' @Component({ selector: 'app-loader', template: ` Welcome to Angular with ASP.NET Core and Visual Studio 2017
` }) export class AppComponent{} (Codul este aici: https://dzone.com/articles/learn-different-about-angular-1-angular-2-amp-angu )
# 2) Arhitectură
În timp ce AngularJS se bazează pe MVC proiectare (model-vizualizare-controler), utilizează unghiular servicii / controler . Astfel, dacă faceți upgrade de la Angular 1 la Angular 2, există posibilitatea de a rescrie întregul cod.
În Angular 4, dimensiunea pachetului este redusă în continuare cu 60%, ajutând astfel la dezvoltarea accelerată a aplicațiilor.
Controler de vizualizare model și controler de servicii
(Sursa imaginii dzone.com)
# 3) Sintaxă
În AngularJS trebuie să vă amintiți directiva potrivită pentru a lega o imagine / proprietate sau un eveniment.
lățime prima căutare arborele c ++
Cu toate acestea, Angular (2 și 4) se concentrează pe „()” pentru legarea evenimentelor și „()” pentru legarea proprietăților.
# 4) Asistență mobilă
AngularJS a fost introdus fără suport integrat pentru dezvoltarea aplicațiilor mobile. Cu toate acestea, Angular oferă suport pentru construirea de aplicații mobile native, ceea ce este ceva similar cu ceea ce oferă React Native.
# 5) Optimizat SEO
Pentru dezvoltarea aplicațiilor optimizate SEO în AngularJS, a fost necesară redarea codului HTML de pe partea serverului. Această problemă a fost eliminată în Angular 2 și Angular 4.
# 6) Performanță
În mod specific, AngularJS este pentru designeri. Nu oferă mult pentru dezvoltatori să se joace.
Cu toate acestea, Angular are multe componente pentru a susține cerințele unui dezvoltator, prin urmare poate îmbunătăți performanța generală a aplicației, în special în ceea ce privește injecția de viteză și dependență.
# 7) Pachet de animație
Când a fost introdus AngularJS, codul necesar pentru animație a fost întotdeauna inclus în aplicație, indiferent dacă este necesar sau nu. Dar în Angular 4, animația este un pachet separat care elimină necesitatea de a descărca pachete de fișiere mari.
AngularJS
Unghiular 4
Ar trebui să faceți upgrade la Angular de la AngularJS?
Este întotdeauna recomandabil să faceți upgrade la o nouă versiune a tehnologiei.
Cea mai bună întrebare este - ÎN este momentul potrivit pentru a trece la o versiune mai nouă de Angular?
Asa de,
- Dacă doriți să dezvoltați aplicații web complexe, atunci cu siguranță trebuie să faceți upgrade la versiunea mai nouă a Angular.
- Dacă credeți că este imperativ pentru dvs. să dezvoltați aplicații mobile, atunci actualizați-le mai bine.
- Dacă sunteți interesat doar de dezvoltarea de aplicații web mai mici, atunci mai bine rămâneți la AngularJS, deoarece configurarea versiunilor mai noi de Angular este mai complicată.
Unghiular 5 V unghiular 6
Echipa Google a lansat Angular 5 cu multe funcții noi, precum și îmbunătățiri ale serviciilor și remedieri de erori de la versiunea 4. Angular 5 este mult mai rapid, cu un timp de încărcare îmbunătățit și are și un timp de execuție mai bun.
Cea mai recentă linie este Angular 6. Potrivit echipei Google, aceasta este o versiune majoră care se concentrează pe facilitarea deplasării rapide a lanțului de instrumente cu Angular în viitor și mai puțin pe cadrul de bază.
de actualizare este o nouă comandă CLI care este introdusă cu Angular 6. Acesta analizează package.json și recomandă actualizări ale aplicației dvs. utilizând cunoștințele sale despre Angular.
O altă comandă CLI care a fost introdusă este de adăugare ceea ce face ușoară adăugarea de noi capacități la proiect. Utilizează managerul de pachete pentru a descărca noi dependențe. De asemenea, poate invoca un script de instalare care vă poate actualiza proiectul cu modificările de configurare și adăuga dependențe suplimentare.
Angular 6 acceptă versiunea 6 a RxJS. RxJS v6 și are câteva modificări majore. Acesta oferă un pachet de compatibilitate inversă rxjs-compat, care asigură că aplicațiile dvs. funcționează în continuare.
Concluzie
Noile versiuni ale AngularJS, adică Angular 2, Angular 4, Angular 5 și Angular 6 au multe caracteristici, dar asta nu înseamnă că AngularJS este învechit. Mulți oameni folosesc în continuare AngularJS pentru dezvoltarea unei mici aplicații web.
Dar cred că, mai devreme sau mai târziu, utilizatorii ar trebui să facă upgrade la noile versiuni, deoarece noile funcții introduse de echipa Google ar fi disponibile numai în noile versiuni.
Astfel, este recomandabil să faceți upgrade cât mai curând posibil, deoarece migrarea la o nouă versiune ar necesita codificare de la zero.
În următorul tutorial, vom învăța cum să folosim instrumentul de testare Protractor pentru testarea end-to-end a aplicațiilor AngularJS.
Lectură recomandată
- Construiți aplicație cu o singură pagină utilizând AngularJS (Tutorial cu exemplu)
- Diferența dintre Desktop, Client Server Testing și Web Testing
- Testarea performanței vs testarea sarcinii vs testarea stresului (diferență)
- Testare statică și testare dinamică - Diferența dintre aceste două tehnici importante de testare
- Directiva AngularJS cu primul nostru exemplu AngularJS
- 101 Diferențe între elementele de bază ale testării software-ului
- Ce este testarea compatibilității software?
- Testarea funcțională vs. Testarea performanței: ar trebui să se facă simultan?