Creatief webontwerp: planning en programmering
A course by DXR ZoneArt Direction en Creative Programming Agency
A course by DXR Zone, Art Direction en Creative Programming Agency
Leer creatief programmeren
Tegenwoordig heeft bijna iedereen een website nodig. Of het nu is om uw portfolio te laten zien, of voor een bedrijf om hun klanten te bereiken. Weten hoe te coderen is een nuttige vaardigheid om over het algemeen te hebben. Rifke Sadleir en Dan Baragwanath, de oprichters van het creatieve programmeerbureau DXR Zone, zijn hier om je de basisprincipes van programmeren te leren en hoe je een visueel opvallende website kunt lanceren.
In deze cursus krijgt u een compleet overzicht van het plannen, ontwerpen, opmaken en lanceren van uw eigen website. Leer hoe u codeert in HTML, CSS en JavaScript en leer hoe u de gratis programma's gebruikt die het coderen vergemakkelijken.
Wat leer je tijdens deze online cursus?
18 lessen & 17 aanvullende bronnen
Wat gaan we doen in deze cursus?
4 minuten, 7 seconden
Het concept bouwen
3 minuten, 21 seconden
Referenties verzamelen
11 minuten, 33 seconden
Een moodboard maken
6 minuten, 53 seconden
Een sitemap maken
4 minuten, 28 seconden
Ontwerpvoorstellen bedenken
17 minuten, 20 seconden
Wat is inbegrepen in deze cursus?
Ontmoet Rifke en Dan, de grafisch ontwerpers en programmeurs achter DXR Zone, en je docenten voor deze cursus. Ze delen hun onconventionele reis die ertoe leidde dat ze hun bureau voor creatieve webontwikkeling en art direction begonnen. Bekijk een deel van hun recente werk en hoor over de kunstenaars en ontwerpers die er invloed op uitoefenen.
Ontdek de voorbereiding die nodig is om een website te bouwen voordat u code schrijft. Leer hoe u een concept kunt bouwen door het doel en de doelgroep van uw website te bepalen. Laat je inspireren door referenties om een ontwerp te visualiseren en een moodboard te maken. Begin vervolgens met het plannen van de reis van de gebruiker door uw website door een sitemap te maken en een ontwerpvoorstel te doen met behulp van Figma.
Krijg vervolgens een overzicht van het gebruik van Atom, een software om te coderen, voordat u stap voor stap leert coderen. Leer eerst hoe u in HTML codeert om de basiswebpagina te maken. Bekijk vervolgens hoe u in CSS codeert om stijlelementen en opmaak aan uw website toe te voegen. Verbind het allemaal door te leren coderen in JavaScript om leuke en interactieve componenten aan uw webontwerp toe te voegen.
Tijd om live te gaan! Rifke en Dan leren je hoe je je website live op internet zet. Ontdek hoe u uw website kunt testen op bugs of andere veelvoorkomende problemen, en leer enkele handige oplossingen voor probleemoplossing en foutopsporing. Zodra uw website door gebruikers is getest en klaar is om aan de slag te gaan, bent u klaar om deze met de wereld te delen!
What is this course's project?
Plan en codeer een creatieve website vanaf het begin met HTML, CSS en JavaScript.
Projecten van studenten van de cursus
Who is this online course for?
Iedereen die geïnteresseerd is in het ontwerpen en maken van een website.
Requirements and materials
Er is geen eerdere ervaring vereist, hoewel enige codeerervaring je een voorsprong zal geven!
Om deze cursus te volgen, heb je alleen toegang tot Atom en Figma nodig, beide gratis apps, en natuurlijk toegang tot internet.
Beoordelingen
- 5 maanden geleden
um cruso bom
- 6 maanden geleden
Quiero expresar que el curso de programación es excelente y cuenta con información muy valiosa. La calidad del contenido y la forma en que se presenta son muy útiles para el aprendizaje. Estoy muy satisfecha
- 8 maanden geleden
A very hands-on and useful course, even though it is from 2021 and I am writing this review in '25. The instructors guide you through all the steps, from collecting inspiration, over writing HTML, CSS and JavaScript, to actually publishing your website. Atom, the code editor used by the instructors, isn't around anymore, but that is not an issue at all, just use VS Code, it has awesome features anyway that weren't available back in '21. Browser console for debugging etc. all are still the same.
- 8 maanden geleden
muy buen curso !!!
- 10 maanden geleden
I have tried several web design courses, each with different aims and approaches, but with this course I found an approach that is not too deep into programming but it just gives you resources to get inspired as well as shape your ideas and implement your projects. For me this course is very valuable. Thank you.
DXR Zone biedt diensten variërend van art direction, digitaal ontwerp tot full-stack ontwikkeling. Hun klantenlijst omvat Google, Selfridges, Burberry, The Face, Dazed, adidas, Universal Music, Nike, Somerset House, Converse, Hypebeast, The Magnet Agency, Anyways, Institute of Coding, Depop, Dropbox, University of the Arts London, ICA , The Future Laboratory, Warp Records en Beirut Re-Store.
Inhoud
- U1
Introductie
- Over ons
- invloeden
- Wat gaan we doen in deze cursus?
- U2
Plannen en ontwerpen
- Het concept bouwen
- Referenties verzamelen
- Een moodboard maken
- Een sitemap maken
- Ontwerpvoorstellen bedenken
- U3
Bouwen en coderen
- De fundamenten instellen
- De basisstructuur maken in HTML 1
- De basisstructuur maken in HTML 2
- Stijlelementen in CSS 1
- Stijlelementen in CSS 2
- Interacties toevoegen in Javascript 1
- Interacties toevoegen in Javascript 2
- U4
Live gaan
- De website lanceren
- De site testen met gebruikers
- Wijzigingen op basis van gebruikerstests
- EP
Eindproject
- Creatief webontwerp: planning en programmering
Wat kan je verwachten van een cursus van Domestika
Leer in je eigen tempo
Geniet van thuis leren, zonder lesroosters en in je eigen tempo. Jij beslist wanneer je verder gaat met het volgende onderdeel.
Leer met de beste professionals
Leer de meest bruikbare methoden en technieken van de beste professionals in de creatieve industrie.
Ontmoet deskundige docenten
Iedere docent brengt kennis met passie over, biedt duidelijke uitleg en een professioneel perspectief bij elke les.
Certificates
PLUSIf you're a Plus member, get a persoonlijk certificaat signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Zorg dat je op de voorste rij zit
Dankzij de hoge kwaliteit van de video's mis je geen enkel detail. Dankzij de onbeperkte toegang kun je de lessen zo vaak bekijken als nodig is om je vaardigheden te perfectioneren.
Deel kennis en ideeën
Stel vragen, krijg feedback en bied oplossingen aan. Deel je leerervaringen met andere studenten in de community die net als jij een passie hebben voor creativiteit.
Maak contact met een wereldwijde creatieve community
Deze community heeft miljoenen gebruikers van over de hele wereld, nieuwsgierig en enthousiast om hun creativiteit te verkennen en te uiten.
Geef cursussen op een professionele manier
Domestika selecteert zorgvuldig haar docenten en produceert iedere cursus in eigen huis om een uitstekende online leerervaring te garanderen.
Veelgestelde vragen
Yes, this course is designed for beginners and teaches foundational web development skills from scratch using HTML, CSS, and JavaScript. No prior coding experience is required.
You’ll need a code editor like Atom or VS Code, a web browser for testing, and optional design tools such as Figma or Arena for planning and mood boards. All recommended tools are free or have free versions.
You’ll learn website concept development, sitemaps, mood boards, HTML/CSS/JavaScript coding, responsive layouts, user testing, launching with Netlify, and creative techniques like experimental coding and nostalgic UI design.
No design background is required. The course covers key design concepts and provides step-by-step guidance for planning, prototyping, and building visually engaging websites.
You’ll learn to plan, design, and code your own portfolio website, including sitemap creation, mood board development, and implementing interactive features tailored to showcase your projects or creative work.
Yes, you’ll learn responsive design principles and how to adapt layouts for different screen sizes, ensuring your websites work well on both mobile and desktop devices.
A sitemap visually organizes your website’s structure and navigation, helping you plan content, user flow, and ensure all necessary pages are included before coding begins.