HTML5 Avancerede Markup-kursusHtml5 er standard markup sproget til udvikling af websider og applikationer til browser- og mobilløsninger. Html5 har været brugt i flere år, men først godkendt som standard i 2014. I dag foregår al seriøs nyudvikling i html5.

Dette kursus lærer dig avanceret HTML5 og CSS3. Ønsker du også at lære JavaScript API'et til HTML5 skal du på HTML5 JavaScript API-kurset

Overblik over HTML5 Kurser

Vi har flere HTML5 kurser. (Links åbner i nyt vindue)

  • K9122 HTML5 Begynderkursus - helt grundlæggende kursus, hvor du lærer om HTML for første gang. Ingen forudsætninger
  • K9135 HTML5 Udvidet - Det kursus du kigger på her. Udvidet kursus i HTML5-markup
  • K9119 HTML5, CSS3, JavaScript API Kursus - Alle de nye JavaScript API'er i HTML5. Alle nyheder i HTML5 med programmering lagt oveni

Bestiller du et lukket firmakursus eller et 1:1 kursus uden ekstrapris kan vi blande ovenstående kurser efter dine/jeres behov.

Forudsætninger for Det Udvidede HTML5-Kursus

Som kursist skal du have viden svarende til HTML5 Grundlæggende kursus. Du skal altså kunne lave en grundlæggende webpage i HTML5/CSS3. Kurset forudsætter ikke kendskab til JavaScript, men en smule erfaring gør ingen skade, da vi uden tvivl vil lave et par afstikkere på kurset, der inkluderer lidt JavaScript.

Efter Kurset kan du: Kurset følger op på grundkurset og lærer dig at benytte HTML5 markup-sproget samt CSS3 helt ud i hjørnerne. Dog er der fokus på HTML5.


Kursusindhold

Kurset fokuserer på HTML5-markup. Efter kurset kan du lave avancerede webløsninger. Endvidere kender du til grænseteknologier og hvornår de er relevante - f.eks. AngularJS. Kurset kan benyttes til både single page applications og til web applications.

Modul 1: Header og Images

  • Væsentlige ændringer og tilføjelser DOCTYPE Declaration og varianter
  • <figure>-element til udvidelse af <img>-element
  • Ændringer i <small>-elementet Ændringer i script-elementet
  • Avancerede parametre i <head>-delen

Modul 2: Semantiske Elementer

  • Semantiske elementer som <header> og <footer>, og hvorfor de kan benyttes til crossbrowser og -device løsninger 

Modul 3: Local Storage

  • Local Storage Intro til Local Storage (som f.eks kan benyttes i kombination med 'contenteditable'

Modul 4: Formularer første del

  • Forskellige felttyper - Brug af forskellige attributter -Indbygget form-validation med f.eks. type='email', der validerer om indholdet af et felt er en email-adresse
  • Sliders og Ranges Output-elementet

Modul 5: Video, Audio og Grafik

  • Audio og Video-support
  • Intro til WebGL - avanceret 3D-bevægelig grafik

Modul 6: Formularer 2. del Attributter

  • Attributter Lad brugere ændre indhold på sitet med 'contenteditable' -
  • Interessante attributter: Placeholders - hjælpetekst i felter,
  • Required - validering om en værdi er indtastet,
  • Autofocus
  • Brug af Regular Expressions som validering direkte i felter med Pattern Attributten
  • Teste support af Attributter i browsere (desværre et problem)

Modul 7: Responsive Sider

Udvikling af Responsive HTML5 sider Lav en webside som er responsive - så den tilpasser sig vinduet (viewport) i browser, tablet eller mobil som benyttes. Der findes en række forskellige teknikker. Modulet lærer dig med Hello World 2 grundlæggende teknikker. Dels Media Queries, Dels Fleks-bokse.

Har du ikke lavet denne type HTML før er det virkelig en øjenåbner, hvordan man uden JavaScript kan tilpasse skærme særdeles effektiv og præcist uden brug af tabeller, tvivlsomme <div>-elementer og uden at køre rundt i absolutte og relative placeringer. xxxx

Modul 8: Relaterede teknologier

Andre teknologier - hvordan kommer de ind i billedet? - Teknologier som ikke hører under HTML5: CSS3, GeoLocation - JQuery og AngularJS i relation til HTML5

Modul 9: Microdata

Microdata Hvad er Microdata? forbinde sig til et schema Syntaks og markup af data Lad Google lave auto-markup af dine data xxxx

Kursusmateriale og kursusbevis

Der udleveres omfattende dansksproget Kursusmateriale udviklet af ZoomTek. Ligeledes udleveres kursusbevis. Efter kursus er der Gratis Hotline, så du kommer i mål med din indlæring


Del denne artikel på

Mest læste sider

test1.png