/Frontend-2

It's a course on frontend development focusing on abstract vanilla Javascript principles. The examples will focus on progressive enhancement.

Primary LanguageJavaScriptGNU General Public License v3.0GPL-3.0

Front-end Development 2, 2016/17

Een 2e jaars vak aangeboden bij Communication & Multimedia Design aan de Hogeschool van Amsterdam.

Inleiding

De ontwikkelingen op het gebied van techniek gaan razendsnel en als CMD-er heb je in het fundament van je opleiding (de eerste 1,5 jaar) een beperkte introductie met Javascript gekregen. Als je wilt profileren in de richting Front-end Development is het verstandig de grondbeginselen van Javascript grondig te bestuderen. Jaarlijks worden vele bibliotheken en platformen uitgebracht en het bijhouden van ál deze systemen is onmogelijk. Daarom leggen wij in dit vak de focus op de essentie in de wetenschap dat als je die ‘hebt zitten’

​In Frontend 2 ga je dieper in op abstracte programmeerprincipes in JavaScript aan de hand van voorbeelden over progressive enhancement. Je leert pure javascript inzetten zonder een website hier geheel afhankelijk van te maken. Met andere woorden, het moet ook werken zonder javascript. Er wordt bewust gekozen geen gebruik te maken van libraries en/of API’s, wij gebruiken Vanilla JS omdat dit toekomstbestendiger is.

Opzet en inhoud

Opzet van de module

Het vak Frontend Development wordt in ‘MOOC’ stijl opgezet. Dit betekent dat studenten voornamelijk werken op basis van zelfstudie waarbij het studiemateriaal verstrekt wordt via Moodle. Van alle onderwerpen en voorbeelden worden op drie verschillende moeilijkheidsniveau’s bronnen aangereikt. Je wordt geacht zelf deze bronnen te bestuderen en je de materie eigen te maken.

Practica

Tijdens de wekelijkse practica worden onderwerpen behandeld op aanvraag van de groep, aan het begin van een practicum wordt een agenda gemaakt voor die les. Als aanjager worden wekelijkse quizzes ingezet die met een voldoende afgerond moeten worden om deel te mogen nemen aan het tentamen. Daarnaast worden opdrachten ingediend en door klasgenoten van feedback voorzien.

​De materie uit Internetstandaarden en Frontend Development worden als voorkennis verondersteld, het vak sluit aan op het eindniveau van het vak Programmeren maar begint met een recap javascript. Dit vak is een must voor de technisch georiënteerde ontwerper.​

Huiswerk

Studielast

Competenties

  • Onderzoeken
    • Beoordeelt de geraadpleegde en vermelde bronnen op kwaliteit
    • Analyseert ontwikkelingen in het interactieve media werkveld
  • Maken
    • Vindt en verwerkt zelfstandig bronnen om kleine complicaties op te lossen tijdens het maakproces.
    • Werkt systematisch en navolgbaar
  • Adviseren
    • Reflecteert op het eigen advies en dat van medestudenten en verwerkt feedback
    • Argumenteert en overtuigt in correct en helder Nederlands
    • Past verschillende gesprekstechnieken toe in klantgerichte communicatie met de opdrachtgever
  • Projectmanagen
    • Maakt en bewaakt een gefaseerde planning en rapporteert (tussen)-resultaten

Leerdoelen

Aan het eind van de cursus kan de student(e):

  • Abstracte programmeerprincipes herkennen en beschrijven.
  • Zonder angst een technische uitdaging aangaan.
  • Technische artikelen beoordelen op kwaliteit en deze bekritiseren.
  • Zich nieuwe technische materie eigen maken
  • Op de hoogte blijven van technische ontwikkelingen op gebied van javascript
  • Ontwikkeld beginnend vermogen tot tijdsinschatting van technische implementaties

Toetsing en herkansing

Toetsing

Wekelijkse quizzes voor 1 pt op tentamen (4 van de 5 voldoende) Huiswerkopdrachten (tentamenvoorbereiding) Schriftelijk tentamen (100% van het cijfer)

nb. project

Herkansing

Geen herkansing voor quizzes Herkansing voor tentamen eind semester 2

Verplichte literatuur

Gedurende het vak lezen we de boeken uit de You Don’t Know Javascript serie van Kyle Simpson. Deze boeken zijn abstract en vereisen aandachtige bestudering. Even lezen in de trein voor je naar de les komt werkt dus niet. Gebruik de secundaire bronnen om grip te krijgen op de abstracte materie in deze werken.

De boekenserie is gratis als ebook te verkrijgen via GitHub, de links naar de O’Reilly Media site (de uitgeverij) staan er ook bij voor de mensen die van papier houden.

Aanbevolen literatuur

  • Marijn Haverbeke, Eloquent Javascript 2nd ed., No Starch Press

In aansluiting op de verplichte literatuur bieden we wekelijks bronnen aan in drie moeilijkheidsgraden, welke je zullen helpen de materie in de YDKJS boeken te verstaan. Houd onze moodle pagina goed in de gaten.

Programma in schema

Kalenderweek/ datum Thema/ Theorie Huiswerk
Week 6 (6-2-2017) .js bootcamp YDKJS: Up & Going (ch1&2) en andere artikelen naar niveau op moodle
Week 7 (13-2-2017) Introductie YDKJS: Up & Going (ch3) en andere artikelen naar niveau op moodle
Week 8 (20-2-2017) Voorjaarsreces
Week 9 (27-2-2017) Scope & Closures / Off-canvas menu YDKJS: Scope & Closures (ch) en andere artikelen naar niveau op moodle
Week 10 (6-3-2017) this & Object prototypes YDKJS: this & Object prototypes (ch) en andere artikelen naar niveau op moodle
Week 11 (13-3-2017) Types & Grammar YDKJS: Types & Grammar (ch) en andere artikelen naar niveau op moodle
Week 12 (20-3-2017) Async & Performance YDKJS: Async & Performance (ch) en andere artikelen naar niveau op moodle
Week 13 (27-3-2017) ES6 & Beyond YDKJS: ES6 & Beyond (ch) en andere artikelen naar niveau op moodle
Week 14 (3-4-2017) practicum tbv. project en tentamenvoorbereiding
Week 15 (10-4-2017) Tentamen