Bouw Professionele No-Code Websites met Webflow — PickAClass
★ 4.5 (8) ⏱ 3 u 4 min 📚 26 lessen 🎧 Audioversie

Bouw Professionele No-Code Websites met Webflow

Leer volledig responsieve websites ontwerpen, structureren en publiceren zonder code te schrijven, perfect voor aspirant freelance webdesigners.

  • 💬 AI-instructeur
    Stel vragen over elke les en krijg altijd meteen een duidelijk antwoord.
  • 🕐 Begin wanneer je wilt
    Geen roosters of deadlines — leer in je eigen tempo, wanneer het jou uitkomt.
  • 🌐 In het Nederlands
    Lessen, opdrachten en certificaat — alles volledig in jouw taal.

Over deze cursus

Het bouwen van een op maat gemaakte, hoogwaardige website vereiste vroeger uitgebreide programmeerkennis, maar moderne no-code tools hebben de industrie getransformeerd. In deze uitgebreide tekstgebaseerde cursus leert u hoe u Webflow kunt inzetten om responsieve, productieklare websites vanaf nul te creëren. U verkent de kernprincipes van webdesign, lay-outstructurering en contentmanagement zonder dat u één regel HTML of CSS hoeft te schrijven. Door geschreven uitleg en praktische oefeningen te volgen, krijgt u het vertrouwen om een project van een initieel concept naar een gepubliceerde site te brengen. Wat u zult leren: - Begrijp fundamentele webdesignterminologie en hoe u door de Webflow-werkruimte navigeert. - Bouw responsieve, mobile-first lay-outs met behulp van moderne concepten zoals Flexbox en CSS Grid. - Pas essentiële webtoegankelijkheidsstandaarden en prestatiefundamenten toe op uw projecten. - Ontwerp dynamische contentstructuren die zorgen voor een naadloze gebruikerservaring. - Configureer basis SEO-instellingen en bereid uw website voor op een succesvolle lancering. Het curriculum begint met het introduceren van essentiële webontwikkelingsconcepten en no-code terminologie voordat wordt overgegaan op toegepaste bouwtechnieken. Door middel van duidelijke, stapsgewijze geschreven instructies leert u systematisch hoe u professionele webpagina's samenstelt en stylet. Deze cursus is specifiek ontworpen voor beginners, aspirant freelancers en iedereen die geïnteresseerd is in no-code ontwikkeling—absoluut geen voorafgaande codeer- of ontwerpervaring is vereist. Begin vandaag nog met lezen om de vaardigheden op te bouwen die nodig zijn voor het creëren van uitzonderlijke websites zonder code.

Cursusinhoud

5 modules · 26 lessen · 3 u 4 min

1 Introductie & De Webflow Interface
De basis van no-code begrijpen en comfortabel worden in de Webflow Designer.
6 lessen · 40 min
  1. De No-Code Revolutie
    Wat no-code is en hoe de workflow van concept naar live site eruitziet.
    6 min
  2. Webdesign 101: Het Box-model
    Essentiële terminologie over hoe elementen op het web worden opgebouwd.
    6 min
  3. Rondleiding door de Designer
    Navigeren door de belangrijkste panelen en tools van de Webflow-werkruimte.
    7 min
  4. De Navigator & Hiërarchie
    Het belang van de boomstructuur van je website begrijpen.
    7 min
  5. Visueel Stylen
    Hoe je het Style Panel gebruikt om elementen vorm te geven zonder code.
    8 min
  6. Assets Beheren
    Afbeeldingen en media organiseren in de Asset Manager.
    6 min
2 Lay-out & Structuur
Leren hoe je een solide website-structuur bouwt met moderne lay-out technieken.
6 lessen · 43 min
  1. Secties, Containers en Divs
    De basisbouwstenen gebruiken voor een logische pagina-indeling.
    7 min
  2. Flexbox Basis
    Elementen horizontaal en verticaal uitlijnen met Flexbox.
    7 min
  3. Geavanceerde Flexbox
    Complexe uitlijningen en het verdelen van ruimte binnen containers.
    7 min
  4. Introductie tot CSS Grid
    Tweedimensionale lay-outs maken met het krachtige Grid-systeem.
    8 min
  5. Flexbox vs Grid
    Wanneer je welke techniek kiest voor de beste gebruikerservaring.
    7 min
  6. Spacing: Margin & Padding
    Het creëren van witruimte en ademruimte in je ontwerp.
    7 min
3 Styling & Responsiviteit
Websites visueel aantrekkelijk en functioneel maken op alle apparaten.
6 lessen · 44 min
  1. Klassen & Overerving
    Efficiënt stylen door het hergebruiken van CSS-klassen.
    8 min
  2. Typografie & Kleur
    Consistentie creëren in tekststijlen en kleurenpaletten.
    7 min
  3. Mobile-First & Breakpoints
    Je site aanpassen voor tablet en mobiel met een mobile-first mindset.
    8 min
  4. Responsieve Media
    Zorgen dat afbeeldingen en video's schalen op elk scherm.
    7 min
  5. Toegankelijkheid (Accessibility)
    Je website bruikbaar maken voor mensen met een beperking.
    7 min
  6. Prestaties & Snelheid
    Je site optimaliseren voor snelle laadtijden.
    7 min
