Kurser

5 dages kursus 
Læring inden for et specifikt emne

Learn Modern Web Development: HTML, CSS, asynchronous JavaScript and PWA

Kontakt os på tlf. 7220 3000 eller skriv til  kurser@teknologisk.dk for at høre mere.

Ingen planlagte afholdelser.
DKK  24.999
ekskl. moms
Nr. 90259 A
4,3
Fremragende
8 anmeldelser
Arrangementer på Teknologisk Institut bliver evalueret af deltagerne. Stjernerne angiver deltagernes gennemsnitlige tilfredshed inden for de sidste 5 år.
Available in English

Lær at skabe moderne, hurtige og fleksible webapplikationer til mobilenheder og computere, der er baseret på de nyeste teknologier. Kurset gennemgår de mest populære og succesfulde webmønstre og teknologier, og der kigges på ydeevne, debugging og tests samt tilgængelighed og video. Kurset opdateres jævnligt for at holde trit med det sidste nye. Undervisningen foregår på engelsk.

Skriv apps, der er bygget på moderne webteknologier

På kurset lærer du grundprincipperne i HTML, CSS og JavaScript. Derudover gennemgås mere avancerede emner som transpilere, udskudt indlæsning, destrukturering af JSON og asynkron programmering.

Du lærer at oprette apps, som dynamisk tilpasser sig skærmstørrelser med CSS Flexbox, CSS Grid, CSS-variabler, relative skrifttypestørrelser og responsive billeder.

Kurset dækker også alle PWA-teknologier, herunder opbevaring af data i browseren, cachelagring af filer, betalings-API'er og andre krav til en rigtig app. PWA'er er sikre og installerbare. De kan køre offline og vise systemmeddelelser, selv når appen ikke kører.

Deltagerprofil

Kurset er beregnet til alle udviklere med minimum 6 måneders erfaring, som ønsker at skrive webapplikationer og mobile webapplikationer med HTML, JavaScript og CSS.

Forudsætninger

Kendskab til ethvert moderne programmeringssprog.

Udbytte

  • Bliv i stand til at skabe moderne webapplikationer til mobil og computere
  • Få et grundigt kendskab til grundprincipperne i HTML, CSS og JavaScript
  • Gå i dybden med flere funktioner, der forbedrer dine webapplikationer
  • Lær om det sidste nye inden for webudvikling

Det får du på kurset

Vi sørger for, at rammerne er i orden, så du kan fokusere på at lære.

Efter du har fuldendt kurset, vil du modtage et kursusbevis.

Kursusbevis

Hos Teknologisk Institut bruger vi kun erfarne undervisere.

Erfaren underviser

På dette kursus vil der højest være MAKS DELTAGERE pr. hold.

Maks. 10 deltagere

På kurset får du morgenmad, frokost, snacks og drikkevarer.

Fuld forplejning

Materiale på engelsk

Materiale på engelsk

Undervisning på engelsk

Undervisning på engelsk

Tæt på kursusstedet er der gratis parkering.

Gratis parkering

Indhold

JavaScript 202X(ECMAScript)
  • We'll cover basic syntax as well as useful new additions to the language. Most notable: Variable declarations with let, var and const; Class syntax; Modules; Template strings; Arrow functions; Default parameters in functions; for..of loops; Promises and async/await asynchronous function handling; Destructuring; Rest and Spread operators for quick array and object manipulations; Maps (key-value pairs) and Sets (unique values); Modules and Lazy Loading.
CSS 202X
  • Explaining CSS precedence. Both well known and the latests selectors, pseudo classes and pseudo elements are discussed as well as style attributes. Techniques to adjust to the screen size are responsive images as well as Web Fonts and flexible font sizes. CSS Flexbox (1 dimension layout), CSS Grid (2 dimension layout) and CSS Custom Properties will be covered. The Grid allows forlayouts that were previously impossible or could only be achieved with JavaScript. Grid also surpasses Bootstrap in possibilities, flexibility and has a simpler markup.
HTML 5.Xand beyond
  • Basics like the Document Object Model (DOM) and manipulation thereof as well as the working of the eventsystem are covered. We'll dive deeperinto handling both touch and mouse event to work with all types of devices, not only desktops. HTML Forms input types and validation methods are covered.
Progressive WebApps
  • Progressive Web Apps (PWA) is a set of technologies you can use to enhance a website with application behaviour:
    - Installable: The website can be added to the home screen of the device.
    - Web App Manifest: Defining the icon, home screen title, splash screen, background color and home page.
    - Fetch: Simple and powerful API to fetch resources (successor of XMLHttpRequest).
    - Offline and online behaviour: No matterif there is a network connection, the app will work using Service Workers to controlrequests and toring responses to requests offline using the Cache API, Web Storage or IndexedDB.
    - Notifications. Send updates from the serverto the app with the Push API and use the Notification API to generate system notifications even if the app is notrunning.
    - Safe: Only https (orlocalhost for development).
    - Progressive: Use the above technologies if they are available, but the page (app) will work if the device's browseris less capable.
    - Stores: PWA can even be published to the Microsoft Store and become Windows Apps.
    - Payment: How to integrate payments
    - Share API: Share data with other apps
Storage
  • Data storage within the browser are covered with 3 techniques:
    - Storage API, Local & Session storage when you don't want to store too much data.
    - IndexedDB API (version 2), is an object database with more capacity.
    - Cache API for use with Progressive Web Apps.
Accessibility
  • Explaining techniques to keep your designs accessible forthe visual impaired.
Performance
  • Subjects:
    - Compression and minification of images, scripts, css, etc.
    - To inline or not to inline?
    - Async loading of scripts.
    - How to measure performance?
Debugging
  • Explaining how to use the developertools in the browser:
    - Setting breakpoints in code or when events happen
    - Using the console
    - Dynamically making changes forimmediate feedback
    - Debugging CSS specificity and computed styles.
    - Storybook
Testing
  • Browsers offer support to test on devices with different capabilities like screen sizes and connection speeds. We'll also cover writing JavaScript unit tests.
Video & Audio
  • Answers: How to add video & audio elements? How to create subtitles and picture-in-picture video?

Anmeldelser af Learn Modern Web Development: HTML, CSS, asynchronous JavaScript and PWA

4,3
 
Fremragende Baseret på 8 anmeldelser
Arrangementer på Teknologisk Institut bliver evalueret af deltagerne. Stjernerne angiver deltagernes gennemsnitlige tilfredshed inden for de sidste 5 år.
Fremragende
Meget godt
Godt
Mindre godt
Ikke godt
Fantastisk underviser. Skarpt kursusindhold - det nyeste af det nyeste.
 - Morten Bonderup Erhvervsakademi Aarhus
Rigtig dygtig underviser. God til at formidle og vejlede.
 - Murat Kilic Erhvervsakademi Aarhus
28665
Underviser

Rick Beerendonk

4.78/5 (79 evalueringer) 
Baseret på alle evalueringer af underviseren fra de seneste 5 år.

Rick er seniorkonsulent og underviser fra Holland. Han har over 25 års professionel erfaring med at arbejde i små og store organisationer. Hans passion er enkelhed, velskrevet kode og teamdynamik. Han er specialiseret i front-end-teknologier, og han taler ofte om disse emner ved internationale begivenheder. Rick holder af at kode i JavaScript, TypeScript, C# og Clojure.

Billede der illustrerer kurset

Firmakurser - få et tilbud

Er I flere, der har samme behov for kompetenceudvikling, så er et firmakursus ofte den rette løsning, der kan skabe fælles fundament og økonomisk besparelse.