Vefforritun 1, 2022

Hér má nálgast alla fyrirlestra, dæmi og verkefni í áfangagnum vefforritun 1 kenndan við HÍ haustið 2022.

Kennsluáætlun

Vika	Mánudagur	Viðfangsefni	Verkefni	Skil
1	22. ágúst	Kynning; vefurinn og vefforritun; GitHub, Netlify; HTML
2	29. ágúst	Element; töflur, listar, form; að skrifa HTML; aðgengi & SEO	HTML #1
3	5. september	CSS; box model; specificity og cascade; visual formatting; Letur & litir	HTML #2	HTML #1
4	12. september	Flexbox; CSS virkni & stuðningur; gestafyrirlestur um hönnun	CSS #1	HTML #2
5	19. september	Skalanlegir vefir; hönnun; grid	CSS #2	CSS #1
6	26. september	node.js & npm; Sass & Stylelint; Kvikun	CSS #3, Hópverkefni 1	CSS #2
7	3. október	Nánar um git; CSS í stærri verkefnum	CSS #4	CSS #3
8	10. október	JavaScript: gildi, týpur, virkjar, stýriskipanir, föll		CSS #4
9	17. október	Fylki, hlutir; Einingar; forritun á vef: DOM og atburðir	JS #1
10	24. október	Ósamstillt forritun; HTTP & form; Ajax; eslint	JS #2, Hópverkefni 2	JS #1, Hópverkefni 1
11	31. október	Tæki & tól; Villumeðhöndlun & reglulegar segðir; Fallaforritun	JS #3	JS #2
12	7. nóvember	Hlutir; HTML5 og Web APIs; Prófanir	JS #4	JS #3
13	14. nóvember	Samantekt og upprifjun; upplýsingar um lokapróf		JS #4
14	21. nóvember	Aðstoð, umræður; verkefnatími		Hópverkefni 2

Nánar er fjallað um kennsluáætlun í viku 1.

Kennslualmanak háskólaárið 2022–2023.

Vikublöð

Hvert vikublað kemur inn í seinasta lagi föstudegi vikunni áður og samanstendur af:

• Fyrirlestrar, lesefni og dæmi fyrir vikuna.
• „Verkefni vikunnar“ er það sem nemendur ættu að gera í vikunni, ekki bara skilaverkefni.

Námsefni

Allt námsefni er undir namsefni/.

Fyrirlestrar

Fyrirlestrar eru haldnir 15:00-17:20 á mánudögum.

Upptökur af öllum fyrirlestrum eru settar inn á YouTube eftir það, í seinasta lagi daginn eftir.

Vikur

• Vika 1, 23.–29. ágúst 2022
  • Kynning; vefurinn og vefforritun; GitHub, Netlify; HTML
• Vika 2, 30. ágúst–5. september 2022
  • Element; töflur, listar, form; að skrifa HTML; aðgengi & SEO
• Vika 3, 5. september–11. september
  • CSS; box model; specificity og cascade; visual formatting; Letur & litir
• Vika 4, 12. september–18. september
  • Flexbox; CSS virkni & stuðningur; gestafyrirlestur um hönnun
• Vika 5, 19. september–25. september
  • Skalanlegir vefir; hönnun; grid
• Vika 6, 26. september–2. október
  • Kvikun; node.js & npm; Sass & Stylelint
• Vika 7, 3. október–9. október
  • Nánar um git; CSS í stærri verkefnum
• Vika 8, 10. október–16. október
  • JavaScript: gildi, týpur, virkjar, stýriskipanir, föll
• Vika 9, 17.–23. október
  • Fylki, hlutir; Einingar; forritun á vef: DOM og atburðir
• Vika 10, 24.–30. október
  • Ósamstillt forritun; HTTP & form; Ajax
• Vika 11, 31. október–6. nóvember
  • Tæki & tól; Villumeðhöndlun & reglulegar segðir; Fallaforritun
• Vika 12, 7.–13. nóvember
  • Hlutir; HTML5 og Web APIs; Prófanir