4 Dynamische Content (CMS)
Leren werken met databases om schaalbare websites te bouwen.
4 lessen · 29 min
  1. Wat is een CMS?
    Het concept van dynamische content versus statische pagina's.
    7 min
  2. CMS Collections Opzetten
    Velden definiëren voor je eigen database (bijv. blog of portfolio).
    7 min
  3. Collection Lists
    Dynamische data tonen in je lay-out met lijsten.
    7 min
  4. CMS Template Pagina's
    Eén ontwerp maken dat automatisch wordt gevuld voor elk database-item.
    8 min
5 SEO & Lancering
De website voorbereiden op de buitenwereld en live zetten.
4 lessen · 28 min
  1. Basis SEO-instellingen
    Titels, beschrijvingen en koppen optimaliseren voor zoekmachines.
    7 min
  2. Open Graph & Social Media
    Bepalen hoe je site eruitziet als deze gedeeld wordt op socials.
    7 min
  3. Domeinen & Hosting
    Je eigen domeinnaam koppelen aan je Webflow-project.
    7 min
  4. Publiceren & Onderhoud
    De site live zetten en best practices voor updates.
    7 min
Eindproject

Project: Je Professionele Portfolio

Bouw een volledige, responsieve portfolio-website met ten minste drie pagina's, een werkend CMS voor projecten, en volledige SEO-optimalisatie.

Wat je krijgt

  • 📜 Voltooiingscertificaat
    Voeg toe aan je LinkedIn-profiel
  • 💬 Persoonlijke AI-tutor
    Vastgelopen bij een les? Vraag je ingebouwde tutor op elk moment van alles.
  • 🎧 Audioversie inbegrepen
    Leer onderweg — geen scherm nodig
  • ♾️ Levenslange toegang
    Kom altijd terug, geen einddatum
  • 📱 Telefoon of computer
    Werkt overal, op elk apparaat
  • 💸 14 dagen retour
    Geen vragen
  • ⚡ Kort en gericht
    3 u 4 min praktische inhoud

Voltooiingscertificaat

Elke cursus die je op PickAClass afrondt geeft zo'n certificaat — origineel, met eigen code, verifieerbaar via URL en gedetailleerd over wat echt is aangetoond.

P
PickAClass
Vaardighedenprofiel · verifieerbaar
Document
Certificaat van Meesterschap
Dit verklaart dat
Voornaam Achternaam
heeft met succes beheersing aangetoond van
Bouw Professionele No-Code Websites met Webflow
Aangetoonde vaardigheden
✓
Analyse van gedragspatronen
Fundamenteel
1.2 u
✓
Besluitvormingsarchitectuur-frameworks
Vaardig
1.4 u
✓
A/B-testontwerp
Vaardig
1.7 u
✓
Gedragsgeoriënteerd copywriting
Gevorderd
1.9 u
P
PickAClass — Voornaam Achternaam
Bouw Professionele No-Code Websites met Webflow
Pagina 2 van 2
Prestatiedetail
Cursussamenvatting
Voltooide lessen 14 / 14
Oefenvragen 26 / 28
Ingeleverde opdrachten 4 (gem. 4,5 / 5)
Capstone-project Beoordeeld — 4,6 / 5
Totale oefening 6.2 u
Prestatiebenchmark
Cohortpositie Top 12% van 1,625
Tijd tot voltooiing 11 dagen (mediaan: 22)
Beheersingsscore 91 / 100
Oefenvraagscore 94%
Vaardigheidsverificatie Geverifieerd vaardighedenpad
Verifieer dit certificaat
pickaclass.com/certificates/PCC-2026-X4F7-AP19
Uitgegeven volgens de academische normen van PickAClass. Vaardigheidsniveaus weerspiegelen de beoordeelde prestatie tegen de competentierubriek van de cursus. Dit is een origineel certificaat van dit platform.

Beoordelingen (8)

Mohamed Ali KE Geverifieerde leerling
★ 5 · 22.10.2026

Webflow सीखने से पहले मुझे लगता था कि बिना कोडिंग के प्रोफेशनल वेबसाइट बनाना मुश्किल होगा, लेकिन इस कोर्स ने वो सोच पूरी तरह बदल दी। शुरुआती लेक्चर्स में लेआउट और सेक्शंस को स्ट्रक्चर करना सिखाया गया, जो बहुत ही व्यवस्थित तरीके से समझाया गया है। मुझे सबसे ज़्यादा वो हिस्सा पसंद आया जहाँ मोबाइल और डेस्कटॉप दोनों के लिए रिस्पॉन्सिव डिज़ाइन बनाना सिखाया गया। हर वीडियो के बाद खुद प्रैक्टिस करने का मौका मिलता है, जिससे चीज़ें दिमाग में बैठ जाती हैं। कोर्स खत्म करने तक मैंने अपनी खुद की एक पूरी वेबसाइट बना कर पब्लिश भी कर दी। जो लोग बिना कोड लिखे प्रोफेशनल वेबसाइट बनाना चाहते हैं उनके लिए ये कोर्स सच में बहुत मददगार है।

