HTML


HTML gives directions to the web browser on what content to display. It uses a set of elements to identify content types.


Do the task

CSS


Learn about styling web pages with cascading style sheets.


Do the task

Gists


Share your files in a gist.


Do the task

City Walk


Get some last contact with the real world, before you disappear into its virtual counterpart.


Do the task

Dev tools


A very important tool to know is the Devtools in browsers. It is used for many things like bugtesting or experimenting.


Do the task

DOM


The DOM -Document Object Model - is an interface for HTML documents.


Do the task

JSON


JSON is an easily parsed and widely used data format.


Do the task

Templating


HTML5 allows for template elements. A template is best described as a mold with a fixed layout, which can be repeated multiple times.


Do the task

Photostack


Select photos, create a JSON-object and make a template.


Do the task

Web Architecture


Http requests and communicating with the server.


Do the task

Web Components


Web components are the future of web development, but what are they?


Do the task

Custom Elements


Web components provide an easy way to share and reuse code.


Do the task

Communication Between Components


Under construction


Do the task

From Idea to Component


Transform one of your ideas into a real webcomponent.


Do the task

Forms


Forms are used to collect user input, like names, e-mail addresses, selected answers or messages.


Do the task

Data structures


Data comes in many forms, and data structures equally so.


Do the task

Component Lifecycle


Just like organisms have a certain lifecycle, webcomponents have a lifecycle of their own.


Do the task

Scripts


A script is a small bit of code that allows for dynamic pages.


Do the task

From Paper to Polymer


From paper to Polymer, taking mocking up to a next level.


Do the task

Data Visualization


In this objective you will have a quick introduction to the basics of data visualization.


Do the task

Enumeration


An enumeration is a list of objects that has been ordered in a certain way so each the objects inside the list has its unique place.


Do the task

Events


All interactions users have on a web page are essentially events.


Do the task

Variables


Variables are labelled containers for data.


Do the task

Visualize That Data


For this assignment you need to combine your knowledge to create a radar graph using an external component and the Rijksmuseum API.


Do the task

Async


A good way to explain asynchronicity is to take examples from everyday life.


Do the task

Composition


Composition is a method to structure your code for optimal code reuse.


Do the task

Combining APIs


APIs are very versatile. Combining them can solve very interesting problems.


Do the task

HTML5 APIs


HTML5 provides a serie of APIs that help in creating web applications.


Do the task

Your own Objective


A good way to learn is to explain and to take examples from everyday life. Coding is an ongoing learning process


Do the task
level 000 meeting

  • 28 October 2014
  • Time 13:00 - 16:00
  • UvA (OMHP EK.01)
  • Oudemanhuispoort 4 - 6
  • Amsterdam
  • Google Maps
level 001 meeting

  • 4 November 2014
  • Time 13:00 - 16:00
  • LUSTlab
  • Paviljoensgracht 20
  • Den Haag
  • Google Maps
level 002 meeting

  • 11 November 2014
  • Time 13:00 - 17:00
  • UvA (OMHP EK.01)
  • Oudemanhuispoort 4 - 6
  • Amsterdam
  • Google Maps
level 003 meeting

  • 18 November 2014
  • Time 13:00 - 16:00
  • UvA Vendelstraat
  • Vendelstraat (see Slack-channel)
  • Amsterdam
  • Google Maps
level 004 meeting

  • 25 November 2014
  • Time 13:00 - 17:00
  • UvA (OMHP EK.01)
  • Oudemanhuispoort 4 - 6
  • Amsterdam
  • Google Maps
level 005 meeting

  • 2 December 2014
  • Time 13:00 - 16:00
  • UvA Vendelstraat
  • Vendelstraat
  • Amsterdam
  • Google Maps
level 006 meeting

  • 9 December 2014
  • Time 13:00 - 16:00
  • UVA Vendelstraat
  • Vendelstraat
  • Amsterdam
  • Google Maps
latest messages