K9120 JavaScript Super Avanceret Kursus

Opbyg jeres eget avancerede JavaScript kursus ud fra nedenstående emner. Rækkefølge og valg af moduler er efter eget ønske. Kurset vil typisk køre over 1-2 dage. Da ZoomTek benytter forskellige instruktører, tages der forbehold for, hvilke moduler, der kan undervises i…

| 3 dage | Afholdes i hele Danmark |

Det superavancerede JavaScript kursus er ment som en samling moduler, som du som kunde kan plukke fra. Kursusindholdet listet nedenfor er altså ikke et samlet kursus, men et oplæg til kursus. Du kan som kunde vælge f.eks. modul 4,11 og 21 i vilkårlig rækkefølge og prioritering.

Kurset afholdes af en ekstern instruktør. Derfor kan ZoomTek ikke love at alle nedenstående, listede moduler kan afholdes overalt i Danmark. Kursusprisen er noget højere for dette kursus.

Der er ingen øvre eller nedre grænse for, hvor længe et modul kører over. Det er muligt at lave et helt kursus for et eller to moduler alene. Planlægning sker i tæt samarbejde med instruktøren.

Efter kurset kan du

Kurset er på et niveau, hvor pensum altid vil blive afstemt med kursusdeltagerne. Har du specielle indholdsønsker, kan disse ofte blive en del af kursusplanen.

Indhold af kurset i JavaScript Super Avanceret

1 | Closures avanceret

• Closures og Referencer
• Closures og loops
• Asynkrone funktioner

2 | XML, CSS3 og HTML5

• JavaScript integration med XML
• JavaScript integration med CSS3 og HTML5
• Avanceret brug af Cookies
• Avanceret Dynamisk HTML

3 | JavaScript og OOP

• Fordele ved OOP i JavaScript

4 | JavaScript API’er

• Web Storage API
• Fetch API
• Web workers API
• Web Socket API
• WebSQL API
• DragDrop API
• Clipboard API

5 | JavaScript prototyper og prototypenedarvning

• Nedarvning
• Recursiv kode
• Instances og Instance Types
• Constructors, factories
• Indbyggede Prototypes, nedarvede Prototypes

6 | Event Delegation

• Hvad er Delegation?
• Hvordan bruges og udnyttes Delegation i kode?
• Forskel på Delegation og almindelig eventstyring

7 | Funktionel programmering

• Introduktion til funktionel programmering
• Principper ved funktionel programmering

8 | Templating værktøjer

• Brug af handlebars.js til brug af templates

9 | Testning og avanceret fejlfinding

• Brug af unit testing til JavaScript – fordele/muligheder
• Brug af Jest
• Brug af Mocha
• Debugging værktøjer
• Brug af call stack og stack traces
• Asynkrone fejl

10 | Memory management og garbage collection

• JavaScript håndterig af hukommelse
• Styring af garbage collection
• Sådan undgår man hukommelseslækager

11 | Event loop, microtasks og macrotasks

• Dyb gennemgang af event loop
• Forskellen på microtasks/promises og macrotasks/setTimeout
• Indflydelse på asynkron programmering

12 | Web workers og multithreading i JavaScript

• Hvad er web workers?
• Kørsel af web workers uden om hovedtråden
• Brug af multithreading

13 | TypeScript i JavaScript

• Fordele ved TypeScript
• Type-safe programmering
• Blanding af JavaScript og TypeScript

14 | Egne DOM events og shadow DOM

• Hvordan oprettes egne DOM-events
• Hvad er Shadow DOM, og hvad kan det bruges til?
• Brug af indkapslede komponenter ved hjælp af Shadow DOM

15 | Service workers og progressive web apps (PWA)

• Hvad er service workers?
• Styring af cache med service workers
• Oprettelse af Progressive Web Apps

16 | JavaScript’s Symbol og iterators

• Symbol som unikke og immutabile datatyper, og
• Brug af iterators og generators

17 | Design patterns

• Introduktion til Mediator
• Introduktion til Strategy
• Introduktion til Command
• Brug af singleton, observer og factory patterns

18 | Module bundlers og build værktøjer

• Styring af projekter
• Klargøring til produktion
• Overblik over bl.a. Webpack, Parcel og Rollup

19 | JavaScript Sikkerhed

• XSS (Cross-Site Scripting)
• CSRF (Cross-Site Request Forgery)

20 | GraphQL som alternativ til REST

• Introduktion til GraphQL
• Brug af API’er i JavaScript

21 | Reactive programmering med RxJS

• Introduktion til RxJS-biblioteket
• Eksempler på RxJS
• Brug af RxJS i f.eks. Angular

22 | WebAssembly (Wasm)

• Hvad er Wasm?
• Hvordan benyttes Wasm?

23 | Server-Side rendering (SSR)

• Introduktion til Next.js
• Introduktion til Nuxt.js
• Hvilken rolle spiller Next.js og Nuxt.js for f.eks. SEO og performance?

24 | Machine learning i JavaScript

• Hvilke biblioteker findes til machine learning?
• Brug af TensorFlow.js

25 | JavaScript mobile apps og PWA-udvikling

• Introduktion til React Native

26 | Progressive Web Apps (PWA)

• Hvad dækker begrebet PWA over?
• Sådan laves app-lignende løsninger i en browser
• Responsive JavaScript-løsninger, som fungerer til alle skærmstørrelser
• Brug af Service Workers til understøttelse af offline løsninger
• Optimering af dataindlæsning
• Oprettelse af push-notifikationer
• PWA’er og sikkerhed gennem HTTPS

27 | Indmaden i JavaScript

• Hvordan fungerer V8-motoren, som benyttes i Google Chrome, Edge, Opera og Node.js
• Hvordan fungerer SpiderMonkey og JavaScriptCore til henholdsvis Firefox og Apple
• Hvordan får man indblik i V8?
• Fordele ved kendskab til V8 – herunder performance

28 | Avancerede emner

• Arrays og Typed Arrays
• Collection Objektet
• Template Strings
• Conditional Compiling
• Iterators og Generators

29 | Diverse emner

• Kursisters egne emner
• Asynkron styring af JavaScript med SetTimeOut og SetTimeInterval
• Fejlfinding
• Scopes, Namespaces
• Intro til TypeScript

Dette er ikke et standardkursus

Ud fra ovenstående moduler kan I selv samle et kursus. Prioritering, rækkefølge og tidsforbrug aftales med instruktøren i hvert eneste tilfælde. Kurset køres kun som lukket firmakursus og til en forhøjet pris grundet udvidet forberedelsestid til instruktøren.

Begrænsninger

Ikke alle moduler kan nødvendigvis afholdes. ZoomTek benytter eksterne instruktører, og kursusplanen skal altid laves i samarbejde med instruktøren.

Kontakt ZoomTek for mere information

Ring på telefon 4250 5040 eller send en e-mail til info@zoomtek.dk. Du kan også udfylde formularen nederst.

Praktisk information

Angular®, Apple®, Google®, Java®, JavaScript®, Node.js®, Prototype®, React®, Zoom® (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 website or passes the courses on to an external course provider. Read more about the use of trademarks on ZoomTek.dk