UPDATE**

“Ik heb niets met design, maar kan toch mooie dingen maken.”

Omschrijving:

Front-end development. HTML/CSS & JavaScript en eventueel andere talen of omgevingen zijn je leidraad waarmee je front-ends bouwt voor verschillende type media. De look-and-feel, de interactie en de eventuele communicatie naar de back-end vormen hierin een eenheid.

Onderwerpen jaar 1:

• HTML 5,

  • doctype,

  • DOM,

  • basis (semantische) elementen,

  • html 5 – structuur elementen.

• CSS 3,

  • selectors,

  • boxmodel,

  • grootte van elementen,

  • lettertypes en plaatjes,

  • passend op alle schermen,

  • positioneren (float, flexbox, gridsystems).

• JS.

  • basis variabelen, if-else, loops,

  • events,

  • DOM manipuleren,

  • dynamische input afhandelen,

  • connectie met API’s,

  • js libraries gebruiken.

 

Uitdagingen:

• Je kunt een website maken die voldoet aan de HTML 5, CSS 3 en ECMA 5 standaarden. 

Ik kan een website maken die aan de HTML 5 , CSS 3 en ECMA 5 standaarden voldoet omdat ik voor dit building  block een website heb gemaakt die alle standaarden bevat.

• Je schrijft je code zodanig dat deze goed overdraagbaar en goed leesbaar is.

Ik kan een goed overdraagbaar en goed leesbaar code maken. Dit is te zien in het kopje bewijs materiaal. Al mijn code is op een logische wijze geschreven waardoor het leesbaar is en bevat comments waardoor het goed overdraagbaar is.

• Je ontwikkelt websites zodanig dat ze goed bruikbaar zijn op meerdere devices.

Ik kan websites ontwikkelen die goed bruikbaar zijn op meerder devices hervoor gebruik ik het grid systeemvan css 3 geleerd die ik mijn eigen aanpassingen heb gegeven waardoor ik gemakkelijk mijn website bruikbaar kan maken voor meerdere devices. Dit is te zien in het kopje bewijs materiaal. De website waar het over gaat is de ‘Markthal Website’.

• Je maakt gebruik van diverse databronnen (webservices) voor het aanleveren van de juiste content.

In periode 3 heb ik een website gemaakt die gebruik maakt van 2 webservices / API’s voor het leveren van content. Dit betreft de  yummly api en de instagram api. Dit is te vinden als ‘Markthal website’  onder het kopje bewijs materiaal.

Bewijs Materiaal

Markthal website.

QRP

Sprint 3 Website 

 

***

(OUDE POST)

Omschrijving

Front-end development. HTML/CSS & JavaScript en eventueel andere talen of omgevingen zijn je leidraad waarmee je front-ends bouwt voor verschillende type media. De look-and-feel, de interactie en de eventuele communicatie naar de back-end vormen hierin een eenheid.

 

Uitdagingen

• Je kan een website maken die voldoet aan de eisen die HTML 5 en CSS 3 en ECMA 5 standaarden.
• Je zoekt bij het maken van een website naar de best mogelijke oplossing gegeven de meest gangbare technieken.
• Je programmeert netjes met voldoende commentaar, goede naamgeving, en een overzichtelijke structuur.

 

Bewijsmateriaal

Ik heb voor CLE1 Sprint 3 zelf een website gebouwd met HTML5 en CSS3. Alle front-end en back-end behalve Javscript heb ik zelf geschreven. Wel zijn er kleine aanpassingen geweest van een team genoot in mijn CSS code. Het maakte de volgorde van code wat overzichtelijker en hij zorgde voor de achtergrond.

Mijn website is HIER te vinden.