Repositories list

• computational-thinking

  Public
  Voorbeeld van computational thinking. Hoe vertaal je een probleem naar een oplossing die door een computer uitgevoerd kan worden?

  JavaScript

  •0•0•0•0•Updated Oct 8, 2024Oct 8, 2024

• animatie-workshop-sjabloon

  Public
  Dit is een sjabloondocument voor CSS animatie workshops. Er zit een "cheat sheet" in het CSS bestand met alle voorkomende CSS declaraties en properties voor het maken van keyframe animaties!

  uso

  CSS

  •0•0•0•0•Updated Sep 24, 2024Sep 24, 2024

• homebase

  Public
  CMD HomeBase is de plek op Github waar educatief materiaal en code voorbeelden beheerd en gearchiveerd wordt voor de technieklessen van CMD.

  JavaScript

  •0•0•0•0•Updated Sep 20, 2024Sep 20, 2024

• vs-code-editor-tips

  Public
  PDF met tips en truuks om VS Code zodanig in te richten en te configureren zodat je razendsnel kan coderen!

  dio

  0•0•0•0•Updated Sep 8, 2024Sep 8, 2024

• .github

  Public
  0•0•0•0•Updated Jul 9, 2024Jul 9, 2024

• mermaid-voorbeelden

  Public
  Automatische diagram en pie chart generatie! Mermaid is opmaakcode waarbij je ingewikkelde diagrammen en tabellen kan visualiseren op een vrij simpele manier: door gewoon in tekst (code) te typen wat je in de pie charts of staafdiagrammen wil zien!

  uxe

  0•0•0•0•Updated Jul 9, 2024Jul 9, 2024

• flex-versus-grid

  Public
  Voorbeeld van een GRID naast een FLEX lay-out, met uitleg wanneer je het een of het ander gebruikt! Inclusief code preview, zodat je meteen ook de opbouw in HTML en CSS kan zien in de browser.

  uso

  HTML

  •0•0•0•0•Updated Jul 9, 2024Jul 9, 2024

• mijn-eerste-webpagina

  Public template
  Een basis HTML pagina met CSS stylesheet gekoppeld om te oefenen met opmaak en grids. Alle basis elementen en opmaak die je nodig hebt om een geloofwaardige eerste pagina op te zetten! Inclusief een navigatie aan de bovenkant om te "springen" naar verschillende secties van de pagina.

  dio

  HTML

  •0•0•0•0•Updated Jul 9, 2024Jul 9, 2024

• eventlisteners-in-javascript

  Public
  Een standaard voorbeeld van een EventListener. Klik je met de muis op een bepaald HTML element, dan kun je vervolgens weer iets laten gebeuren met een ander HTML element

  ino

  CSS

  •0•0•0•0•Updated Jul 9, 2024Jul 9, 2024

• basispagina-header-main-footer

  Public
  Basisvoorbeeld van een pagina met grote foto als binnenkomer en kolommen layout in het middengedeelte en in de footer onderin.

  dio

  HTML

  •0•0•0•0•Updated Jul 9, 2024Jul 9, 2024

• teachable-machine-voorbeeld

  Public
  Google Teachable Machine voorbeeld, waarbij in dit geval de webcam van de laptop als interface/input wordt gebruikt om gebeurtenissen in een HTML pagina aan te sturen.

  ini

  JavaScript

  •0•0•0•0•Updated Jul 9, 2024Jul 9, 2024

• microbit-bewegingssensor-als-besturing-voor-html

  Public
  In Deze tutorial wordt uitgelegd hoe je de Microbit met pinnen kunt uitbreiden. Op die manier kun je een Microbit in een Arduino of een Makey Makey veranderen.

  ini

  HTML

  •0•0•0•0•Updated May 24, 2024May 24, 2024

• microbit-uitbreiden-met-pinnen

  Public
  Verander een Microbit in een Makey Makey of Arduino door deze met een breadboard uit te breiden met pinnen en jumper kabels!

  ini

  JavaScript

  •0•0•0•0•Updated May 24, 2024May 24, 2024

• scrollbar-animatie-technieken

  Public
  CSS keyframe animatie technieken met voorbeeld in de browser. Inclusief voorbeeld met scrollbar animaties met puur alleen CSS

  ino

  CSS

  •0•0•0•0•Updated Feb 25, 2024Feb 25, 2024

• css-grid-bootstrap-alternatief

  Public
  Dit is hoe je het grid van Bootstrap (of Foundation) kan vervangen met gewone vanilla CSS grids.

  uso

  HTML

  •0•0•0•0•Updated Feb 9, 2024Feb 9, 2024

• html-checklist

  Public
  Reminders en tips om rekening mee te houden als je je eerste HTML pagina maakt. Gebruik deze checklist om te zorgen dat je de meest voorkomende fouten niet maakt bij de opzet van je eerste HTML pagina.

  dio

  0•0•0•0•Updated Feb 9, 2024Feb 9, 2024

• content-wijzigen-via-interactie

  Public
  Content wijzigen via interactie. Alle basisbeginselen zitten in dit voorbeeld: EventListeners, querySelector, en conditionals, zoals if-statementss

  ino

  JavaScript

  •0•0•0•0•Updated Jan 10, 2024Jan 10, 2024

• css-animatie-interactie-op-html-elementen

  Public
  Dit voorbeeld laat zien hoe je via interactie met de muis CSS animaties op HTML elementen kan "plakken"

  CSS

  •0•0•0•0•Updated Jan 10, 2024Jan 10, 2024

• javascript-loops

  Public
  De twee meest voorkomende javaScript loops. Incremental loop: Nieuwe HTML elementen uit het niets creëren met loops! For_of loop: Door reeds bestaande HTML elementen "loopen" met loops om ze te wijzigen!

  ino

  JavaScript

  •0•0•0•0•Updated Jan 10, 2024Jan 10, 2024