Introduktion

Angular er i sandhed en bedre AngularJS. Det har erstattet en masse af den gamle cruft, der var til stede i AngularJS, og det overgår også mulighederne i andre konkurrerende frameworks.

Alligevel er Angular helt anderledes end AngularJS. Det er ikke så enkelt som at køre npm install for at opgradere dine AngularJS-apps til Angular. Det er grundlæggende en anden ramme – men den er baseret på de samme idéer, som oprindeligt gjorde AngularJS fantastisk, samt nogle nye idéer & teknologier, der er opstået i de seneste år.

De fleste tutorials forudsætter, at du allerede kender alle de teknologier, som Angular afhænger af (TypeScript, RxJS osv.). ). De undlader også at linke til dokumentationen og andre relevante ressourcer, hvilket efterlader dig med et meget begrænset perspektiv på rammen. Hvis du har forsøgt at lære at bruge Angular og er endt med æg i ansigtet, er du ikke den eneste. Dette er utroligt frustrerende og var den primære motivation bag oprettelsen af dette kursus. Vi har gjort os store anstrengelser for at sikre, at dette kursus er den mest glatte 0-60 oplevelse for at lære Angular.

Interessant nok var det præcis det samme problem, som AngularJS oprindeligt havde i sine tidlige dage. Vi endte med at skabe “A Better Way to Learn AngularJS” for at løse dette problem for os selv, og det endte med at blive de facto-ressource til at lære AngularJS. Faktisk synes historien at have en måde at gentage sig selv på!

Hvad denne tutorial-serie vil dække

Denne tutorial-serie har til formål at lære dig alt, hvad du har brug for at vide for at bygge virkelige applikationer med Angular. Vi vil dække, hvordan rammen har ændret sig i forhold til AngularJS (og især hvorfor den har ændret sig), dybe dyk i forudsætningsteknologier som TypeScript & RxJS, de grundlæggende byggeblokke, som Angular eksponerer for udviklere, og eksempler fra den virkelige verden fra Angular RealWorld App-repo’en hvert skridt på vejen for at størkne din viden.

Forudsætninger

Eksponering for Angular og Javascript

Vores kursus i Angular 1.5 + ES6 er en fremragende grundbog i opbygning af moderne Javascript-applikationer.

Hvis du aldrig har oprettet en Angular-applikation før og har begrænset Javascript-erfaring, bør du måske starte med at gennemgå vores super begyndervenlige MEAN stack-tutorial først.

Har Node.js og npm installeret på din computer

Hvis du ikke har det, kan du følge disse instruktioner.

Installer Angular CLI

Hvis du ikke har det, kan du følge disse instruktioner.

Generel forståelse af ES6

Hvis du ikke har hørt om ES6 endnu, er det grundlæggende en ny syntaks og nye funktioner for Javascript. Vi linker til ressourcer om specifikke aspekter af det i den næste tutorial, men her er en omfattende liste, der beskriver de fleste af ES6’s funktioner.

Kendskab til komponentbaseret udvikling og webkomponenter

Komponenter giver mulighed for en klar adskillelse af bekymringer og giver dig mulighed for at bygge meget genanvendelig kode. Angular (og andre frameworks som React og Ember) har taget dem til sig, og dette uddrag fra vores kursus om React forklarer på glimrende vis, hvad de går ud på.

Ressourcer

Læreplanen vil anvende et sundt antal fremragende blogs for at tilbyde et mere kødfuldt perspektiv på respektive emner.

  • Angular Docs
  • Angular RealWorld App repo

Særlig tak til:

  • Angular Docs
  • Angular RealWorld App repo

Særlig tak til…

  • Eric Simons, Stephen Rodriguez og Albert Pai for at have sammensat denne serie
  • Brad Green og Angular-teamet for deres støtte (og selvfølgelig for den fremragende ramme, de har skabt)
  • Alle vores Pro-medlemmer, der har hjulpet med at finansiere oprettelsen af dette kursus
  • og mange, mange flere <3

Skriv et svar

Din e-mailadresse vil ikke blive publiceret.