🕒 Kurssin aikataulu 🕒

Viikko 35

Tiistai 6.9.2022:

Johdanto kurssiin & oma suhde koneisiin

9:15–12:00 opettajana AH A046

Aamupäivä
  • Intro: Mitä tietokoneet ovat, oma suhde
  • Harjoitus: Ekan tietokoneen piirtäminen ja kuvan siirto MyCoursesiin

Torstai 8.9.2022

Alkuvalmisteluja

13:00–17:00 opettajana AH A046

Iltapäivä
Kotitehtävä
Lue ja reflektoi

Lue tai kuuntele vuonna 1909 E.M. Foresterin kirjoittama scifi novelli "The Machine stops". Äänikirja kestää ~90min.

Viikko 36

Tiistai 13.9.2022

Internetin historia, nykypäivä ja HTML:n perusteet

9:15–17:00 opettajana HL ja AH A046

Aamupäivä
Iltapäivä
Kotitehtävä
Lue ja reflektoi

Torstai 15.9.2022

HTML:n perusteet

13:00–17:00 opettajana HL ja AH A046

Iltapäivä
Kotitehtävä
  • Jatka surffaamista ja mielenkiintoisten linkkien tallentamista sekä niiden laittamista linkkilistasivulle
Lue ja reflektoi

Viikko 37

Tiistai 20.9.2022

Kuvat, sisällöntuotanto ja <img> tagi

9:15–17:00 opettajana HL ja AH A046

Aamupäivä
  • Keskustelua: A Handmade Web, "My website is a shifting house next to a river of knowledge. What could yours be?" ja "WEB DESIGN AS ARCHITECTURE"
  • Sisällöntuotanto: PS & AI (PNG, JPG, SVG)
  • Optimointi ja tiedonsiirtonopeudet
Iltapäivä
  • Sisällöntuotanto: <img> ja <svg>-tagit ja optimointi
  • Tehtävä: <img> ja <svg>-tagit tutuksi
Lue ja reflektoi

Torstai 22.9.2022

CSS:n perusteet I

13:00–17:00 opettajana HL ja AH A046

Iltapäivä
Kotitehtävä

Viikko 38

Tiistai 27.9.2022

CSS:n perusteet II

9:15–17:00 opettajana HL ja AH A046

Aamupäivä
Iltapäivä
  • Työskentelyä ja luonnosten läpikäyntiä

Torstai 29.9.2022

Työskentelypäivä

13:00–17:00 opettajana HL ja AH A046

Iltapäivä
  • Työskentelyä

Viikko 39

Tiistai 4.10.2022

Työskentelyviikko

9:15–17:00 opettajana HL ja AH A046

Aamupäivä
  • Työskentelyä
Iltapäivä
  • Työskentelyä

Torstai 6.10.2022

Työskentelyviikko

13:00–17:00 opettajana HL ja AH A046

Iltapäivä
  • Työskentelyä

Viikko 40

Tiistai 11.10.2022

Loppukritiikki

9:15–17:00 opettajana HL ja AH A046

Aamupäivä
  • "Nettisivulahjojen" jako
  • Kurssin loppukritiikki ja katselmus
Iltapäivä
  • Kurssin loppukritiikki ja katselmus

Torstai 13.10.2022

Elämä kurssin jälkeen

13:00–17:00 opettajana HL ja AH A046

Iltapäivä
  • Loppukeskustelua ja palautelomakkeen täyttö
  • Miten tästä voi jatkaa koodauksen opettelua itsenäisesti?

👽 Tehtävät 👽

💀 Luennot 💀

💭 Hyödyllisiä linkkejä 💭

Linkkilistoja netissä surffailuun

Netissä "surffailu" on nykyään aika harvinaista, joka ei kyllä sinänsä ole ihme sillä suurkorporaatiot tekevät kaikkensa pitääkseen ihmiset sisällä omissa "palveluissaan". Internet on kuitenkin pullollaan kaikenlaisia persoonallisia pikku sopukoita joita on mielenkiintoista selailla. Tässä muutamia linkkejä muihin linkkilistoihin.

Huom! osa linkkilistojen linkeistä saattaa olla kyseenalaisia joten klikkaile varovaisesti

⫘ avaa lista omana sivuna

Pikkuverkko ja käsin tehdyt sivut

Yksinkertaisimmillaan nettisivu on yksi HTML tiedosto palvelimella. Nykyään sivujen tekoon käytetään kuitenkin hirveä määrä kaikenlaisia koodikirjastoja, moduuleita, frameworkkeja yms. jotka toki mahdollistavat monta asiaa, mutta toisaalta monimutkaistaa asiaa joskus ihan turhaan. Pikkuverkko (eng. tiny web) ja käsintehdyt sivut ovat vastalause tälle sekä ylipäätään netin selailun raskautta ja kaupallisuutta vastaan.

⫘ avaa lista omana sivuna

Nettisivu taiteena

⫘ avaa lista omana sivuna

Nettikulttuuri

⫘ avaa lista omana sivuna

HTML:n perusteet

HTML (HyperText Markup Language) on merkintäkieli jolla luodaan WWW-sivuja. Se on tekstiä joka sisältää tietyllä tavalla kirjoitettuja sanoja ja merkkejä jotka selain sitten tulkitsee nettisivuksi. HTML:n perusteet voi oppia aika nopeasti esimerkiksi alla olevien sivustojen avulla.

⫘ avaa lista omana sivuna

Internetin ontologia

⫘ avaa lista omana sivuna