Front-end webutvikler – 5 dager online klasserom
34.500,00 NOK
- 5 days
Bygg ferdighetene du trenger for å lage moderne, responsive og interaktive nettsteder med dette intensive kurset i Front-End webutvikling. Kurset er utviklet for ambisiøse webutviklere og teknologiprofesjonelle, og gir gjennom praktisk arbeid et solid grunnlag i HTML, CSS, JavaScript og moderne metoder for webutvikling.
Nøkkelfunksjoner
Språk
Kursmateriell på engelsk
Nivå
Nybegynner - Middels nivå
5 dager (8 timer per dag) nettbasert, instruktørledet
60+ anbefalte studietimer
Veiledede praktiske øvelser
Prosjektbasert læring og scenarier
Støtte tilgjengelig etter kurset
Sertifikat for fullført program inkludert
Læringsutbytte
Når du er ferdig med dette programmet, vil du kunne:
Responsivt webdesign med HTML og CSS
Lær å bygge moderne, responsive nettsteder ved hjelp av semantisk HTML og CSS. Bli ekspert på Flexbox, CSS Grid og media queries for å lage layout som tilpasser seg ulike enheter, samtidig som du jobber med typografi, skjemaer, multimedia og beste praksis for visuell design.
Interaktiv nettstedsutvikling med JavaScript
Utvikle dynamiske og interaktive webapplikasjoner med JavaScript. Lær grunnleggende programmeringskonsepter, inkludert variabler, funksjoner, løkker, betingelser og datastrukturer, for å lage funksjoner som skjemavalidering, interaktive komponenter og sanntidsbrukerinteraksjoner.
DOM-manipulering og hendelseshåndtering
Få praktisk erfaring med å jobbe med Document Object Model (DOM) for å oppdatere, opprette og administrere innhold på nettsider dynamisk. Bruk hendelseshåndtering og JavaScript-logikk til å bygge responsive brukergrensesnitt som reagerer sømløst på brukerhandlinger.
UI/UX, tilgjengelighet og ytelsesoptimalisering
Lag nettsteder som er brukervennlige, tilgjengelige og har høy ytelse. Utforsk grunnleggende UI/UX-prinsipper, tilgjengelighetsstandarder, beste praksis for SEO og teknikker for ytelsesoptimalisering for å forbedre brukervennlighet, synlighet i søk og sidehastighet.
Kursplan
Dag 1
Økt 1: Introduksjon til HTML og CSS
- Oppsett av utviklingsmiljø og web-grunnleggende
- HTML-struktur, elementer, tagger og attributter
- Mobile-first utviklingskonsepter
- CSS-grunnleggende: selektorer, egenskaper og styling
- Chrome Developer Tools og publisering av nettsteder
Økt 2: Tekstelementer
- Overskrifter, avsnitt og tekstformatering
- CSS-verdier, enheter og webfonter
- Opprette og style ordnede og uordnede lister
Økt 3: Hyperkoblinger
- Opprette hyperkoblinger og håndtere nettadresser
- Relative og absolutte stier
- Dokumentfragmenter og e-postlenker
- Teknikker for lenkestil
Økt 4: Avanserte CSS-selektorer
- Type-, klasse-, ID- og attributtvelgere
- Pseudoklasser og pseudoelementer
- Kombinatorer og selektorgrupper
- CSS-kaskade, spesifisitet, arv og at-regler
Dag 2
Økt 5: Strukturering av innhold
- Blokk- og linjeelementer
- CSS-boksmodellen og boksstiler
- Semantiske HTML-elementer
- Linjeskift og horisontale linjer
- Introduksjon til CSS Grid-oppsett
Økt 6: Multimedia og innbygging
- Arbeide med bilder, bakgrunner og SVG-er
- Video-, lyd- og medieformater
- Figurer, bildetekster og ikoner
- Innebygging av eksternt innhold med iframes og andre metoder
Økt 7: Tabeller
- Opprette tabellrader, -celler og -overskrifter
- Celleutvidelse, kolonnegrupper og bildetekster
- Semantisk tabellmarkering
- Teknikker for tabellstiling
Økt 8: Skjemaer
- Bygging og styling av webskjemaer
- Etiketter, inndatafelt, knapper og nedtrekksmenyer
- Gruppering av skjemafelt og valideringsattributter
- Sende inn data til servere
- Fremdriftslinjer og avanserte skjemakontroller
Dag 3
Økt 9: Avanserte layoutteknikker
- CSS-posisjonering, flyt, Flexbox og Grid
- Prinsipper for responsivt design
- Medie- og funksjonsspørringer
- Responsivt media og moderne layoutmønstre
Økt 10: Avansert CSS-styling
- Avrundede hjørner, gradienter og bakgrunner
- Skygger og teksteffekter
- CSS-transformasjoner, overganger og animasjoner
- Moderne teknikker for visuell utforming
Økt 11: CSS-rammeverk og preprosessorer
- Oversikt over CSS-rammeverk og fordelene deres
- Populære rammeverksalternativer
- CSS-forhåndsprosessorer og nøkkelfunksjoner
- CSS‑variabler og moderne arbeidsflyter for styling
Økt 12: UI/UX, SEO og ytelsesoptimalisering
- Prinsipper og beste praksis for UI/UX-design
- Grunnleggende SEO og viktige HTML‑tagger
- Nettstedsoptimalisering for hastighet og ytelse
- Forbedre brukeropplevelse og synlighet i søk
Dag 4
Økt 13: Introduksjon til JavaScript
- Grunnleggende JavaScript og utviklingsoppsett
- Integrering av JavaScript med HTML
- JavaScript i nettleser vs. Node.js
- Syntaks, kommentarer og grunnleggende utrulling
Økt 14: Verdier, variabler og datatyper
- Variabler med var, let og const
- Tall, strenger, boolske verdier, arrayer og objekter
- Dynamisk typisering og typekonvertering
- Aritmetiske operasjoner og malstrenger
Økt 15: Funksjoner
- Funksjonsdeklarasjoner, funksjonsuttrykk og piltaster (arrow functions)
- Parametere, returverdier og standardargumenter
- Funksjonsomfang og kall
- Arbeide med innebygde funksjoner
Økt 16: Programflyt og logikk
- Operatorer og sammenligningsteknikker
- Sanne og usanne verdier
- Betingede setninger og løkker
- Grunnleggende om feilhåndtering og debugging
Dag 5
Økt 17: Arbeid med objekter
- Forståelse av objektstrukturer og egenskaper
- Tilgang til data med punkt- og bracket-notasjon
- Opprette og bruke objektmetoder
- Arbeide med nøkkelordet this
- Iterere gjennom objektegenskaper
- Utforsking av innebygde metoder for Object, Array og String
Økt 18: DOM-tilgang og -manipulering
- Forstå dokumentobjektmodellen (DOM)
- Velge og referere til HTML-elementer
- Arbeide med DOM-datatyper
- Endre sideinnhold og attributter
- Opprette, sette inn og fjerne elementer dynamisk
Økt 19: Hendelsesdrevet programmering
- Forstå nettleserhendelser og hendelsesflyt
- Registrering og håndtering av hendelseslyttere
- Håndtering av brukerinteraksjoner med hendelsesobjektet
- Bygge responsive og interaktive nettopplevelser
Økt 20: Nettleser-API-er og webfunksjoner
- Introduksjon til API-er og funksjonalitet levert av nettleseren
- Arbeide med Date-, Math-, RegExp- og JSON-objekter
- Bruke klientlagring og posisjonstjenester
- Tilgang til flere nettleser-API-er for å forbedre webapplikasjoner
Hvem bør melde seg på dette programmet?
Ambisiøse front-end‑utviklere som ønsker en strukturert inngang til webutvikling
Juniorutviklere som ønsker å styrke ferdighetene sine i HTML, CSS og JavaScript
Programvareutviklere som ønsker å utvide til front-end-teknologier
UI/UX-designere som ønsker å forstå og implementere designene sine i kode
Gründere som vil lage og administrere moderne nettsteder på egen hånd
Forutsetninger
Grunnleggende forståelse av programmeringsprinsipper anbefales. Vi foreslår at du begynner med kurset vårt Introduction to Programming – JavaScript hvis du er ny innen koding.
Uttalelser
Lisensiering og akkreditering
Kurset tilbys i henhold til Partnerprogramavtalen og oppfyller kravene i Lisensavtalen.
Likestillingspolicy
Kandidater oppfordres til å ta kontakt med AVC for veiledning og støtte gjennom hele tilretteleggingsprosessen.
Ofte stilte spørsmål
Trenger du bedriftsløsninger eller LMS-integrasjon?
Fant du ikke kurset eller programmet som ville være passende for din bedrift? Trenger du LMS-integrasjon? Ta kontakt med oss! Vi er agile og løser alt!