| 3 dage | Afholdes i hele Danmark |
Om AngularJS
AngularJS og Angular m/TypeScript
Målgruppe
Kurset henvender sig til frontendudviklere og webprogrammører, som ønsker at lære SPA-udvikling med AngularJS. Kurset henvender sig både til absolut nybegyndere og udviklere med selvlært rutine i AngularJS.
Forudsætninger
Kurset i AngularJS er for nybegyndere i AngularJS. Til gengæld må du gerne have rutine i JavaScript, som indgår i kurset. Du bør endvidere have rutine i almindelig HTML5 og CSS. Der kan blive vist eksempler på JQuery og JQLite på kurset.
Grundkursus og Udvidet kursus
Kursusbeskrivelsen nedenfor kan ændres og tilrettelægges både opad og nedad i niveau. Derfor tilbydes både et grund- og udvidet kursus. Inden kurset tager instruktøren et webmøde, så alt bliver timet og tilrettelagt - og deltagere og instruktør får hilst på hinanden. Jeres emner kan inddrages i kurset.
Ring 4250 5040 og lad os finde en dato
Kurset holdes, når det passer i jeres kalender. Kom gerne med datoforslag. På den måde kan der komme skub i jeres projekter, og I behøver ikke vente unødigt på et kursus.
Kursus i Jeres virksomhed er nemmest
For alle parter er det nemmest at holde kurset i et mødelokale på jeres adresse. ZoomTek tilbyder også online kurser/fjernkurser eller kurser afholdt på et hotel. Kurser laves i hele Danmark.
Efter kurset kan du
Kurset er bredt og lærer dig de grundlæggende discipliner i AngularJS udvikling.
Er du allerede fortrolig med nedenstående termer, anbefaler vi kurset AngularJS Udvidet. ZoomTek har også kursus i Angular med TypeScript. En nyere Angular version, der er væsentligt anderledes i forhold til AngularJS.
Det får du også......
Indhold af kurset i AngularJS Grundlæggende
1 | Introduktion til AngularJS
Det første modul er en generel introduktion. Inden 10 minutter er har deltagerne lavet det første eksempel, som viser AngularJS i en simpel udgave.
- Generel introduktion til AngularJS
- HelloWorld – det første eksempel
- Hvad er AngularJS og hvad er AngularJS ikke
- Hvad er MVW, MVVM, MVC?
- Single Page Application (SPA) – hvordan defineres en sådan
- Udfordringen ved SPA’er
- AngularJS.org – ressourcer og dokumentation
- Link til AngularJS-bibliotek
2 | De vigtigste begreber og koncepter
Modulet gennemgår de helt bærende begreber i AngularJS krystaliseret ud på simple eksempler og hands-on øvelser.
- Directives, Models, Scope, Expressions og View
- ngRepeat Dokumentation
- Brug af Filtre (minder lidt om PowerShell i syntaks)
- Brug af Filter Demo
- Views, Controllers og Scope
- Globale Namespaces
- Oprettelse af etView og en Controller
- Moduler, Routes og Factories
3 | Data Binding
- Data binding mellem View og Data Model
- Loope med ng-repeat Directive
- ng-Repeat eksempel
- API Reference til Directives
- ng-show, ng-hide og andre ‘lavthængende frugter’
4 | Controllers
- Hvad er en Controller?
- Hvorfor er en Controller en central brik i al AngularJS-kode?
- En Controller er en constructor-funktion, der bl.a. styrer $scope-objektet – hvorfor, hvordan?
- En Controller er bindeled mellem Application Model og View
- Konkret Hello World kode
5 | Services, Factoring og Dependency Injection
- Hvad er en service?
- Brug af indbyggede services i AngularJS herunder $http
- Forskel på services og factoring
- Indsættelse af flere services i samme controller
6 | Scopes
Scopes er et objekt, der refererer til Application Model. Scopes styrer Expressions og håndterer Events. Scopes binder Application Controller sammen med View.
- Hello World med Scopes
- Brug af Scopes i en Controller
- Brug af $watch, $digest og $apply. Forståelse for hvornår disse skal benyttes, og hvornår AngularJS håndterer disse internt
- Brug af indlejrede scopes (nested scopes). Sondring mellem Child Scopes og Isolated Scopes.
7 | Expressions og Filters
Med Expressions og Filters kan man vise data i HTML (View). Du kan således både vise data, lave simple beregninger, vise indhold fra et array og properties fra et objekt i Expression. Filters og Filter Chaining muliggør formatering af data.
- Expressions
- Filters
8 | Indbyggede objekter
De mest almindelige indbyggede objekter
9 | Forms, Validations
Forms kendes fra almindelig HTML-kode. Det er en række kontrolelementer omsluttet af et form-element. Med AngularJS kan vi lave manipulation med forms.
- Styring af status på felt. Spørge på eller ændre status på om et felt er valid, ikke-valid, om feltet er ændret, ikke er ændret m.v.
- Sammenbinding af form og kontrolelementer
- Update triggers (normalt opdaterer AngularJS alt på skærmen med det samme, men det kan selvfølgelig styres)
- Validering – styring af indbygget validering i HTML5
- Validering – tilpasset validering – f.eks. med Regular Expressions
10 | Directives
- Flere indbyggede directives i AngularJS
- Oprettelse af egne Directives – en hjørnesten i AngularJS
11 | Opbygning af moduler
- Repetition: hvad er et modul?
- Hello World kode for opbygning af simpelt modul
- Dependencies – altså hvilke afhængigheder bygger modulet på
12 | Unit Testing med Jasmine
- Hvorfor MVC strukturen i AngularJS gør Unit Testing om ikke nem, så i hvert fald nemmere
- Eksempler på forskellige værktøjer – primært ‘Jasmine’
- Brug af Angular-mocks
- Test af Controllers
13 | Opsætning af Node.js
AngularJS kan godt køre uden Node.js. Node.js er en server, som man kan interagere med AngularJS til mere avancerede tests. Node.js skal downloades og ved hjælp af npm (Node Package Manager) kommandoer kan serveren opsættes. Herefter kan man køre en række AngularJS kørsler op mod denne server.
- Hvad er Node.js?
- Hvor downloades den?
- Hvordan installeres den?
- Hvordan får man bugt på npm-init fejlen, som ofte opstår ved opsæt
- Hvor findes ekstra packages til udvidelse af serveren (små programmer, der downloades og kan opsættes med 1 kommando fra en kommando-prompt)
- Tutorials med Node.js og AngularJS – best practice
AngularJS benytter Modul/View/Controller tilgangen til udvikling. Man adskiller data, logik og visninger fra hinanden, hvilket gør programmering nemmere og mere skalérbart i større projekter (separation of concerns).
Angular Directives
AngularJS laves bl.a. ved hjælp af såkaldte directives. Har du ikke arbejdet med AngularJS før, så betyder det, at AngularJS laves som almindelig HTML tilføjet specielle attributter, som kaldes directives. Data gemmes i en Application Model og vises med Views og Expressions.
Adskillelse af data, logik og visning
Konklusionen er, at du adskiller skærmbilleder fra data. Du slipper for at bekymre dig om, hvorvidt data bliver opdateret og vist rigtigt på skærmen – det sker automatisk i AngularJS. AngularJS har indbygget jQLite (JQuery Light).
Kursusinstruktør:
ANS, SIM, TKO, PNT
Kurset er et formidlingskursus
ZoomTek Kurser
Kurset er udviklet 100% af ZoomTek og/eller af kursusafholder.Kursus hos Jer
Kurset kan køres på jeres adresse. Nemt og praktisk...I skal blot have et mødelokale og wifi.
Remote via video
Kolleger kan deltage remote via video. Så kan alle deltage, selv om I har afdelinger i hele landet eller udlandet. Kurser kan afholdes på engelsk.Praktisk information
Kontakt ZoomTek og lad os tage et webmøde
Du kan også udfylde kontaktformularen nedenfor.
Angular, Google, Java, JavaScript, Microsoft, PowerShell, SharePoint (and others) are either registered trademarks or trademarks in the United States and/or other countries. On this page you may find other trademarks and/or registered trademarks that belong to third parties and are the property of their respective owners. ZoomTek does’nt have an affiliation, endorsement, sponsorship, or approval with or by any of these companies and their respective trademarks. ZoomTek has developed all courses on this page. Read more about the use of trademarks on ZoomTek.dk