Skip to content

asathoor/javascriptIntro

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

JavaScript Introduktion (2 lektioner)

Nogen gode liks

ca. 12:30 (aftales med formiddagsunderviseren!)

  • Introduktion til JavaScript
  • Krav til Github aflevering

Github

  • Fork repo (a. Fork på Github, b. Clone kode via Github) - i dette tilfælde får du en kopi af min kode, som du kan arbejde videre med.
  • Init repo (Gitkraken: a. lokalt, b. på Github) - i dette tilfælde har du nogen lokale filer, som du vil udvikle med Github som versionskontrol.
  • Github pages (Brug Github som webserver) - så længe din kode bruger JavaScript, HTML og CSS kan du se resultatet af din kode på web med Github som en slags server.

JavaScript introduktion

  • Basic JavaScript Instructions, Duckett ch. 2
  • Skitse til kode
  • Hvordan browseren ser en webside (DOM: Document Object Model)
  • Duckett: 44 layers (Content = htMl, Presentation = .css, Behavior = .js)
  • Duckett: 51 hvordan man linker til et script
  • Browserens værktøjskasse (fx Chrome: F12)

13:00

  • Workshop.

14:00

  • afslutning

Aflevering på Github

  • Aflever koden på Github og del linket til din kode via Canvas.
  • Sørg for at aktivere dit site på Github, så man kan se det i en browser.

Workshop (45 min.)

Ved hjælp af JavaScript skal du lave en webside, der fortæller om en butik har åbent eller ej. Brug fx Magasins åbningstider. Lav dit eget design; men brug Ducketts c01 add-content.html som udgangspunkt for din kode.

Din markup skal være semantisk, som i eksemplet fra HTML-brushup.

Kan man tilføje en CSS-animation ved hjælp af den kode, som Duckett viser? Hvad kunne man gøre i CSS og JavaScript ved H3 for at starte en animation, der er defineret i dit CSS?

About

Introduktion til JavaScript (in Danish)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published