Categorie archieven: Web Development

Web Development, Web- & UX-design, Webdesign

Hoe begin je met Google Analytics 4?

Een reactie plaatsen

Als marketeer en/of ondernemer wil je weten wat er op je website gebeurt. Hoeveel mensen bezoeken je website, wat doen ze op je website en hoeveel klanten levert je website op? Een gratis tool zoals Google Analytics 4 (GA4) geeft je deze inzichten. Hoe haal je deze inzichten uit deze tool? Ik ga in dit artikel de stappen met je bespreken om Google Analytics 4 in te stellen, zodat je over data beschikt die iets zeggen over je resultaten van je website. Hoe begin je met Google Analytics 4? (

Meer weten over Google Analytics 4? Lees dan mijn boek Verbeter je online marketing met Google Analytics 4.)

Hoe begin je met Google Analytics 4?

  1. Allereerst moet een Google Analytics 4-account aanmaken en deze instellen;
  2. Je hebt Customer journeys nodig voor een goed meetplan, zodat je de data kunt gebruiken die je zinvolle informatie geven.
Lees verder Hoe begin je met Google Analytics 4? →
JavaScript, Web Development

JavaScript leren met Peter Kassenaar

Een reactie plaatsen

Al meerdere jaren achter elkaar is JavaScript de populairste programmeertaal ter wereld, zoals de Stack Overflow Developer Survey laat zien. Dit geldt niet alleen voor webdevelopers, maar voor alle ontwikkelaars. JavaScript wordt ook gebruikt in andere programma’s. Denk aan het uitvoeren van geautomatiseerde taken in PhotoShop, het animeren van 3D-modellen in AR-software en het maken van interactieve PDF’s. Het is dan ook niet overdreven om te stellen dat iemand die in de IT werkzaam is, op enig moment in zijn loopbaan met JavaScript in aanraking komt. Daarmee is het slim om goed voorbereid te zijn!

Leer JavaScript met Peter Kassenaar
JavaScript is de populairste programmeertaal ter wereld…

Ontwikkeling

JavaScript is de laatste jaren erg snel ontwikkeld. Lange tijd was het niet meer dan een programmeertaal waarmee je klokjes in de statusbalk van de browser kon tonen of eenvoudige animaties in de pagina plaatste. Tegenwoordig doen we alles met JavaScript: online tickets boeken, internetbankieren, Gmail, Tiktok en Facebook zijn nog maar een paar voorbeelden. Zonder JavaScript zouden deze diensten niet bestaan. En eigenlijk is dit weer allemaal terug te leiden naar de komst van jQuery in 2006.

Lees verder JavaScript leren met Peter Kassenaar →
CSS, HTML, Interviews, JavaScript, Web Development

De boeken van Peter Kassenaar in de Web Development Library

1 reactie

Peter Kassenaar geeft trainingen, programmeert en schrijft boeken en artikelen. De onderwerpen waar Peter over schrijft zijn o.a. Windows, Word en Outlook. Daarnaast heeft hij één duidelijke specialisatie: frontend. Van HTML, CSS en JavaScript, tot libraries en frameworks zoals Angular, React en Vue. Hij schrijft daar boeken over en geeft er trainingen in. We spraken met hem over zijn serie boeken voor de Web Development Library. Over Vue.js, Angular en andere frameworks voor het maken van webapplicaties. (Een interview over zijn nieuwe handboeken Windows 11 en Word 2021 vind je HIER op dit blog.)

Waarom ben je met frontend aan de gang gegaan en niet met backend?
Peter Kassenaar: ‘Dat was een toevallige keuze. Ik vind beide onderdelen van het web leuk. Bij frontend ben ik er ingerold. Ik heb eind jaren negentig het eerste Nederlandstalige boek over HTML geschreven. Daarna schreef ik een JavaScript boek, alle twee over frontend. Het spreekt me aan. Je kunt niet alles doen en in alles even goed zijn, je moet keuzes maken. Het is niet zo dat ik niets van backend weet. Voor de site van Van Duuren Media doe ik ook wat aan de backend-kant. Het blijft een ingewikkelde balans. Als je nu van je opleiding informatica komt, is het moeilijk in te schatten wat je van de verschillende vakgebieden moet weten. Het is lastiger dan 10 jaar geleden.’ Lees verder De boeken van Peter Kassenaar in de Web Development Library →

Interviews, SEO / SEA, Web Development, Webdesign

