Hello world

Introduktion till Webbutveckling 2 @ NTI Johanneberg

Centralt innehåll

Centralt innehåll

• Webben som plattform för applikationer av olika slag.
• Utvecklingsprocessen för ett webbtekniskt projekt med målsättningar, planering, specifikation av struktur och design, kodning, optimering, testning, dokumentation och uppföljning.
• Fördjupning i märkspråk där det huvudsakliga innehållet är standarderna för HTML och CSS med särskilt fokus på responsiv design.
• Språk med stöd för variabler för att förenkla CSS-generering.
• Ramverk eller klassbibliotek inom design eller skriptspråk.
• Skriptspråk för webbutveckling på klientsidan och dokumentobjektsmodell.
• Bilder, ljud, video och två- eller tredimensionell interaktiv grafik för webbapplikationer.
• Riktlinjer för god praxis inom webbutveckling.
• Uppnående av interoperabilitet genom att följa standarder och testa på olika plattformar.
• Applikationer som fungerar oberoende av vald plattform och hur tillgänglighet uppnås även för användare med funktionsnedsättning.
• Kvalitetssäkring av applikationens funktion och validering av kodens kvalitet.
• Lagar och andra bestämmelser som styr digital information, till exempel personuppgiftslagen och lagen om elektronisk kommunikation.
• Säkerhet och sätt att identifiera hot och sårbarheter samt hur attacker kan motverkas genom effektiva åtgärder.
• Terminologi inom området webbutveckling.

Övergripande schema

Vecka	Datum	Vad	Kommentar	Kunskapskrav
36	6 sep	Introduktion av WU2 Presentation av Johan Genomgång av kursplan och kursplanering \ \ Github Förväntningar på kursen
37	13 sep	Repetition HTML	semantisk HTML, tillgänglig HTML	Applikationer som fungerar oberoende av vald plattform och hur tillgänglighet uppnås även för användare med funktionsnedsättning
38	20 sep	Repetition Flexbox	flexbox bootcamp	Fördjupning i märkspråk där det huvudsakliga innehållet är standarderna för HTML och CSS
39	27 sep	Repetition CSS Grid	layouts	Fördjupning i märkspråk där det huvudsakliga innehållet är standarderna för HTML och CSS
40	4 okt	SCSS	Grunder nesting partials mixins	Språk med stöd för variabler för att förenkla CSS-generering.
41	11 okt	SCSS	Konvertera layout till SCSS	Språk med stöd för variabler för att förenkla CSS-generering.
42	18 okt	SCSS	SCSS projekt	Språk med stöd för variabler för att förenkla CSS-generering.
43	25 okt	SCSS	SCSS projekt	Språk med stöd för variabler för att förenkla CSS-generering.
44		höstlov	Wheeee, höstlov!
45	8 nov	Javascript \ block, datatyper		Skriptspråk för webbutveckling på klientsidan och dokumentobjektsmodell.
46	15 nov	Javascript - funktioner \ programflöde		Skriptspråk för webbutveckling på klientsidan och dokumentobjektsmodell.
47	22 nov	Javascript - loopar		Skriptspråk för webbutveckling på klientsidan och dokumentobjektsmodell.
48	29 nov	Javascript - events		Skriptspråk för webbutveckling på klientsidan och dokumentobjektsmodell.
49	6 dec	Javascript - DOM		Skriptspråk för webbutveckling på klientsidan och dokumentobjektsmodell.
50	13 dec	Javascript - Projekt Memory		Skriptspråk för webbutveckling på klientsidan och dokumentobjektsmodell.
51	20 dec	Javascript - Projekt Memory		Skriptspråk för webbutveckling på klientsidan och dokumentobjektsmodell.
52-1		jullov	Wheeee, jullov!
2		Media ( bilder )	optimera bilder	Bilder, ljud, video och två- eller tredimensionell interaktiv grafik för webbapplikationer.
3		Media ( ljud, video )	audio / video element	Bilder, ljud, video och två- eller tredimensionell interaktiv grafik för webbapplikationer.
4		Animationer	CSS transistions + keyframe animations	Bilder, ljud, video och två- eller tredimensionell interaktiv grafik för webbapplikationer.
5		Animationer	CSS 3d animations	Bilder, ljud, video och två- eller tredimensionell interaktiv grafik för webbapplikationer.
6		Responsive	SCSS responsive	Fördjupning i märkspråk där det huvudsakliga innehållet är standarderna för HTML och CSS med särskilt fokus på responsiv design
7		sportlov	Wheee, sportlov!
8		Ramverk	Vue-petite, Svelte?	Ramverk eller klassbibliotek inom design eller skriptspråk
9		Ramverk		Ramverk eller klassbibliotek inom design eller skriptspråk
10		Ramverk		Ramverk eller klassbibliotek inom design eller skriptspråk
11		Ramverk		Ramverk eller klassbibliotek inom design eller skriptspråk
12		Ramverk		Ramverk eller klassbibliotek inom design eller skriptspråk
13		Ramverk		Ramverk eller klassbibliotek inom design eller skriptspråk
14		Ramverk		Ramverk eller klassbibliotek inom design eller skriptspråk
15			Wheeee, påsklov!
16		Slutprojekt		Utvecklingsprocessen för ett webbtekniskt projekt med målsättningar, planering, specifikation av struktur och design, kodning, optimering, testning, dokumentation och uppföljning.
17		Slutprojekt		Utvecklingsprocessen för ett webbtekniskt projekt med målsättningar, planering, specifikation av struktur och design, kodning, optimering, testning, dokumentation och uppföljning.
18		Slutprojekt		Utvecklingsprocessen för ett webbtekniskt projekt med målsättningar, planering, specifikation av struktur och design, kodning, optimering, testning, dokumentation och uppföljning.
19		Slutprojekt		Utvecklingsprocessen för ett webbtekniskt projekt med målsättningar, planering, specifikation av struktur och design, kodning, optimering, testning, dokumentation och uppföljning.
20		Slutprojekt	Redovisningar, avslut ihopknyt
21		Buffert
22		Betygssamtal