Front-end webudvikler – 5 dages online klasseundervisning
24.500,00 DKK
- 5 days
Opbyg de færdigheder, der skal til for at skabe moderne, responsive og interaktive websites med dette intensive Front-End Web Developer-kursus. Kurset er designet til kommende webudviklere og it-professionelle og giver gennem praktisk undervisning et solidt fundament i HTML, CSS, JavaScript og moderne webudviklingsmetoder.
Nøglefunktioner
Sprog
Kursusmateriale på engelsk
Niveau
Begynder - Mellem niveau
5 dage (8 timer om dagen) online, instruktørstyret
60+ anbefalede studietimer
Guidede praktiske øvelser
Projektbaseret læring og scenarier
Support tilgængelig efter kurset
Certifikat for gennemført program medfølger
Læringsudbytte
Når du har gennemført dette program, vil du være i stand til at:
Responsivt webdesign med HTML og CSS
Lær at bygge moderne, responsive websites med semantisk HTML og CSS. Bliv fortrolig med Flexbox, CSS Grid og media queries, så du kan skabe layouts, der tilpasser sig på tværs af enheder, samtidig med at du arbejder med typografi, formularer, multimedier og bedste praksis inden for visuel design.
Interaktiv webudvikling med JavaScript
Udvikl dynamiske og interaktive webapplikationer med JavaScript. Lær grundlæggende programmeringskoncepter, herunder variabler, funktioner, løkker, betingelser og datastrukturer, så du kan skabe funktioner som formularvalidering, interaktive komponenter og brugerinteraktioner i realtid.
DOM-manipulation og hændelseshåndtering
Få praktisk erfaring med at arbejde med Document Object Model (DOM) til dynamisk at opdatere, oprette og håndtere indhold på websider. Brug eventhåndtering og JavaScript-logik til at bygge responsive brugergrænseflader, der reagerer gnidningsløst på brugerens handlinger.
UI/UX, tilgængelighed og performanceoptimering
Skab hjemmesider, der er brugervenlige, tilgængelige og yderst velfungerende. Udforsk UI/UX‑grundprincipper, tilgængelighedsstandarder, SEO‑best practices og teknikker til performanceoptimering for at forbedre brugervenlighed, synlighed i søgemaskiner og sidehastighed.
Kursusforløb
Dag 1
Session 1: Introduktion til HTML & CSS
- Opsætning af udviklingsmiljø og webgrundlæggende
- HTML-struktur, elementer, tags og attributter
- Mobile-first udviklingskoncepter
- CSS-grundlæggende: selektorer, egenskaber og styling
- Chrome-udviklerværktøjer og udgivelse af websites
Session 2: Tekstelementer
- Overskrifter, afsnit og tekstformatering
- CSS-værdier, enheder og webskrifttyper
- Oprettelse og formatering af ordnede og uordnede lister
Session 3: Hyperlinks
- Oprettelse af hyperlinks og håndtering af URL'er
- Relative og absolutte stier
- Dokumentfragmenter og e-mail-links
- Teknikker til styling af links
Session 4: Avancerede CSS-selektorer
- Type-, klasse-, ID- og attributvælgere
- Pseudoklasser og pseudoelementer
- Kombinatorer og selektorgrupper
- CSS-kaskade, specificitet, arv og at-regler
Dag 2
Session 5: Strukturering af indhold
- Blok- og inline-elementer
- CSS-boksemodellen og boks-styling
- Semantiske HTML-elementer
- Linjeskift og vandrette linjer
- Introduktion til CSS Grid-layouts
Session 6: Multimedie og indlejring
- Arbejde med billeder, baggrunde og SVG'er
- Video-, lyd- og medieformater
- Figurer, billedtekster og ikoner
- Indlejring af eksternt indhold ved hjælp af iframes og andre metoder
Session 7: Tabeller
- Oprettelse af tabellerækker, -celler og -overskrifter
- Celleudstrækning, kolonnegrupper og billedtekster
- Semantisk tabelmarkering
- Teknikker til tabelformatering
Session 8: Formularer
- Opbygning og styling af webformularer
- Etiketter, inputfelter, knapper og rullemenuer
- Gruppering af formularfelter og valideringsattributter
- Indsendelse af data til servere
- Statuslinjer og avancerede formularkontroller
Dag 3
Session 9: Avancerede layoutteknikker
- CSS-positionering, floats, Flexbox og Grid
- Principper for responsivt design
- Medie- og funktionsforespørgsler
- Responsivt medieindhold og moderne layoutmønstre
Session 10: Avanceret CSS-styling
- Afrundede hjørner, farveovergange og baggrunde
- Skygger og teksteffekter
- CSS-transformationer, overgange og animationer
- Moderne visuelle stylingteknikker
Session 11: CSS-frameworks og preprocessorer
- Oversigt over CSS-frameworks og deres fordele
- Populære framework-muligheder
- CSS-præprocessorer og nøglefunktioner
- CSS‑variabler og moderne styling‑workflows
Session 12: UI/UX, SEO og performanceoptimering
- UI/UX-designprincipper og bedste praksis
- SEO-grundlæggende og vigtige HTML-tags
- Optimering af hjemmeside for hastighed og ydeevne
- Forbedring af brugeroplevelse og synlighed i søgninger
Dag 4
Session 13: Introduktion til JavaScript
- JavaScript-grundlæggende og udviklingsopsætning
- Integration af JavaScript med HTML
- Browser-JavaScript vs. Node.js
- Syntaks, kommentarer og grundlæggende udrulning
Session 14: Værdier, variabler og datatyper
- Variabler med var, let og const
- Tal, strenge, booleske værdier, arrays og objekter
- Dynamisk typning og typekonvertering
- Aritmetiske operationer og skabelon-litteraler
Session 15: Funktioner
- Funktionsdeklarationer, funktionsudtryk og arrow-funktioner
- Parametre, returværdier og standardargumenter
- Funktionsomfang og kald
- Arbejde med indbyggede funktioner
Session 16: Programforløb og logik
- Operatorer og sammenligningsteknikker
- Sand- og falsk-lignende værdier
- Betingede udsagn og løkker
- Grundlæggende fejlhåndtering og debugging
Dag 5
Session 17: Arbejde med objekter
- Forståelse af objektstrukturer og egenskaber
- Adgang til data med punktum- og bracket-notation
- Oprettelse og brug af objektmetoder
- Arbejde med this-nøgleordet
- Gennemløb af objektets egenskaber
- Udforskning af indbyggede metoder til Object, Array og String
Lektion 18: Adgang til og manipulation af DOM'en
- Forståelse af Document Object Model (DOM)
- Valg og reference af HTML‑elementer
- Arbejde med DOM-datatyper
- Ændring af sideindhold og attributter
- Oprettelse, indsættelse og fjernelse af elementer dynamisk
Session 19: Hændelsesdrevet programmering
- Forståelse af browservereigninger og hændelsesforløb
- Registrering og håndtering af event-lyttere
- Håndtering af brugerinteraktioner med event-objektet
- Opbygning af responsive og interaktive weboplevelser
Session 20: Browser-API'er og webfunktioner
- Introduktion til API'er og browser-leveret funktionalitet
- Arbejde med Date-, Math-, RegExp- og JSON-objekter
- Brug af klient-side lagring og geolokationstjenester
- Adgang til yderligere browser-API'er for at forbedre webapplikationer
Hvem bør tilmelde sig dette program?
Ambitiøse front-end-udviklere, der søger en struktureret vej ind i webudvikling
Juniorudviklere, der ønsker at styrke deres færdigheder i HTML, CSS og JavaScript
Softwareudviklere, der ønsker at udvide til front-end-teknologier
UI/UX-designere, der ønsker at forstå og implementere deres designs i kode
Iværksættere, der ønsker at skabe og administrere moderne websites selvstændigt
Forudsætninger
Grundlæggende forståelse af programmeringsprincipper anbefales. Vi foreslår, at du starter med vores kursus Introduktion til programmering – JavaScript, hvis du er ny inden for kodning.
Udtalelser
Licensering og akkreditering
Kurset tilbydes i henhold til Partnerprogramaftalen og overholder kravene i Licensaftalen.
Lighedspolitik
Kandidater opfordres til at kontakte AVC for vejledning og støtte gennem hele processen med tilpasning af arbejdsforhold.
Ofte stillede spørgsmål
Har du brug for virksomhedsløsninger eller LMS-integration?
Fandt du ikke kurset eller programmet, der ville være til gavn for din virksomhed? Har du brug for LMS-integration? Skriv til os, vi løser alt!