Ethan Garcia PH Geverifieerde leerling
★ 4 · 09.10.2026

Natutunan ko sa Webflow kung paano gumawa ng fully responsive na website na maganda sa phone at desktop, na malaking tulong para sa balak kong freelancing. Medyo mabilis lang yung parte sa CMS kaya kailangan kong ulit-ulitin, pero sulit pa rin at marami akong natutunan.

Ewa Mazur PL Geverifieerde leerling
★ 4 · 03.10.2026

Zawsze myślałem, że stworzenie porządnej strony wymaga znajomości kodu, a ten kurs pokazał mi, że z Webflow da się to zrobić bez programowania. Najbardziej doceniam część o responsywności, czyli jak ułożyć stronę tak, żeby dobrze wyglądała na telefonie i na komputerze. Po przejściu materiału zaprojektowałem i opublikowałem swoją pierwszą stronę portfolio, którą planuję pokazywać klientom. Jedyne, czego mi zabrakło, to więcej wskazówek o pozyskiwaniu pierwszych zleceń jako freelancer. Poza tym treść jest konkretna i naprawdę dobrze poprowadzona.

Ava Santos PH Geverifieerde leerling
★ 5 · 21.09.2026

Matagal ko na gustong matutunan ang Webflow pero natatakot ako dahil akala ko kailangan pa rin ng coding, pero itong course pala ay talagang para sa mga baguhan. Malinaw na malinaw ang pagtuturo kung paano i-structure ang isang page mula sa layout hanggang sa mga detalye ng design. Ang parte tungkol sa paggawa ng responsive na site, na maayos tignan sa mobile at desktop, ang pinaka-natutuwa ako dahil dati ito ang pinaka-nakakalito sa akin. Sunod-sunod ang mga ehersisyo kaya hindi ka basta nanonood lang, gumagawa ka talaga habang natututo. Sa huli nakapag-publish na ako ng sarili kong website nang walang tulong ng developer. Sobrang saya na makita agad ang resulta ng ginawa mo.

Naledi Zuma ZA Geverifieerde leerling
★ 4 · 12.09.2026

Solid intro to Webflow, pacing gets fast.

Chiara Costa IT Geverifieerde leerling
★ 5 · 31.08.2026

Non avevo mai usato Webflow prima e questo corso mi ha fatto capire benissimo come strutturare una pagina in modo professionale. Il ritmo delle lezioni è giusto, né troppo lento né troppo veloce, e ogni concetto viene subito messo in pratica. Ho pubblicato il mio primo sito responsive senza scrivere una riga di codice, cosa che pensavo impossibile.

Sébastien David MC
★ 5 · 24.08.2026

J'ai suivi ce cours pour enfin comprendre Webflow et la logique du responsive design sans coder, et c'est exactement ce que je cherchais. Les explications sur les classes CSS et la structure des sections sont très claires, même pour quelqu'un qui vient du print. À la fin j'avais un site entier publié et fonctionnel sur mobile comme sur ordinateur.

Hannah Schulz DE Geverifieerde leerling
★ 4 · 26.06.2026

Ich wollte schon länger als freiberuflicher Webdesigner durchstarten und habe mit diesem Kurs endlich den Einstieg in Webflow gefunden. Besonders gut fand ich, wie das responsive Design erklärt wurde, also wie man ein Layout so aufbaut, dass es auf jedem Bildschirm sauber aussieht. Am Ende konnte ich eine komplette Seite strukturieren und veröffentlichen, ohne eine Zeile Code zu schreiben. Schade war nur, dass der Teil über Animationen recht knapp ausfiel und ich mir da mehr Beispiele gewünscht hätte. Trotzdem eine klare Empfehlung für alle, die professionell aussehende Seiten bauen wollen.

Schrijf een beoordeling

☆☆☆☆☆
Na verzenden vragen we je in te loggen — je concept blijft bewaard.

Lerenden namen ook

Veelgestelde vragen

Wat heb ik nodig voor deze cursus? +

Alleen een telefoon of computer met internet. Geen installaties of speciale hardware.

Hoe betaal ik? +

Met kaart via Stripe. We bewaren geen kaartgegevens — Stripe handelt dit veilig af.

Kan ik een terugbetaling krijgen? +

Ja — volledige terugbetaling binnen 14 dagen, zonder vragen.

Hoe lang heb ik toegang? +

Voor altijd. Eenmaal gekocht is de cursus van jou en kun je hem altijd opnieuw bekijken.

Krijg ik een certificaat? +

Ja. Bij voltooiing ontvang je een certificaat dat je aan je LinkedIn-profiel kunt toevoegen.

Voor leerlingen in
Tech Design Financiën Marketing Gezondheidszorg Onderwijs Horeca Productie