Skip to content

eaakamy/javascriptIntro

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

JavaScript Introduktion (2 lektioner)

Hej

hej hej

Nogen gode liks

ca. 12:30 (aftales med formiddagsunderviseren!)

  • hiewhfweifhoewfIntroduktion 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)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 67.0%
  • HTML 33.0%