drykkur/vefforritun-1

Vefforritun 1, 2019

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

Upptökur af fyrirlestrum er að finna á uglu.

Dæmatímar

Sjá Uglu seinna í vikunni.

Kennsluáætlun

Vika	Mánudagur	Viðfangsefni	Verkefni	Skil
1	26. ágúst	Kynning, vefurinn og vefforritun, HTML	HTML #1
2	2. september	Element, merkingarfræði, aðgengi og SEO	HTML #2	HTML #1
3	9. september	CSS, syntax, specificity og cascade, box model	CSS #1	HTML #2
4	16. september	Visual formatting, letur&texti, litir&bakgrunnar, variables	CSS #2	CSS #1
5	23. september	Flexbox, CSS í stærri verkefnum. Git, GitHub	CSS #3	CSS #2
6	30. september	Skalanlegir vefir, kvikun, hönnun	CSS #4	CSS #3
7	7. október	node.js, NPM, pakkar, Sass og stylelint	Hópverkefni 1	CSS #4
8	14. október	JavaScript, breytur, gagnatög, stýriskipanir, föll
9	21. október	Fylki&hlutir. Villumeðhöndlun, reglulegar segðir, einingar	JS #1	Hópverkefni 1
10	28. október	Forritun á vef, DOM og atburðir, ósamstillt forritun	JS #2	JS #1
11	4. nóvember	HTTP og form, Ajax, eslint, unobtrusive JavaScript	JS #3, Hópverkefni 2	JS #2
12	11. nóvember	Hlutir, fallaforritun, HTML5 og JS, tæki og tól	JS #4	JS #3
13	18. nóvember	Buffer		JS #4
14	25. nóvember	Samantekt og upprifjun, upplýsingar um lokapróf		Hópverkefni 2

Lesefni

• Vika #1
  • Kafli 0: Inngangur
  • Kafli 1: HTML, til og með 1.15 HTML5
• Vika #2
  • Kafli 1: HTML, að enda
  • Resilient Web Design, chapter 1: Foundations
• Vika #3
  • Kafli 2: CSS, til og með 2.12.1 Normal flow – eðlilegt flæði
  • Resilient Web Design, chapter 2: Materials
• Vika #4
  • Kafli 2: CSS frá og með 2.12 Visual formatting model til og með 2.21 – Annað
• Vika #5
  • Kafli 2.22: Flexbox
  • Kafli 2.24: 2.24 CSS í stærri verkefnum
  • Pro Git: Kafli 1
  • Pro Git: Kafli 2
  • Pro Git: Kafli 3, undirkaflar 3.1, 3.2 og 3.6
  • Pro Git: Kafli 6, undirkaflar 6.1, 6.2 og 6.3
  • Pro Git: Kafli 7, undirkaflar 7.3 og 7.7
• Vika #6
  • Kafli 2.23 Skalanleg vefhönnun
  • Kafli 2.25 Kvikun
  • Kafli 2.27 Hönnun
  • Resilient Web Design, chapter 3: Visions
• Vika #7
  • Kafli 2.26 Tæki & tól
• Vika #8
  • Eloquent JavaScript, kafli 1: Values, Types, and Operators
  • Eloquent JavaScript, kafli 2: Program Structure
  • Eloquent JavaScript, kafli 3: Functions
  • Resilient Web Design, chapter 4: Languages
• Vika #9
  • Eloquent JavaScript, kafli 4: Data Structures: Objects and Arrays
  • Eloquent JavaScript, kafli 8: Bugs and Errors
  • Eloquent JavaScript, kafli 9: Regular Expressions
  • Eloquent JavaScript, kafli 10: Modules
  • Resilient Web Design, chapter 5: Layers
• Vika #10
  • Eloquent JavaScript, kafli 11: Asynchronous Programming
  • Eloquent JavaScript, kafli 13: JavaScript and the Browser
  • Eloquent JavaScript, kafli 14: The Document Object Model
  • Eloquent JavaScript, kafli 15: Handling Events
• Vika #11
  • Eloquent JavaScript, kafli 18: HTTP and Forms
  • Resilient Web Design, chapter 6: Steps
• Vika #12
  • Eloquent JavaScript, kafli 6: The Secret Life of Objects
  • Eloquent JavaScript, kafli 5: Higher-order Functions
  • Resilient Web Design, chapter 7: Challenges

Fyrirlestrar

• Fyrirlestur 1, 26. ágúst 2019
  • Kynning, inngangur, HTML #1
• Fyrirlestur 2, 2. september 2019
  • Element, merkingarfræði, aðgengi og SEO
• Fyrirlestur 3, 9. september 2019
  • CSS, syntax, specificity og cascade, box model

Verkefni

• Verkefni 1, sett fyrir 29. ágúst, skilist 6. september fyrir miðnætti.
• Verkefni 2, sett fyrir 2. september, skilist 10. september fyrir miðnætti.
• Verkefni 3, sett fyrir 9. september, skilist 17. september fyrir miðnætti.

Hópverkefni

• Sett fyrir seinna.

---

Útbúa fyrirlestra

Allir fyrirlestrar eru skrifaðir í Markdown. Til að útbúa fyrirlestra er revel.js notað með pakkanum reveal-md. Til þess að keyra fyrirlestra þarf að keyra í rót verkefnis:

npm install
npm run present