Joost de Valk van Yoast SEO: ‘SEO is gewoon veel werk!’

1 reactie

Hoe mooi, informatief, actueel, relevant of spannend je website ook is, als hij niet gevonden wordt door internetgebruikers, bestaat hij niet. Yoast SEO is een tool die je kan helpen bij het vindbaar maken van jouw website in Google, met afstand de populairste zoekmachine in Nederland en wereldwijd. Het boek Zo werkt Yoast SEO laat je stap voor stap zien hoe je zoekmachineoptimalisatie het beste aanpakt zodat ook jouw website hoger scoort. We spraken met Joost de Valk, chief product officer bij Yoast, over het belang van zoekmachineoptimalisatie, over leesbare webteksten en gevonden worden door Google. Een interview met Joost de Valk over Yoast SEO.

Joost de Valk,chief product officer van Yoast SEO
Joost de Valk,chief product officer van Yoast SEO. (Foto ©Rob Voss)

Wat is je achtergrond?
Joost de Valk: ‘Ik studeerde een blauwe maandag theologie en stopte daarmee in 2002 om in de informatica te gaan werken. Ik werkte als sales/marketingmanager, maar ik was ook al een beetje aan het programmeren. Op een gegeven moment zochten mijn vrouw en ik een baan wat dichter bij huis. We vonden een vacature bij een bureau in Arnhem voor zoekmachinemarketing en dat zat precies op het snijvlak van wat ik leuk vind. Bij dat bureau leerde ik hoe zoekmachineoptimalisatie werkte. In 2010 ben ik voor mezelf begonnen. Ik had toen een hobbyprojectje en dat was een SEO-plug-in, Yoast dus. En het gebruik van Yoast nam explosief toe, met als resultaat dit bedrijf met 150 werknemers.’ Lees verder Joost de Valk van Yoast SEO: ‘SEO is gewoon veel werk!’ →

Interviews, Web Development

Chantal Schinkels: ‘We moeten focussen op cultuurverandering…’

Een reactie plaatsen

Technische vernieuwingen hebben veel invloed op de maatschappij. En als deze vernieuwingen worden bedacht door mannen zal daar vaak een product uitrollen dat vooral geschikt is voor mannen. Zo wordt er op dit moment bijvoorbeeld gewerkt met gezichtsherkenning waarmee een vrouw niet wordt herkend als arts, want artsen zijn toch mannen. Hoog tijd dus dat het aantal vrouwen in de techniek toeneemt. Maar dat lukt niet echt: slechts 14% van de werknemers is vrouw. Bovendien stokt door vooroordelen en vriendjespolitiek de doorstroming van vrouwen naar een volgende managementpositie, waardoor de kans groot is dat een vrouw de techindustrie verlaat. En dat is doodzonde voor de organisatie, voor de vrouw in kwestie en het geld dat in haar opleiding geïnvesteerd is. Chantal Schinkels schreef het boek De IT Girl, Hoe overleef je een door mannen gedomineerde werkvloer? We spraken met haar over de problemen voor vrouwen in de IT-industrie en hoe die problemen op te lossen zijn.

Als ik je boek zo lees, dan is er nog veel werk te verzetten om meer vrouwen aan het werk te krijgen in de IT. Is die wereld al aan het veranderen?
Chantal Schinkels: ‘Het is een moeilijke vraag. Ik zit inmiddels ook in een soort algoritmebubbel, waarin het lijkt dat elk bedrijf hiermee bezig is. Maar dat is natuurlijk niet zo. Je ziet alleen maar de bedrijven die hier actief mee communiceren. Dan pas zie je dat er bedrijven mee bezig zijn, maar er is een gigantische berg bedrijven die daar geen tijd voor hebben, of die de toegevoegde waarde er niet van zien. Het is daarom een moeilijke vraag om te weten of die wereld al aan het veranderen is. Als ik naar mijn algoritme kijk kan ik daar ja op zeggen, maar dat geldt dus voor mijn algoritme.’ Lees verder Chantal Schinkels: ‘We moeten focussen op cultuurverandering…’ →

Development, Interviews, JavaScript, Scripting, Software

Programmeren is een simpel kunstje en iedereen kan het leren!

Een reactie plaatsen

Het 100ste boek van Victor Peter is 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! →

Interviews, Web Development

Live schrijven aan Programmeren voor niet-programmeurs…

Een reactie plaatsen

