Minor Web Development

Front-End Development & Design

Introductie

Deze minor leert je interactieve toepassingen maken met de webtechnologieën: HTML, CSS en JavaScript. In verschillende vakken en projecten leer je over browsers, het ‘real time web’, internet of things, performance, rapid prototyping, usability, documenteren, versiebeheer, debuggen, testen, responsive, reactive, micro interacties, API’s en … en …

De minor wordt aangeboden door de opleiding CMD van de Hogeschool van Amsterdam. CMD Amsterdam is een ontwerpopleiding digital design met drie focuspunten: interaction design, visual design en front-end development. De minor sluit aan bij het profiel Front-end developer.

Impressie

Showtime

Presentatie van eindwerk

Theme parks for the web

Op bezoek bij Lifely

Showtime

Een impressie van een college

Sensors

Er wordt ook met sensors gewerkt

Is deze minor voor jou?

We gaan werken met verschillende webtechnologieën. Samen met bedrijven uit de creatieve industrie verkennen we de grenzen van wat er mogelijk is op het web. Van studenten wordt verwacht dat ze gedegen kennis hebben van HTML, CSS en JavaScript.

Ben je leergierig en nieuwsgierig? Gedreven en zelfredzaam? Heb je affiniteit met techniek of wil je je technische (design) skills verdiepen? Droom je van Real time, Responsive en Reactive? Of misschien wil je dat leren? Dan is deze minor voor jou!

Deze minor is ook geschikt voor Visual Interface Designers en Interactie ontwerpers die alles willen weten over het web, over toegankelijkheid, én over hoe code van invloed is op het ontwerpen en maken van websites. De lesstof wordt op verschillende niveau's aangeboden, afhankelijk van de kennis en skills van de student.

Werkwijze

In de minor werken we in een studio model. De minor heeft een vast lokaal waar de lessen worden gegeven. Van studenten wordt verwacht dat ze in het lokaal blijven werken zoals je dat ook in een bedrijf zou doen. De werkbelasting is full-time, 40 uur per week. Iedere dag zijn er docenten aanwezig om studenten te begeleiden en vragen te beantwoorden.

In de minor worden 2 vakken tegelijk gegeven met wekelijkse opdrachten en beoordelingen. Een blok vakken duurt 3 weken en wordt afgesloten met een projectweek. Aan het eind van de minor volgt een Meesterproef van 5 weken. Dat is een project voor een opdrachtgever. Op dinsdag middag is iedere week de Weekly Nerd. Een serie presentaties en gastcolleges uit het werkveld.

Lesprogramma

CSS to the Rescue

In dit vak gaan we aan de slag met CSS. We gaan goed werkende responsive oplossingen bedenken én maken voor complexe interfaces. Dat is erg belangrijk, te veel ontwerpers kunnen dit niet zo goed. Het is ook belangrijk om een aantal basisprincipes achter CSS goed te begrijpen. Niet alleen op praktisch niveau, ook op experimenteel niveau. Zonder goed begrip van de basisprincipes is CSS magisch en weird. Met een goed begrip heb je CSS onder controle en kan je het laten doen wat jij wil. En dat is nodig om webpagina’s vorm te geven met attention to detail. Webpagina’s waar mensen blij van worden.

Web App from Scratch

In dit vak gaan we een web app maken zonder frameworks of onnodige libraries, dus zoveel mogelijk met native HTML, CSS & JavaScript. Het eindproduct is een modulair opgezet prototype voor een single page web app. Data wordt opgehaald uit een externe API, waar nodig gemanipuleerd en vervolgens getoond in de Web App. Je leert hoe je structuur aanbrengt in je code en hoe je hiermee 'from scratch' een (prototype voor een) web app maakt. Met deze kennis begrijp je daarnaast beter hoe bestaande api’s, libraries en frameworks werken.

Project 1 - Prototype for concept

Een case waarin je gaat toepassen wat je bij de vakken Webapp from Scratch en CSS To The Rescue hebt geleerd.

Opdrachtgever: Funda

Browser Technologies

Een van de mooiste principes van het web is dat het er echt is voor iedereen. Iedereen met een computer en een browser moet gebruik kunnen maken van het web. Het web is geen gecontroleerde (programmeer) omgeving. Je kan er gerust van uit gaan dat niemand precies hetzelfde te zien krijgt als wat jij ziet in jouw browser. Er zijn natuurlijk de technische beperkingen. Zoals - Afmetingen van de browser - Grootte van het apparaat - Manier van interactie - Kwaliteit van de hardware - Kwaliteit van het netwerk. En er zijn mensen. Allemaal verschillende mensen …

In het vak Browser Technologies leer je hoe je goede, robuuste, toegankelijke websites maakt. Je gaat leren over Progressive Enhancement, Feature Detection en Fallback. Het web is er voor iedereen. In dit vak leer je hoe je daarvoor kan zorgen.

Performance Matters

In het vak Performance Matters gaan we van bestaande web applicaties de performance verbeteren. We werken aan HTML, CSS en JavaScript optimalistaties en hoe we het HTTP protocol beter kunnen benutten.

Onder andere de Service Worker (als onderdeel van Progressive Web Apps) wordt ingezet om de performance van applicaties te verbeteren, maar ook om offline gebruik van de applicaties mogelijk te maken.

Project 2 - Solve & Debug

Case waarin je gaat toepassen wat je bij de vakken Performance Maters en Brower technologies hebt geleerd.

Opdrachtgever: Lifely

Real-Time Web

In het vak Real-Time Web leer je hoe je real-time / live data op een inzichtelijke manier toegankelijk kunt maken. Terwijl je bij het vak ‘Web of Things’ leert hoe je sensor data uit “slimme” devices kunt lezen en deze devices zelfs kunt aansturen, ga je bij RTW precies dit soort data real-time inzichtelijk en toegankelijk maken voor eindgebruikers.

Web of Things

WoT (Web of Things / Internet of Things) is een uitdagend nieuw veld voor de CMD'er; meer en meer diensten maken gebruik van een diversiteit aan connected devices voor een goede UX. In het vak Web of Things bouwt elke student zijn/haar eigen connected device waarmee (stand-alone of als sensornetwerk) data gegenereerd en op het web gepubliceerd kan worden, en andersom ook aangestuurd kan worden vanaf het web.

Project 3 - Woozers Non-Existing

Case waarin je gaat toepassen wat je bij de vakken Real-time web en Web of things hebt geleerd.

Meesterproef - Case voor een opdrachtgever

In de meesterproef laten studenten zien wat ze allemaal hebben geleerd. Er worden een aantal projecten (voor echte opdrachtgevers) aangeboden waar studenten in 5 weken een oplossing voor een probleem moeten verzinnen en maken.

Toelatingseisen

Je hebt aantoonbaar affiniteit met werken met webtechnologie (HTML, CSS en JavaScript). Zowel in de client als op de server.

In een toelatingsgesprek wordt op basis van motivatie en een portfoliocheck bepaald of jij geschikt bent voor deze minor, en of de minor bij jou past. Er is plek voor 42 studenten.

Aanmelden

Vanaf 25 september kun je je op SIS inschrijven voor de minor.

to Code