K9124 Responsive Web Design RWD

Med Responsive Web Design skal man kun programmere en hjemmeside 1 gang. Hjemmesiden tilpasses automatisk de forskellige skærmstørrelser og events…

Målgruppe for RWD Kurset

Kurset henvender sig til webudviklere, der ønsker at udvikle til både browsere, telefoner, tablets m.m. Responsive Web Design har ry for at være tricky, men hvis man lærer det rigtigt, er det faktisk både nemt og sjovt.

Kurset giver dig mere end Buzzword Compliance. Du lærer med effektive Hello World eksempler og eget site at udvikle Responsive Web Design (RWD).

Forudsætninger for kurset

Du skal have rimelig rutine i webudvikling gerne med rutine i html5 og css3.

Mange hjemmesider og temaer til diverse cms-systemer er ikke responsive. Det er nemt at tjekke:

Prøv at tryk CTRL-+ flere gange. Fremkommer der en vandret scrollbar nederst på skærmen er siden ikke responsive.

Efter kurset kan du

Kurset er meget praktisk orienteret. Du får vist eksempler på særdeles flotte, responsive websider, og du kommer til at udvikle dit eget site fra bunden. Alle responsive teknikker beskrives undervejs.

Men kurset tager dig hele vejen, og efter endt kursus kan du lave dit eget professionelle responsive site.

Indhold af Responsive Web Design RWD kurset

1 | Emner på kurset

  • Browserkompabilitet og Web Engines
  • Responsive Web Design fallback til HTML4 og ældre browsere
  • HTML5 elementer med betydning for Responsive Web Design – herunder især fokus på semantic
  • BootStrap Framework – intro, overblik *) (Vi har selvstændigt kursus i BootStrap – Afhængig af kursistønsker kan BootStrap indkøres mere eller mindre i dette kursus)
  • CSS3 – transition
  • CSS3 – box model – herunder flex box modellen, box-pack, box-align- box-orient m.fl.
  • Media Queries – grundstruktur
  • Standard CSS i forhold til Media Queries – upsize og downsize dit site. Skal man starte oppefra? eller nedefra?
  • Media Queries i forhold til width, height, orientation af device
  • Brug af breakpoints
  • Flytning af emner på skærmen
  • Ændring af farver, position, visibility, opacity og andet i forbindelse med resizing af skærm
  • Web form elementer, der automatisk tilpasser sig klient, så f.eks. et number-felt automatisk får vist numerisk tastatur på en mobiltelefon
  • Sektioner og Detaljevisning
  • Flexible Images
  • Fluid Grids – Hvornår skal noget gradvist resizes, ikke resizes eller flyttes/skjules
  • Flexible Images – hvordan kan billeder bliver gradvist større/mindre, når viewport (indre skærmstørrelse) ændres
  • Progressive Enhancement
  • Gracefully Degrading

Kort om Responsive Webdesign

Begrebet Responsive Web Design kom frem i 2010. Med RWD kan man udvikle websider, som er funktionsdygtige og ser godt ud ikke bare i en almindelig browser, men også på telefoner og tablets.

Adaptive Web Design (AWD) og Responsive Web Design (RWD)

AWD handler om at udvikle forskellige løsninger til forskellige klienter. Serveren ‘sniffer’ den benyttede klient. Herefter sendes den rigtige, tilpassede kode til klienten.

Fordelen er, at klienten kun får den nødvendige kode – og at man tilpasser koden 100% til denne klient.

Ulempen er dog, at man skal udvikle parallelle løsninger til potentielt mange klienter. AWD må antages at være ‘old school’.

RWD er anderledes. Man udvikler én kode, som sendes til klienten. Ved hjælp af CSS og kreativ brug af HTML5 indstilles koden automatisk til den klient brugeren benytter. Men det hele sker på klient-siden – modsat Adaptive Design.

Kodeeksempler og kursuscertifikat

På kurset får du en lang række eksempler/filer fra den virkelige verden med hjem.

Efter endt kursus modtager du kursuscertifikat for deltagelse.

Praktisk Information

Hvordan bestilles et kursus?

Udfyld formularen nedenfor eller til højre. Alternativt kan du blot skrive en mail på info@zoomtek.dk eller ringe 4250 5040.

Hvordan finder jeg prisen på kurset?

Forespørg på kurset ved at kontakte ZoomTek. Så finder vi det bedste kursus til dig. Du betaler ikke for formidlingen.

Hvornår afholdes kurset?

ZoomTek kan oftest skaffe et kursus inden for 30 dage. Enten vil vi finde et åbent kursus til dig. Alternativt får du et lukket firmakursus, hvor du og dine kolleger aftaler datoen direkte med kursusinstruktøren.

Få et skræddersyet kursus uden merpris

Kursusbeskrivelserne på ZoomTek.dk er vejledende. For et lukket firmakursus vil kurser altid blive skræddersyet gennem dialog med instruktøren. For åbne kurser har du mulighed for at tale med instruktøren før kurset.