difference between angular versions
Razumevanje razlike med različnimi kotnimi različicami: AngularJS Vs Angular 2, Angular 1 vs Angular 2, Angular 2 vs Angular 4 in Angular 5 Vs Angular 6
Raziskovali smo razvoj SPA s pomočjo AngularJS v naši prejšnji vadnici. Ta vadnica bo pojasnila več o razlikah med različicami Angular.
Ker sem nekdo, ki že skoraj desetletje dela na področju razvoja, sem videl, kako so se tehnologije razvijale. Podobno velja tudi za front-end tehnologije. Včasih sta v industriji prevladovala HTML in CSS.
Toda danes, ne da bi imeli dobre spretnosti v Kotni JS , ne morete dobiti dobrega dela kot front-end razvijalec. Ne zamudite prebrati našega Serija vadnic AngularJS za začetnike .
S prihodom tehnologije Blockchain in novimi projekti, ki temeljijo na Blockchainu, se je povpraševanje po razvijalcih, ki so usposobljeni za AngularJS, v mnogih gubah povečalo.
Kaj se boste naučili:
- O Angular in AngularJS
- Razlike med različnimi kotnimi različicami
- Bi morali nadgraditi na Angular z AngularJS?
- Kotni 5 Vs Kotni 6
- Zaključek
- Priporočeno branje
O Angular in AngularJS
Ta uvod bi bil zelo koristen za tiste, ki o Angularju ne vedo veliko.
Angular je splošen izraz, ki se uporablja za vse različice, ki so prišle po AngularJS (Angular 1), tj. Angular 2, Angular 4, Angular 5 in zdaj Angular 6. Ima najnovejši in najbolj izpopolnjen okvir do danes za oblikovanje spleta aplikacija, ki je dinamična in odzivna.
najboljši brezplačni požarni zidovi za Windows 10
V zadnjih petih letih se je AngularJS drastično razvil. Prvič je bil predstavljen leta 2009 in omogoča dvosmerno vezavo podatkov. Z uporabo HTML-ja kot jezika predloge ustvari okolje, ki se hitro razvije in je lažje berljivo.
Angular omogoča razvijalcem, da ustvarijo več kod za večkratno uporabo. Tako morajo razvijalci narediti manj kodiranja, kar prihrani čas in pomaga močno povečati učinkovitost. Zaradi tega so podjetja za razvoj spletnih aplikacij AngularJS zelo iskana.
Zakaj se odločiti za AngularJS ali Angular?
Glede na funkcije, ki jih ponuja AngularJS, je logična izbira za razvoj napredne spletne aplikacije, zgrajene na okolju JavaScript, zlasti za rešitve, ki temeljijo na Blockchainu.
Danes so enostranske aplikacije priljubljene, saj ponujajo izboljšano navigacijo in informacije predstavljajo na način, ki ga je veliko lažje razumeti. AngularJS lahko uporabimo za razvoj odličnih aplikacij na eni strani, ki nudijo zadovoljivo uporabniško izkušnjo.
AngularJS, ki ga je razvila nadarjena ekipa Googlovih razvijalcev, ima trdne temelje, veliko skupnost in je tudi dobro vzdrževan.
Razlike med različnimi kotnimi različicami
- AngularJS Vs Angular 2
- Kotni 1 Vs Kotni 2
- Kotni 2 Vs Kotni 4
Začenši z AngularJS (znan tudi kot Angular 1), ki mu sledi Angular 2, danes imamo različico Angular 6 te zelo razvijajoče se tehnologije.
Na hitro si oglejmo razlike, ki bi jih lažje nadgradili.
# 1) Programski jezik
Angular 1 je za izdelavo aplikacije uporabil JavaScript.
Kot nadgradnjo na Angular 1 pa Angular 2 uporablja TypeScript, ki je nadnabor JavaScript in pomaga pri gradnji več struktur in robustne kode.
Z napredovanjem je bila združljivost različice TypeScript še nadgrajena z Angular 4, ki podpira TypeScript 2.0 in 2.1.
JavaScript
var angular1 = angular .module('uiroute', ['ui.router']); angular1.controller('CarController', function ($scope) { $scope.CarList = ['Audi', 'BMW', 'Bugatti', 'Jaguar']; });
[Koda je tukaj: 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{}
[Koda je tukaj: https://dzone.com/articles/learn-different-about-angular-1-angular-2-amp-angu ]
# 2) Arhitektura
Medtem ko AngularJS temelji na MVC (model-view-controller) zasnova, Angular uporablja storitve / krmilnik . Če torej nadgrajujete s kota 1 na kot 2, obstaja možnost, da morate celotno kodo prepisati.
V programu Angular 4 se velikost svežnja dodatno zmanjša za 60% in s tem pomaga pri pospešenem razvoju aplikacij.
Model View Controller in Controller Services
[Vir slike dzone.com]
# 3) Sintaksa
V AngularJS si morate zapomniti pravi ngdirektiv za vezavo slike / lastnosti ali dogodka.
Vendar se Angular (2 in 4) osredotoča na »()« za vezavo dogodkov in »[]« za vezavo lastnosti.
# 4) Mobilna podpora
AngularJS je bil predstavljen brez vgrajene podpore za razvoj mobilnih aplikacij. Vendar Angular ponuja podporo za izdelavo izvornih mobilnih aplikacij, kar je nekaj podobnega tistemu, kar ponuja React Native.
# 5) Optimizirano za SEO
Za razvoj SEO optimiziranih aplikacij v AngularJS je bilo potrebno upodabljanje HTML-ja na strani strežnika. Ta težava je bila odpravljena v kotnih 2 in 4.
# 6) Uspešnost
Natančneje, AngularJS je namenjen oblikovalcem. Razvijalcem ne ponuja veliko, s čimer bi se lahko igrali.
Vendar ima Angular veliko komponent, ki podpirajo zahteve razvijalca, zato lahko izboljša splošno delovanje aplikacije, zlasti pri vbrizganju hitrosti in odvisnosti.
# 7) Animacijski paket
Ko je bil uveden AngularJS, je bila koda, potrebna za animacijo, vedno vključena v aplikacijo, ne glede na to, ali je potrebna. Toda v Angular 4 je animacija ločen paket, ki odpravlja potrebo po prenosu svežnjev velikih datotek.
Kotni JS
Kotni 4
Bi morali nadgraditi na Angular z AngularJS?
Vedno je priporočljivo nadgraditi na novo različico tehnologije.
Boljše vprašanje je - IN hat je pravi čas za nadgradnjo na novejšo različico programa Angular?
Torej,
- Če želite razviti zapletene spletne aplikacije, morate vsekakor nadgraditi na novejšo različico programa Angular.
- Če menite, da je nujno, da razvijate mobilne aplikacije, jih raje nadgradite.
- Če se ukvarjate samo z razvojem manjših spletnih aplikacij, raje se držite AngularJS, saj je postavitev novejših različic Angularja bolj zapletena.
Kotni 5 Vs Kotni 6
Googlova ekipa je izdala Angular 5 s številnimi novimi funkcijami, pa tudi izboljšavami storitev in popravki napak od različice 4. Angular 5 je veliko hitrejši z izboljšanim časom nalaganja in ima tudi boljši čas izvedbe.
Najnovejši na vrsti je Angular 6. Po mnenju Googlove ekipe gre za glavno izdajo, ki je osredotočena na lažje hitro premikanje orodne verige z Angular-om v prihodnosti in manj na osnovni okvir.
posodobitve je nov ukaz CLI, ki je predstavljen z Angular 6. Analizira package.json in priporoča posodobitve vaše aplikacije z uporabo njenega znanja o Angular.
Uveden je še en ukaz CLI doda kar olajša dodajanje novih zmogljivosti vašemu projektu. Za prenos novih odvisnosti uporablja upravitelja paketov. Prav tako lahko prikliče namestitveni skript, ki lahko vaš projekt posodobi s spremembami konfiguracije in doda dodatne odvisnosti.
Kotni 6 podpira različico 6 RxJS. RxJS v6 in ima več pomembnih sprememb. Ponuja paket združljivosti za nazaj rxjs-compat, ki zagotavlja, da vaše aplikacije še naprej delujejo.
Zaključek
Nove različice AngularJS, torej Angular 2, Angular 4, Angular 5 in Angular 6, imajo veliko funkcij, vendar to ne pomeni, da je AngularJS zastarel. Veliko ljudi še vedno uporablja AngularJS za razvoj majhne spletne aplikacije.
Verjamem pa, da bi morali uporabniki prej ali slej nadgraditi na nove različice, saj bi bile nove funkcije, ki jih je uvedla Googlova ekipa, na voljo le v novih različicah.
Zato je priporočljivo nadgraditi čim prej, saj bi za prehod na novo različico bilo potrebno kodiranje iz nič.
V naslednji vadnici bomo izvedeli, kako uporabljati orodje za testiranje kotomer za preskušanje aplikacij AngularJS od konca do konca.
PREV Vadnica | NASLEDNJA Vadnica
Priporočeno branje
- Zgradite aplikacijo za eno stran z uporabo AngularJS (Vadnica s primerom)
- Razlika med testiranjem namizja, odjemalskega strežnika in spletnim preskušanjem
- Preskušanje učinkovitosti v primerjavi s preskusom obremenitve v primerjavi s testiranjem izjemnih situacij (razlika)
- Statično preskušanje in dinamično preskušanje - razlika med tema dvema pomembnima preskusnima tehnikama
- Direktiva AngularJS z našim prvim primerom AngularJS
- 101 razlike med osnovami preizkušanja programske opreme
- Kaj je testiranje združljivosti programske opreme?
- Funkcionalno preskušanje v primerjavi s preizkušanjem učinkovitosti: Ali ga je treba izvajati hkrati?