• Vika 13, 14.–20. nóvember
  • Samantekt og upprifjun; upplýsingar um lokapróf
• Vika 14, 21.–27. nóvember
  • Aðstoð, umræður; verkefnatími

Verkefni

Verkefni eru sett fyrir formlega í fyrirlestri á mánudegi (þau gætu verið gerð aðgengileg fyrr) og skal skila fyrir lok þriðjudags (seinasta lagi 23:59) vikunni eftir. Sýnilausn er gerð aðgengileg á miðvikudegi eftir skil.

Öll skil fara fram á Canvas.

• Verkefni 1 (HTML #1), setja upp tól, gera síðu aðgengilega á vefnum.
  • Sett fyrir 22. ágúst, skilist 6. september.
  • Kynning
  • Engin sýnilausn.
• Verkefni 2 (HTML #2), setja upp HTML skjöl með efni, formum og töflum. Taka tillit til merkingarfræði, aðgengi og SEO.
  • Sett fyrir 5. september, skilist 13. september.
  • Kynning
  • Sýnilausn, gerð aðgengileg 14. september.
• Verkefni 3 (CSS #1), fyrstu skref með CSS: box model, letur & litir, stærðir.
  • Sett fyrir 12. september, skilist 20. september.
  • Kynning
  • Sýnilausn, gerð aðgengileg 21. september.
• Verkefni 4 (CSS #2), útlit með flexbox.
  • Sett fyrir 19. september, skilist 27. september.
  • Sýnilausn, gerð aðgengileg 28. september.
• Verkefni 5 (CSS #3), skalanlegt útlit og grid.
  • Sett fyrir 26. september, skilist 4. október.
  • Kynning
  • Sýnilausn, gerð aðgengileg 5. október.
• Verkefni 6 (CSS #4), útlit með tólum frá npm.
  • Sett fyrir 3. október, skilist 11. október.
  • Sýnilausn, gerð aðgengileg 12. október.
• Verkefni 7 (JS #1), JavaScript forritunarmálið.
  • Sett fyrir 17. október, skilist 25. október.
  • Kynning
  • Sýnilausn, gerð aðgengileg 19. október.
• Verkefni 8 (JS #2), forritun á vef, DOM og atburðir.
  • Sett fyrir 24. október, skilist 1. nóvember.
  • Kynning
  • Sýnilausn, gerð aðgengileg 2. nóvember.
• Verkefni 9 (JS #3), forritun á móti vefþjónustu, JSON, eslint.
  • Sett fyrir 31. október, skilist 8. nóvember.
  • Kynning
  • Sýnilausn, gerð aðgengileg 9. nóvember.
• Verkefni 10 (JS #4), hlutir, vef API, prófanir, build kerfi.
  • Sett fyrir 7. nóvember, skilist 15. nóvember.
  • Kynning
  • Engin sýnilausn.

Hópverkefni

• Hópverkefni 1.
  • Sett fyrir 26. september, skilist 30. október.
  • Kynning
  • Sýnilausn ekki gefin út
• Hópverkefni 1.
  • Sett fyrir 24. október, skilist 25. nóvember.
  • Kynning
  • Sýnilausn ekki gefin út

Dæmatímar

Dæmatímar eru í vikum 2–14.

Sjá á Uglu og Canvas síðu námskeiðs.

Lokapróf

Lokapróf haldið mánudaginn 5. des kl. 13:30–16:30.

• Upprifjun og samantekt á námsefni
• Lokapróf

Hægt er að nálgast eldri lokapróf á Uglu.

Að sækja þetta efni

Til að sækja allt það efni sem skilgreint er í þessu git repo er hægt að gera eftirfarandi:

• Setja upp git á tölvu
• Afrita slóð á git repo: https://github.com/vefforritun/vef1-2022.git
• Opna skel (shell, cmd á Windows, Terminal á mac)
• Keyra eftirfarandi:

git clone https://github.com/vefforritun/vef1-2022.git
cd vef1-2022
git pull