Hér má nálgast alla fyrirlestra, dæmi og verkefni í áfangagnum vefforritun 1 kenndan við HÍ haustið 2018.
Upptökur af fyrirlestrum eru á YouTube.
Sjá Uglu.
| Vika | Mánudagur | Viðfangsefni | Verkefni | Skil |
|---|---|---|---|---|
| 1 | 27. ágúst | Kynning, vefurinn og vefforritun, HTML | HTML #1 | |
| 2 | 3. september | Element, merkingarfræði, aðgengi og SEO | HTML #2 | HTML #1 |
| 3 | 10. september | CSS, syntax, specificity og cascade, box model | CSS #1 | HTML #2 |
| 4 | 17. september | Visual formatting, letur&texti, litir&bakgrunnar, variables | CSS #2 | CSS #1 |
| 5 | 24. september | Flexbox, CSS í stærri verkefnum. Git, GitHub | CSS #3 | CSS #2 |
| 6 | 1. október | Skalanlegir vefir, kvikun, hönnun | CSS #4 | CSS #3 |
| 7 | 8. október | node.js, NPM, pakkar, Sass og stylelint | Hópverkefni 1 | CSS #4 |
| 8 | 15. október | JavaScript, breytur, gagnatög, stýriskipanir, föll | ||
| 9 | 22. október | Fylki&hlutir. Villumeðhöndlun, reglulegar segðir, einingar | JS #1 | Hópverkefni 1 |
| 10 | 29. október | Forritun á vef, DOM og atburðir, ósamstillt forritun | JS #2 | JS #1 |
| 11 | 5. nóvember | HTTP og form, Ajax, eslint, unobtrusive JavaScript | JS #3, Hópverkefni 2 | JS #2 |
| 12 | 12. nóvember | Hlutir, fallaforritun, HTML5 og JS, tæki og tól | JS #4 | JS #3 |
| 13 | 19. nóvember | Samantekt og upprifjun, upplýsingar um lokapróf | JS #4 | |
| 14 | 26. nóvember | Hópverkefni 2 |
- Vika #1
- Kafli 0: Inngangur
- Kafli 1: HTML, til og með 1.15 HTML5
- Vika #2
- Vika #3
- Vika #4
- Kafli 2: CSS frá og með 2.12 Visual formatting model til og með 2.21 – Annað
- Vika #5
- Vika #6
- Vika #7
- Vika #8
- Vika #9
- Vika #10
- Vika #11
- Vika #12
- Fyrirlestur 1, 27. ágúst 2018
- Kynning, inngangur, HTML #1
- Fyrirlestur 2, 3. september 2018
- Element, merkingarfræði, aðgengi og SEO
- Fyrirlestur 3, 10. september 2018
- CSS, syntax, specificity og cascade, box model
- Fyrirlestur 4, 17. september 2018
- Visual formatting, letur og texti, litir og bakgrunnar, variables
- Fyrirlestur 5, 24. september 2018
- Flexbox, CSS í stærri verkefnum. Git, GitHub
- Fyrirlestur 6, 1. október 2018
- Skalanlegir vefir, kvikun, hönnun
- Fyrirlestur 7, 8. október 2018
- node.js, NPM, pakkar, Sass og stylelint
- Fyrirlestur 8, 15. október 2018
- JavaScript, breytur, gagnatög, stýriskipanir, föll
- Fyrirlestur 9, 22. október 2018
- Fylki og hlutir. Villumeðhöndlun, reglulegar segðir, einingar
- Fyrirlestur 10, 29. október 2018
- Forritun á vef, DOM og atburðir, ósamstillt forritun
- Fyrirlestur 11, 5. nóvember 2018
- HTTP og form, Ajax, eslint, unobtrusive JavaScript
- Fyrirlestur 12, 12. nóvember 2018
- Hlutir, fallaforritun, HTML5 og JS, tæki og tól
- Fyrirlestur 13, 19. nóvember 2018
- Samantekt og upprifjun, upplýsingar um lokapróf
- Verkefni 1, sett fyrir 27. ágúst, skilist 7. september
- Verkefni 2, sett fyrir 3. september, skilist 11. september
- Verkefni 3, sett fyrir 10. september, skilist 18. september
- Verkefni 4, sett fyrir 17. september, skilist 25. september
- Verkefni 5, sett fyrir 24. september, skilist 2. október
- Verkefni 6, sett fyrir 1. október, skilist 9. október
- Verkefni 7, sett fyrir 22. október, skilist 30. október
- Verkefni 8, sett fyrir 29. október, skilist 6. nóvember
- Verkefni 9, sett fyrir 5. nóvember, skilist 13. nóvember
- Verkefni 10, sett fyrir 12. nóvember, skilist 20. nóvember
- Hópverkefni 1, sett fyrir 8. október, skilist 26. október
- Hópverkefni 2, sett fyrir 9. nóvember, skilist 29. nóvember
Upp kom öryggisgalli í pakka sem mikið er notaður á NPM þar sem óprúttinn aðili kom inn kóða sem reynir að ræna upplýsingum um crypto veski. Sjá nánar:
- "I don't know what to say."
- "An NPM package with 2,000,000 weekly downloads had malicious code injected into it. No one knows what the malicious code does yet."
Til að losna við þarf að fjarlægja npm-run-all pakka og nota concurrently í staðinn:
npm uninstall npm-run-all
npm install concurrently --save-devSíðan þarf að breyta package.json scriptum sem nota npm-run-all úr, t.d.:
"dev": "npm-run-all --parallel sass sass-watch browser-sync"í (setja þarf npm: fyrir framan npm skipanir):
"dev": "concurrently npm:sass npm:sass-watch npm:browser-sync"Sjá breytingu á sýnilausn fyrir h1.
Lokapróf verður haldið miðvikudaginn 5. desember frá kl. 09:00–12:00. Lokapróf frá 2017 má nálgast á Uglu.
Atriði til grundvallar lokaprófi.
Upprifjun og yfirferð á gömlu prófi í fyrirlestri 13
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 presentTil að keyra linting á markdown:
npm run markdownlintJavaScript kóða í .js, .html og .md skrám:
npm run eslint-js
npm run eslint-markdown
npm run eslint-html
npm run eslint # keyrir allt að ofanAllt saman keyrir með:
npm test