Er zat een mailtje in de mailbox met de boodschap: Victor Peters schrijft live – online – zijn 100ste boek ‘Programmeren voor niet-programmeurs’. Kunnen we daar wat mee op het blog? Natuurlijk kunnen we daar wat mee! Live, online aan een boek schrijven is volgens mij nog nooit vertoond. Dus stoorden we Victor Peters even een half uurtje in zijn schrijfproces om over dat nieuwe boek te praten en natuurlijk hadden we de vraag: waarom live schrijven?

Victor Peters tijdens het Skype-gesprek voor deze blogpost.

Victor Peters: Ik had het al een paar jaar geleden bedacht. Iedereen deelt altijd alles op het internet, maar ik heb nog nooit iets gezien van live schrijven. Een vriend van mij publiceert veel, die blogt heel veel. Ik dacht bij hem: het zou heel grappig zijn als je mee kunt lezen met een schrijver. Er zijn duizenden schrijfcursussen en schrijfcoaches, maar meelezen met een schrijver, dat is nog nooit gedaan. Ik bekeek een heel nieuw platform voor webdevelopment – Flask gebaseerd op python – en ik wilde het eens uitproberen. Ik zocht er een projectje voor en toen dacht ik aan het live schrijven.’ 
Lees verder Live schrijven aan Programmeren voor niet-programmeurs… →

Web Development

Een grote update voor Flutter: Flutter 2.0

Een reactie plaatsen

Niet eerder was het mogelijk om op basis van één code volwaardige apps te maken voor mobiele apparaten, desktopcomputers en het web. Met Flutter 2.0 kan het wel!

De lancering van Flutter

Eind 2019 verscheen de eerste stabiele versie van Flutter. Sindsdien groeide het aantal gebruikers en toepassingen gestaag. Grote bedrijven als Sonos, Albert Heijn, Philips en Toyota gebruiken het voor consumentenapps. Talloze onafhankelijke ontwikkelaars en hobbyisten over de hele wereld maken in Flutter apps van uiteenlopende complexiteit. Lees verder Een grote update voor Flutter: Flutter 2.0 →

CSS, Web Development, Webdesign

Het boxmodel van CSS

Een reactie plaatsen

Alles wat je op een webpagina ziet is een box. Het boxmodel van CSS regelt de opbouw van boxen en de interactie tussen boxen. Weten hoe het boxmodel werk is onmisbare CSS-basiskennis.

Lees verder Het boxmodel van CSS →

SEO / SEA, Web Development

Hoe begin je met SEO?

Een reactie plaatsen

Deze blogpost is geschreven door Marieke van de Rakt, CEO van Yoast en is een vertaling van deze blogpost. Met enige regelmaat zullen er blogposts verschijnen over het belang van goede SEO en de optimalisatie hiervan. Komend najaar verschijnt er een boek over Yoast SEO getiteld ‘Zo werkt Yoast SEO’. Wil je op de hoogte worden gehouden van de verschijningsdatum van dit boek meld je dan HIER aan voor onze nieuwsbrief. Dit is de 2de blogpost in een serie over Search Engine Optimization ‘Hoe begin je met SEO?’ De 1ste in deze serie vind je HIER: ‘Wat is SEO?’. Bovenstaande illustratie: © Yoast. (H.F.)

Als je wilt dat mensen je online kunnen vinden, is het belangrijk dat je je site optimaliseert voor zoekmachines (search engine optimization, of SEO). Maar hoe begin je met SEO? In deze blogpost beschrijf ik de zeven stappen die je moet nemen om je SEO-strategie op gang te brengen.

Hoe begin je met SEO?

Als je een site hebt gemaakt, wil je dat mensen die kunnen vinden, zodat je jouw gedachten en ideeën met de wereld kunt delen. Wat moet je daarvoor doen? 

Stap 1: Installeer Yoast SEO

Heb je je site met behulp van WordPress gemaakt? Dan zou het installeren van de Yoast SEO-plugin de eerste stap van je SEO-strategie moeten zijn. De Yoast SEO-plugin helpt je ervoor te zorgen dat je website gevonden kan worden door zoekmachines als Google. De plugin lost automatisch een aantal technische SEO-problemen voor je op, gewoon door de plugin te installeren! Daarnaast helpt de Yoast SEO-plugin je om je website zo te bouwen dat zoekmachines je site begrijpen. Dat kan ervoor zorgen dat je hoger rankt in de zoekresultaten. De Yoast SEO-plugin is er in een gratis versie en een Premium versie. Als je net begint met SEO, heb je de Premium plugin waarschijnlijk nog niet nodig (hoewel de Premium plugin je wel wat tijd kan besparen). Lees verder Hoe begin je met SEO? →

