Bouw je eerste zakelijke website (HTML, CSS & JavaScript + AI)

Description

Bouw en publiceer een eenvoudige zakelijke website met HTML, CSS, JavaScript en AI-hulp voor de lay-out en tekst — geen framework vereist. Niveau: beginner · Ideaal voor: ondernemers van MKB's en marketingmedewerkers 6-weekse live online programma · 10 live sessies · Europa/Londen tijdzone Wat je zult bereiken: Structuur toegankelijke pagina's met semantische HTML. Stijl responsieve lay-outs met moderne CSS (flexbox en grid). Voeg lichte interactie toe met vanilla JavaScript. Gebruik AI om inhoud en CSS op te stellen terwijl je de kwaliteitscontrole behoudt. Zet een statische site in op een hostbestemming en leg uit hoe updates werken. Wat we behandelen: Front-end fundamenten HTML5 structuur en basisprincipes van toegankelijkheid CSS-variabelen, flexbox en grid Responsieve breekpunten en mobile-first JavaScript DOM en evenementen (intro) Zakenwebsite-vakmanschap Hero, diensten, getuigenissen en contactsecties Formulieren, validatie en privacy-vriendelijke embeds Basisprincipes van prestatie- en beeldoptimalisatie AI in de workflow Genereren van concepttekst die je bewerkt op nauwkeurigheid CSS- suggesties die je test in DevTools Het vermijden van ontoegankelijke of opgezette AI-markup Cursusstructuur Fase 1 — HTML-structuur (Week 1 · 2 live sessies) Bouw het skelet van een meersectie-marketingpagina. Semantische tags: header, nav, main, section, footer Koppen, lijsten, links en afbeeldingen met alt-tekst Formulieren en labels voor contactblokken Leverbaar: Ongestylede HTML-wireframe voor je zakelijke pagina. Fase 2 — CSS-layout en branding (Week 2 · 2 live sessies) Pas typografie, kleur en responsieve lay-out toe. CSS-reset / normaliseer en aangepaste eigenschappen Flexbox voor nav en kaartrijen Grid voor feature-secties Leverbaar: Gestylede desktop + mobiele lay-out. Fase 3 — Componenten en polijsten (Week 3 · 2 live sessies) Knoppen, kaarten en consistente spatiëringssystemen. Knoptoestanden en focusringen Kaartpatronen en icoongebruik Donkere modus optioneel (prefers-color-scheme) Leverbaar: Componentstijl sectiebibliotheek op één pagina. Fase 4 — JavaScript-interactiviteit (Week 4 · 2 live sessies) Mobiel menu, soepele scroll en eenvoudige formulier-validatie. querySelector en event listeners Klassen toggles voor nav en FAQ Client-side validatie voor verzending Leverbaar: Interactieve nav + FAQ op je pagina. Fase 5 — Inhoud en SEO-basisprincipes (Week 5 · 2 live sessies) Meta-tags, Open Graph en leesbare tekststructuur. Titel, beschrijving en canonieke tags Kop- hiërarchie en interne links AI-geassisteerde tekstbewerkingsworkflow Leverbaar: SEO-checklist toegepast op je site. Fase 6 — Publiceren en onderhouden (Week 6 · 2 live sessies) Zet statische bestanden in en plan veilige updategewoonten. Statische hosting opties (Netlify / vergelijkbaar) Aangepast domein en HTTPS-overzicht Update workflow en back-up Leverbaar: Live URL voor je voltooide site. Vereisten Comfortabel met het gebruik van een browser en teksteditor. Geen eerdere coderingservaring vereist. Levering Je kunt je echte zakelijke branding gebruiken als je dat wilt (stockafbeeldingen moeten gelicentieerd zijn). Frameworks (React, Vue) vallen buiten de scope — deze cursus richt zich op de basisprincipes. Volledige cursusdetails: https://nlcrc.co.uk/courses-web-fundamentals-ai Boekingen en vragen: nlcrc.co.uk · 020 3393 0948