Overlopen Development Tool

Door de Dev-modus in te schakelen veranderen er een aantal zaken aan onze interface….

1. ‘Site Structure‘ wordt toegevoegd aan de linkerzijde. Hierin vind je de volgende secties:
   1. pagina’s: al de pagina’s van jouw website.
   2. lightboxes: de lightbox die we aanmaakten voor onze aanmeldpagina
   3. ‘Openbaar‘: JavaScript (.js) bestanden kunnen hier toegevoegd worden,
   4. bij ‘Backend‘ kan je webmodules (.jsw) toevoegen,
   5. bij ‘node_modules‘ ga je naar de ‘Pakket manager’ en kan je nieuwe node pakketten installeren en gebruiken in jouw code
   6. ‘Database‘ tenslotte laat je toe verzamelingen toe te voegen en op die manier dynamische pagina’s aan te maken. Je ziet hier momenteel al een aantal Databases staan…
      1. Marketing, met coupons. Klik je hierop verder, dan gaat het dashboard open op de ‘Contentmanager’ en kan je beginnen met het aanmaken van Coupons.
      2. Members, met ‘Badges’ en ‘PrivateMembersData’. Klik je op deze laatste dan gaat opnieuw het dashboard open op de ‘Contentmanager’ en zie je de verschillende leden van jouw website, met de gegevens die ze ingegeven hebben. We gaan op de mogelijkheden hier nog terugkomen in het hoofdstuk omtrent Databases.
      3. Stores, met producten, bestellingen, collecties en achtergelaten winkelmandjes.
2. ‘Code for Page: HOME‘ verschijnt beneden aan de pagina van de Editor. Je kan hier code schrijven, zowel voor een specifieke pagina als voor de volledige site. Dit kan je veranderen in de zij-tab van het venster.
3. Tenslotte is er ook een ‘Eigenschappen‘-venster toegevoegd. Hier kan je elementen van een ID voorzien om later naar te verwijzen. Je kan hier ook bepalen of een element bij het laden van de pagina zichtbaar is of niet en welke Events (evenementen) er moeten plaatsvinden opdat er interactie is of er verandering plaatsvinden.