CSS, HTML, JavaScript, Web Development, Webdesign

Maak een schakelaar met CSS en HTML

Een reactie plaatsen

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.

Lees verder Maak een schakelaar met CSS en HTML →

CSS, Web Development, Webdesign

Specificiteit in CSS, zo werkt het

Een reactie plaatsen

Specificiteit in CSS is een belangrijke oorzaak van selectors die niet doen wat jij wilt. Specificiteit gaat over hoe zwaar een selector telt en of een concurrerende selector sterk genoeg is om hem te overschrijven. De oplossing begint met begrijpen hoe specificiteit werkt. Een goede tweede is: houd de specificiteit van je selectors zo laag als kan en zo hoog als nodig is.

Lees verder Specificiteit in CSS, zo werkt het →

CSS, Web Development, Webdesign

Leer werken met nieuwe pseudoklassen van CSS

Een reactie plaatsen

Het assortiment selectors van CSS is uitgebreid. Leer werken met de nieuwe pseudoklassen :is(), :where() en :not(), maak kennis met :has() en controleer je focus met :focus-within en :focus-visible.

Voor een goed begrip van dit artikel is het handig als je weet wat specificiteit is. Kan je kennis een opfrisser gebruiken, lees dan ook het artikel Specificiteit in CSS, zo werkt het.

De pseudoklassen in het kort

Behalve :has() worden alle nieuwe pseudoklassen ondersteund door de belangrijke browser.

Tussen de haakjes van :is() en :where() zet je een lijst van selectors. Elke selector die overeenkomt met een element wordt opgemaakt. Alle soorten selectors en combinators zijn toegestaan. Foute selectors worden genegeerd, maar maken niet de complete selector ongeldig. Bij :is() is de specificiteit gelijk aan de selector met de hoogste specificiteit. Bij :where() is de specificiteit altijd 0.

Ook :not() krijgt een selectorlijst. Elementen die overeenkomen met een selector in de lijst worden juist niet opgemaakt. De specificiteit is gelijk aan de selector met de hoogste specificiteit.

:has() werkt als een ‘parent selector’. De selectorlijst is een voorwaarde, geen opmaakdoel. Het is erg onzeker of :has() daadwerkelijk wordt toegevoegd aan de specificatie.

:focus-within maakt het mogelijk om een voorouder op te maken van een element dat de focus kan krijgen.

:focus-visible laat de browser bepalen of het nodig is om de focusopmaak te tonen. Wel bij toetsenbordnavigatie, niet bij muisgebruik.

Lees verder Leer werken met nieuwe pseudoklassen van CSS →

HTML, Web Development, Webdesign

Emoji als favicon

Een reactie plaatsen

Sinds kort ondersteunen alle moderne browsers SVG als bestandsformaat voor favicons. Een bijwerking is dat je nu ook emoji’s als SVG-favicon kunt gebruiken. (Opfrisser: een favicon is het pictogram in een browsertab of op het homescreen van je telefoon.) Nou is een emoji in de browsertab niet een heel serieuze toepassing.  De echte winst is dat je met SVG eenvoudiger mooie favicons kunt maken.

Browsertab met emoji als favicon.
De emoji als favicon in Firefox op Windows.

Lees verder Emoji als favicon →

Web Development, Webdesign

Vue.js – lichtgewicht framework voor moderne websites

Een reactie plaatsen

De tijd dat een website op een regenachtige zondagmiddag met HTML, CSS en JavaScript in elkaar werd gezet is voorbij. Moderne websites worden tegenwoordig vaak gemaakt met behulp van een framework. Vue.js (of kortweg ‘Vue’) is zo’n lichtgewicht framework voor moderne websites!

Evenals de meer bekende varianten React en Angular, is Vue een framework dat voorziet in alle eisen waaraan een moderne webapplicatie moet voldoen. Denk aan zaken als webcomponenten, databinding, routing, state management en communicatie met het database via http. Het voordeel van Vue is echter dat het een veel eenvoudiger syntaxis en structuur kent dan de andere frameworks. Het is daarom sneller te leren. De Vue-leercurve is een stuk minder steil dan bij Angular of React. Al in enkele dagen kun je als programmeur het raamwerk van een complete, complexe applicatie in elkaar zetten. De Vue-praktijk sluit nauw aan bij wat webdevelopers gewend zijn, maar is eveneens eenvoudig te leren voor ervaren Java- of C#-programmeurs.

