Introductie

Deze website heeft een tweeledig doel. Enerzijds is het deels een vervulling van mijn taak voor het vak front-end en anderzijds is het een uitgelezen opportuniteit om mijn leertraject te beschrijven en te structureren. Bijkomend is dat iedereen die interesse heeft in programmeren meer dan welkom isom de site te bezoeken. Voor de gebruiksvriendelijkheid heb ik met betrekking tot de inhoud van de site gekozen voor een gecombineerde sitenavigatie. Bovenaan en horizontaal uitgelijnd bevindt zich een responsief navigatiemenu met daarin een linkknop voor elk van de 3 globale thema's (nl, HTML,CSS en JS) die op deze site besproken zullen worden.

De responsieve configuratie van het thema menu maakt de toegang van dit menu op smartphones en tablets meer gebruiksvriendelijk door een gelijkaardig hamburger icoontje dat rechts in de bovenhoek van de horizontale balk verschijnt.

Aangezien de thema’s uit vele rubrieken bestaan, leek het me praktisch om deze per onderdeel in een of-canvas menu onder te verdelen. Dit verticaal uitgelijnd menu kan geraadpleegd worden door links bovenaan op het hamburger icoon te klikken. Deze bevindt zich net onder de horizontale balk van het thema menu.

Voor absolute beginnelingen zoals mezelf vormt het vergaren van vakkennis vaak een uitdaging. Dit komt vooral door de confrontatie met overweldigende vaktermen, terminologieën en de daarbij horende complexe toepassingen. Deze site doet daarom een inspanning om de leerstof vanuit een vogelperspectief te benaderen d.m.v. praktijk gerichte lesonderdelen die geraadpleegd kunnen worden via de off-canvas menuknop dat zich onder de startknop bevindt.

Merk wanneer u zich in het themamenu bevindt u via het off-canvas menu de relevante themaonderdelen kan raadplegen. Dit is om zo goed mogelijk de focus op het lesonderdeel te houden en om zo veel mogelijk verwarring als gevolg van het navigeren te vermijden. Dit al beperkt naar mijn mening de mogelijkheid om overweldigd te worden door leerstof dat niet relevant is voor het leerstadium waarin de gebruiker zich bevindt. Uiteraard zal er indien nodig gebruik gemaakt worden van interne linken naar andere lesonderdelen of themaonderdelen. Wanneer deze dan niet voorzien zijn kan men altijd via de homepagina terug in het off-canvas menu om andere lesonderdelen te bekijken of het themamenu om relevante themaonderdelen te raadplegen.

De thema onderdelen blijven op elke pagina toegankelijk om gerichter informatie over een onderwerp op te zoeken dat aan bod komt in het lesonderdeel waarin men zich bevindt. De themaonderdelen of lesonderdelen zijn dus terug te vinden in het of-canvas navigatiemenu. Wanneer u de bedieningsknop van dit menu aanklikt zal de marge van de pagina rechts inspringen. Dit om te vermijden dat de inhoud van de pagina bedekt wordt. Merk ook in de horizontale zwarte balk van het thema menu, dat het themablokje grijs oplicht om het thema aan te geven waarin de gebruiker zich bevindt en ook wanneer de gebruiker het themablokje met de muiscursor benaderd (Hover). Links bovenaan vindt u net zoals op elk van de hierboven besproken pagina's de bedieningsknop van de off-canvas navigatie. In de lesonderdelen wordt de lay-out van deze site telkens ter illustratie genomen.