Skip to content

Latest commit

 

History

History
219 lines (180 loc) · 12.7 KB

README.md

File metadata and controls

219 lines (180 loc) · 12.7 KB

Vefforritun 1, 2018

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.

Dæmatímar

Sjá Uglu.

Kennsluáætlun

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

Lesefni

Fyrirlestrar

Verkefni

Hópverkefni

Öryggisvilla í verkefnum

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:

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-dev

Síð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

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


Ú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

Linting

Til að keyra linting á markdown:

npm run markdownlint

JavaScript 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ð ofan

Allt saman keyrir með:

npm test