Websites in Vue bestaan niet meer uit losse pagina’s, maar uit kleine, gespecialiseerde componenten die tezamen de applicatie vormen. Elke component heeft dezelfde, eenvoudig te begrijpen structuur. Lees verder Vue.js – lichtgewicht framework voor moderne websites →

SEO / SEA, Web Development

Wat is Search Engine Optimization, ofwel wat is SEO?

Een reactie plaatsen

Deze blogpost is geschreven door Marieke van de Rakt, CEO van Yoast en is een vertaling van deze blogpost. Met enige regelmaat zullen er blogposts verschijnen over het belang van goede SEO en de optimalisatie hiervan. Komend najaar verschijnt er een boek over Yoast SEO getiteld ‘Zo werkt Yoast SEO’. Wil je op de hoogte worden gehouden van de verschijningsdatum van dit boek meld je dan HIER aan voor onze nieuwsbrief. Dit is de eerste blogpost in een serie over Search Engine Optimization: Wat is SEO? Bovenstaande illustratie: © Yoast. (H.F.)

Alles gebeurt tegenwoordig online. Daarom heb je misschien besloten om een website voor je bedrijf of organisatie op te zetten, of je om je bestaande website nieuw leven in te blazen. Bij het zoeken naar tips kom je de term ‘SEO’ steeds weer tegen, maar waar staat dat voor? In deze blogpost leggen we uit wat het betekent en hoe je het het beste kunt aanpakken!

Wat is SEO?

SEO staat voor ‘search engine optimization’. Kort gezegd gaat SEO om het optimaliseren van je webpagina’s, met als doel om een hoge positie te verkrijgen in de zoekresultaten van Google of andere zoekmachines. SEO richt zich op het verbeteren van de positie in de organische – oftewel de niet-betaalde – zoekresultaten. Heb je een website en wil je meer bezoekers trekken? Dan moet SEO een onderdeel zijn van je marketingstrategie.

Google’s algoritme

De positie in de zoekresultaten, ook wel de ranking genoemd, wordt bepaald door het algoritme van Google. En hoewel het algoritme van Google geheim is, hebben we door jarenlange ervaring met SEO een redelijk goed beeld van de belangrijke rankingfactoren. De factoren in het algoritme van Google kunnen in onze ogen worden onderverdeeld in twee categorieën: on-page en off-page factoren.

Lees verder Wat is Search Engine Optimization, ofwel wat is SEO? →

Android, Besturingssystemen, Tips & Trucs, Web Development

De 10 meest gestelde vragen over Flutter

Een reactie plaatsen

Als u programmeert in welke taal dan ook of overweegt daarmee te beginnen, dan heeft u vast van Flutter gehoord. Het relatief nieuwe systeem van Google zou het Zwitsers zakmes onder de ontwikkelplatformen moeten worden: geschikt voor elk platform en elk type applicatie. Maar wat is het nu echt? Hieronder vind je de antwoorden op de 10 meest gestelde vragen over Flutter.

1. Wat is Flutter?
Flutter is een systeem voor het ontwikkelen van apps voor meerdere platformen. De apps maak je in de programmeertaal Dart. Je kunt daarbij verschillende programmeeromgevingen gebruiken, zoals Android Studio, IntelliJ IDEA of Visual Studio Code. Ik adviseer Android Studio omdat het gratis is en veel specifieke Flutter-functies biedt.

2. Waarom heet Flutter zo?
In het Nederlands is de naam wat ongelukkig. Medici duiden met het woord een hartritmestoornis aan. De naam begint met ‘flut’. Dat is geen goed begin. Engelstaligen hebben deze associatie niet. To flutter, betekent fladderen, zoals van een vlinder. Wellicht is het een verwijzing naar de hoge snelheid waarmee Flutter het scherm vernieuwt: 60 keer per seconde, even snel als de vleugelslag van veel vlinders.
Lees verder De 10 meest gestelde vragen over Flutter →

CSS, HTML, Web Development, Webdesign

Toveren met CSS Grid Layout

Een reactie plaatsen

