Webdevelopment
WEBDEVELOPMENT
Tijdens dit vak gaan we aan de slag met webdevelopment. Webdevelopment is het proces van het bouwen, onderhouden en verbeteren van websites. Dit omvat alles van visuele opmaak tot functionele interacties en dataverwerking.
✅ Webdevelopment vs. Webdesign
✔ Webdesigners → Focussen op de grafische en visuele aspecten van een website.
✔ Webdevelopers → Schrijven code om een website functioneel en interactief te maken.
Een moderne website gebruikt meerdere technologieën om optimaal te functioneren. De belangrijkste zijn:
✔ HTML (HyperText Markup Language) → De basisstructuur van een webpagina.
✔ CSS (Cascading Style Sheets) → Opmaak en styling voor een professionele uitstraling.
✔ JavaScript → Maakt de website dynamisch en interactief.
✔ PHP → Verwerkt server-side logica en communiceert met een database.
Om een website goed te laten werken, combineren webdevelopers HTML, CSS, JavaScript en PHP.
✅ Voorbeeld: Basis website structuur
✔ HTML → Definieert de pagina-indeling (tekst, afbeeldingen, formulieren).
✔ CSS → Stijlt de pagina (kleuren, lettertypen, lay-out).
✔ JavaScript → Voegt interactie toe (knoppen, pop-ups, validaties).
✔ PHP → Communiceert met een database (gebruikersbeheer, contactformulieren).
Vroeger werd opmaak rechtstreeks in HTML geschreven, maar dat bleek onoverzichtelijk en onpraktisch. Daarom gebruiken we CSS om opmaak apart te beheren.
✅ Voordelen van CSS:
✔ Maakt code overzichtelijker → HTML blijft schoon en gestructureerd.
✔ Maakt het makkelijker om stijlen aan te passen → Aanpassingen gelden voor de hele site.
✔ Verbeterde prestaties → Snellere laadtijden en betere gebruikerservaring.
Met JavaScript kunnen we een website interactief maken. Dit betekent dat gebruikers kunnen communiceren met de pagina, zonder dat de site opnieuw moet laden.
✅ Voorbeeld van JavaScript-functionaliteit:
✔ Een knop die een bericht weergeeft
<button onclick="alert('Hallo, welkom op deze website!')">Klik hier!</button>
Dit zorgt voor directe interactie zonder de pagina te verversen.
PHP wordt gebruikt om gegevens van gebruikers op te slaan en met databases te communiceren.
✅ Voorbeeld van een eenvoudig PHP-script:
✔ Een contactformulier dat gegevens opslaat
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$naam = $_POST["naam"];
echo "Bedankt, $naam, je bericht is verzonden!";
}
?>
Hiermee kunnen formulieren informatie verzamelen en verwerken.