Welke voorkennis heb je nodig?

Om de oefeningen te maken heb je voldoende kennis van HTML5, CSS3, JavaScript nodig.
Voor cordova maakt het niet uit welk CSS- of JavaScript-framework je gebruikt. In deze cursus is gekozen voor:

CSS: materializecss

Omdat we enkel voor Android ontwikkelen gaan we ook de look-and-feel van een native Android app proberen te evenaren. Marerializecss is een modern responsief front-end framework gebaseerd op Google’s Material Design principe.

  1. Ga naar http://materializecss.com/
  2. Bestudeer de verschillende onderdelen en voorbeeldcodes.

Icons: Google Material Icons

Matrializecss maakt gebruik van de standaard Material Icons van Google.

  1. Hoe icons gebruiken in materializecss:
    http://materializecss.com/icons.html
  2. Een overzicht van alle Google icons:
    https://material.io/icons/         

JavaScript: JQuery

JQuery is een populair JavaScript-framework voor dynamische en interactieve websites, onder andere voor het bewerken van het DOM, CSS en interactie met de webserver (ook bekend als AJAX).

  1. http://www.jquery.com/
  2. https://1itf.gitbook.io/jquery/

JavaScript: Revealing module pattern

Je kan je JavaScript-code desgewenst programmeren in losse, onafhankelijke functies. Dit heeft als nadeel dat de code na verloop van tijd onoverzichtelijk en moeilijk onderhoudbaar wordt. Daarom zijn er verschillende design patterns voorhanden waarmee je je code mooi kan structureren. In deze cursus wordt vaak het revealing module pattern gebruikt.

  1. In het revealing module pattern gaan we al onze variabele (properties) en functies (methodes) in één module onderbrengen.
  2. Methodes en variabelen kunnen zowel private als public zijn.
  3. Per definitie zijn alle methodes en variabelen private tot als ze expliciet exposed of public gemaakt worden.

Een mooie introductie vind je hier:

  1. https://toddmotto.com/mastering-the-module-pattern/        
  2. https://www.youtube.com/watch?v=pOfwp6VlnlM