CSS is de opmaaktaal voor websites en -apps. Met de bundel van drie boeken uit de Web Development Library over die onderwerp leer je alle mogelijkheden, waardoor je veel betere websites ontwerpt. In het boek CSS 3 van Doolaard en Kassenaar leer je werken met CSS-selectors, maateenheden, het box-model, kleurmodellen en meer. De vele oefeningen maken het tot een perfect (zelf-)studieboek. Ben je de basis voorbij? In CSS Flexbox & Grid Layout helpt Peter Doolaard je met het maken van lay-outs voor webpagina’s met Flexible Box Layout en CSS Grid Layout. Deze technieken zijn bedoeld om op een intuïtieve manier complete webpagina’s, apps en onderdelen van de gebruikersinterface in te delen. Met het boek Bootstrap 4 van Peter Kassenaar kunnen niet-designers hun websites snel op consistente en eenvoudige manier opmaken, terwijl ‘echte’ designers hun hart kunnen ophalen aan de vele mogelijkheden die het framework biedt om het naar eigen wens in te stellen. Vergroot je CSS-expertise en bestel deze drie boeken samen voor een voordelige prijs. Hieronder vind je een voorbeeld over het werken met CSS: Toveren met CSS Grid layout van de hand van Peter Doolaard.(H.F.)

Toveren met CSS Grid layout

Hoe bouw je met dezelfde HTML-codebasis een website met vier gezichten? Je leest het in dit artikel waarin we de website rollingstone.com namaken. De lay-out van deze website varieert van één tot vier kolommen waarbij de inhoud steeds net even anders wordt gepresenteerd. CSS Grid Layout en de nieuwe optie subgrid zorgen voor de magie.

Lees verder Toveren met CSS Grid Layout →

Web Development

Stop misbruik van je contactformulier

4 reacties

Aan het begin van elke dag liep ik met een plastic zakje om mijn hand door mijn mailbox om alle poep van de spambots op te ruimen. Dat was ik allang zat, maar een hek om mijn mailveldje plaatsen, daar kwam het niet van. Tot ik toevallig iets las over verborgen invoervelden, honingpotten en invultijden. Dat werkt. Ik kan weer met blote handen in mijn inbox graaien. Stop misbruik van je contactformulier! (Foto hierboven: Mathyas op Unsplash.)

Spambots: dol op contactformulieren

Als je na het invullen van mijn contactformulier op verzenden klikt, wordt het verwerkt door een eenvoudig PHP-script. Dat haalt alle velden op, filtert de kwaadaardige code eruit en stuurt vervolgens jouw bericht naar mijn e-mailadres. Helaas zijn spambots dol op contactformulieren. In razend tempo vullen ze elk veld in dat ze tegenkomen en sturen het de wijde wereld in.
Lees verder Stop misbruik van je contactformulier →

Web Development, Webdesign

Handboek JavaScript en jQuery

1 reactie

Het zal niemand in de webdevelopment wereld zijn ontgaan. JavaScript is de laatste jaren in sneltreinvaart geëvolueerd. Lange tijd was het een programmeertaal waarmee je klokjes in de statusbalk van de browser kon tonen of eenvoudige animaties in de pagina plaatste. Maar sinds de komst van jQuery in 2006 werd alles anders.

Voor het eerst werden complexe, cross-browser compatible handelingen mogelijk zoals het selecteren van elementen en er allerlei handelingen mee uitvoeren. Het is niet overdreven om jQuery ‘de redding van JavaScript’ te noemen. jQuery is een bibliotheek die in aanvulling op JavaScript wordt gebruikt.

Populariteit

Ook met de populariteit van frameworks zoals React, Angular en Vue is de rol van ‘gewoon’ JavaScript en jQuery nog lang niet uitgespeeld. JQuery wordt meegeleverd met de standaardinstallaties van WordPress (35% van álle honderden miljoenen websites ter wereld draait op WordPress), andere content management systemen, wordt aanwezig veronderstelt in de populaire CSS-bibliotheek Bootstrap en wordt in het onderwijs gebruikt om snel interactiviteit aan webpagina’s toe te voegen. JQuery is meegegroeid met deze ontwikkelingen. Oude opdrachten verdwenen uit de bibliotheek, nieuwe opdrachten zijn toegevoegd.

De laatste jaren zijn er echter ook wijzigingen doorgevoerd in de taal JavaScript zelf. De manier om variabelen te declareren met var werd vervangen door const en let. Er zijn nieuwe manieren om functies te definiëren en bijvoorbeeld communicatie met een achterliggende API en database zijn nu rechtstreeks vanuit JavaScript mogelijk met de opdracht .fetch().
Lees verder Handboek JavaScript en jQuery →