Categoriearchief: JavaScript

Programmeren is een simpel kunstje en iedereen kan het leren!

Het 100ste boek van Victor Peter is eind deze maand klaar: This is IT! – programmeren voor niet-programmeurs. We spraken met Victor over de inhoud van het boek en de noodzaak van programmeerkennis voor niet-programmeurs. Zijn motto: ‘Programmeren is een simpel kunstje en iedereen kan het leren!’

Wat wordt This is IT!- Programmeren voor niet-programmeurs voor boek? Volgens jou moet iedereen leren programmeren…
Victor Peters: ‘Dit boek is voor mij heel belangrijk. Dit boek gaat ergens over. Nu ja, elk boek gaat ergens over, maar dit boek heeft een maatschappelijk belang. Ik probeer jongeren aan hun verstand te peuteren dat programmeren niet iets is wat speciaal programmeurs doen. Dat is ook wat ik in mijn werk voor de hogeschool ook doe, studenten leren programmeren. Programmeren is niet iets waarvan je zegt: dat hoef ik niet te kunnen. Dat is net zo naïef als in de middeleeuwen zeggen: ik hoef niet te leren schrijven of lezen.’ Lees verder Programmeren is een simpel kunstje en iedereen kan het leren!

Maak een schakelaar met CSS en HTML

Maak een schakelaar met CSS en HTML die er niet alleen als een schakelaar uitzien, maar die ook daadwerkelijk iets doet. Zo’n aan-uitschakelaar (toggle of switch) gebruik je bijvoorbeeld om je webformulier op te fruiten. Of je laat bezoekers van de website kiezen tussen een licht en een donker thema. Met een klein beetje JavaScript maak je een werkende themawisselaar van je schakelaar.

Het mooie is dat de basis van de schakelaar gewoon in je HTML-gereedschapskist zit: het element <input type="checkbox">. Het principe is dat je de in- en uitgeschakelde toestand van dit selectievakje gebruikt om de opmaak van de zelfgebouwde schakelaar te veranderen en om JavaScript-code te activeren. Het selectievakje zelf maak je onzichtbaar.

Het is een eenvoudig project en toch maak je kennis met een berg CSS-mogelijkheden. Op CodePen staat het resultaat en daarmee kun je vrijuit experimenteren.

See the Pen schakelaar by Peter Doolaard (@dool) on CodePen.dark

Lees verder Maak een schakelaar met CSS en HTML