Wat Theo weet
lessen voor Mediavormgevers en Mediadevelopers. Je vindt hier van alles over het maken van sites.
Introduction computers
Tutorials HTML
- Introductie HTML
- Attributen en inleiding CSS
- div | span | padding | marge
- theorie: display-types van elementen
- formulieren in HTML
- een tabel maken
- banner met CSS-animaties (gestart met JS)
- een eigen icon-font maken
- een responsive menu met animatie
- digitale handtekening
- een elektronische nieuwsbrief maken
- kennismaken met GitHub
- BEM: Block - Element - Modifier
Tutorials CSS
- opdracht layout met padding en marge
- elementen naast elkaar: experimenten display-types
- positioning en maateenheden
- experimenten display, positioning en maten
- lay-outs met Bootstrap 5
- theorie: display-types van elementen
- oefening met menu, webfonts en W3C
- responsive layout met CSS Grid
- CD-covers: met CSS-animaties
- Maak een ripple-effect met CSS en JS
- Fotogalerij met CSS Grid
- banner met CSS-animaties (gestart met JS)
- een inlog-formulier vormgeven
- een responsive menu met animatie
- horizontaal smooth scrolling met CSS
- responsive lay-out met CSS Grid en grid-areas
- een responsive webpagina met Bootstrap
- de inhoud voor het menu opzij schuiven
- introductie Sass
- CSS transitions getriggerd met JS
JavaScript
- Eigenschappen van objecten uitvoeren
- JSON data importeren
- donut-chart met SVG
- Oefening this-keyword bij JS events
- modaal venster met JS
- CSS transitions getriggerd met JS
- citaten genereren met JavaScript
- Formulieren met JS
- JSON-data importeren en uitvoeren
- bestelformulier met Local Storage
- Intersection Observer
- een waarderingssysteem met sterren *****
- interactieve kubus met interactie
- een bijschuivend menu
- een fotomuur met JavaScript
- een modaal venster JavaScript
- kaarten draaien met JS
- modaal venster met JS object
- Google Maps API
- lijnanimatie met JS
- muisvolgers met JS
- array's in JS
-
Introductie Vue.js
jQuery
- kennismaken met jQuery
- een eenvoudige slider maken
- een lightbox
- delen van een afbeelding uitlichten met jQuery Deel 2 uitlichten
- Tab-panelen in jQuery
- Easing met jQuery UI
- een inlog-formulier laden
- een sticky menu
- Drag & drop (vormgevers)
- Drag & drop (developers)
- parallax achtergronden
- een mobile site met jQuery Mobile
- foto's ophalen met AJAX en JSON
- interactieve afbeelding
- animatie op canvas