Programmeren in Wordpress: ontwerp een webpagina
Een cursus van Carlos E. Molina TovarCreatieve webontwikkelaar
Een cursus van Carlos E. Molina Tovar, Creatieve webontwikkelaar
Leer hoe je webpagina's creëert die geíntegreerd is in Wordpress op basis van ontwerp- en programmeerconcepten
Voor Carlos Molina is code poëzie en programmeren is een kunst die hand in hand gaat met design. Gespecialiseerd in het creëren van digitale producten die het functionele en het visuele combineren, leert hij je in deze online cursus hoe je deze twee werelden kunt verenigen met het Wordpress platform. Door de units heen ontdek je dat bloghosting maar een klein onderdeel is en begrijp je waarom Wordpress de ideale tool is om stap voor stap een website te maken . Je maakt kennis met de vele functionaliteiten, de onbeperkte aanpassingen met HTML, CSS en Javascript en je verifieert de vrijheid van contentbeheer die het biedt zonder afhankelijk te zijn van derden.
Wat leer je tijdens deze online cursus?
25 lessen & 29 aanvullende bronnen
Wat gaan we doen in deze cursus?
5 minuten, 48 seconden
Ontwerp en conceptualisering
6 minuten, 8 seconden
Wireframe, mock-up en webdesign in Figma 1
20 minuten, 1 seconde
Wireframe, mock-up en webdesign in Figma 2
20 minuten, 1 seconde
Voorbereiding van de werkomgeving en programmering
6 minuten, 52 seconden
HTML-indeling 1
19 minuten, 59 seconden
Wat is inbegrepen in deze cursus?
Om te beginnen leer je Carlos Molina beter kennen, die je wat meer zal vertellen over zijn reis en een deel van zijn werk. Hij zal je ook enkele kunstenaars laten zien die hem hebben beïnvloed vanwege hun frisse en andere kijk op kunst. Vervolgens ziet u de belangrijkste soorten webpagina's die op internet bestaan en de tools die u nodig hebt om uw project te ontwikkelen. Je zult de verschillen tussen WordPress.org en WordPress.com begrijpen en je zult ontdekken wat de plug-ins die je tijdens de cursus zult gebruiken, werken en hoe ze werken. Carlos zal met je praten over de architectuur, het concept en het ontwerp van een webpagina , evenals de meest gebruikte trends. Je werkt dus aan het idee achter je project en maakt vervolgens het wireframe en mockup . Van daaruit ontwerpt u uw website in Figma. Op dit punt leert u hoe u uw webproject opmaakt in HTML . Je docent zal je helpen bij het toevoegen van alle CSS-stijlen met SASS aan je HTML-mockup om je idee tot leven te brengen en JavaScript-interactie hieronder toe te voegen. In het laatste onderdeel vormt u de basis van uw eigen WordPress -sjabloon om de benodigde bestanden te ordenen en aan te maken. Carlos helpt je bij het instellen van alle aangepaste opties en laat je zien hoe je je website op internet kunt publiceren door een hosting provider en domein te selecteren.
Aanbevolen software en tools voor deze cursus
Wat is het cursusproject?
Je ontwikkelt een website vanaf het begin op Wordpress.org voor een persoonlijk portfolio.
Projecten van studenten van de cursus
Voor wie is deze online cursus bedoeld?
Aan alle mensen die geïnteresseerd zijn in programmeren om originele websites te maken die zijn geïntegreerd met WordPress.
Vereisten en materialen
Om in de voetsporen van je leraar te treden, heb je Microsoft Visual Studio Code, Mamp en Figma nodig, plus basiskennis van HTML, CSS, JavaScript en PHP.
Beoordelingen
- 3 maanden geleden
Explica bien, me gustaría que dejara mas material adicional, de lo contrario me guió mucho
- 3 maanden geleden
Excellent Course
- 5 maanden geleden
Um curso muito bom.
- 6 maanden geleden
Excelente curso, aprendi muchísimo y me ayudo mucho a mejorar en mi carrera
- cc_claudiacampusPLUS8 maanden geleden
Non lo consiglio, per niente, continua a saltare passaggi non si capisce niente
Inhoud
- U1
Introductie
- Presentatie
- Invloeden
- U2
Voorbereiding
- Wat gaan we doen in deze cursus?
- Werkspullen
- Structuur van WordPress.com en WordPress.org
- WordPress-plug-ins
- U3
Ontwerp
- Webarchitectuur
- Ontwerp en conceptualisering
- Wireframe, mock-up en webdesign in Figma 1
- Wireframe, mock-up en webdesign in Figma 2
- U4
Lay-out
- Voorbereiding van de werkomgeving en programmering
- HTML-indeling 1
- HTML indeling 2
- CSS-stijlen toevoegen 1
- CSS stijlen toevoegen 2
- CSS stijlen toevoegen 3
- CSS stijlen toevoegen 4
- Interactie toevoegen met JavaScript
- U5
WordPress-integratie
- Installatie van WordPress en plug-ins
- Maak de basis van de aangepaste WordPress-sjabloon
- Pagina's en plug-ins configureren
- Integreer HTML-mockup en WordPress-backoffice 1
- Integreer HTML-mockup en WordPress 2-backoffice
- Integreer HTML-mockup en WordPress 3-backoffice
- Publiceer onze website op internet en webhostingopties
- EP
Eindproject
- Programmeren in Wordpress: ontwerp een webpagina
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.
Certificaten
PLUSAls Plus-lid krijg je voor elke cursus een persoonlijk certificaat, ondertekend door je docent. Deel het in je portfolio, op social media of waar je maar wilt.
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
Je leert creatieve websites ontwerpen en bouwen, van visuele concepten en gebruikerservaring tot integratie en maatwerk in WordPress, met tools zoals Figma, HTML, CSS, JavaScript, PHP en essentiële plugins.
Ja, de cursus is bedoeld voor mensen met basis- tot gemiddelde kennis van webdesign of -ontwikkeling die hun vaardigheden willen uitbreiden en geavanceerde integratie met WordPress en moderne tools willen leren.
Het is aan te raden om basiskennis van HTML, CSS en grafisch ontwerp te hebben. Ervaring met een code-editor en basiskennis van WordPress zijn handig, maar niet verplicht. De cursus begeleidt je bij het installeren van de benodigde tools.
Je hebt een code-editor nodig (zoals VS Code), Figma voor interface-ontwerp, een lokale server (MAMP, XAMPP of vergelijkbaar), een webbrowser en WordPress geïnstalleerd op je computer. Tijdens de cursus leer je alles installeren en instellen.
Ja, de cursus begeleidt je stap voor stap bij het maken en aanpassen van WordPress-thema's, inclusief bestandsstructuur, style.css configuratie, PHP-functies en het personaliseren van headers, pagina's en 404-fouten.
Je leert je Figma-ontwerpen omzetten in functionele mockups en wireframes, en deze integreren in je WordPress-site door HTML en CSS te structureren en het thema visueel consistent te maken.
Ja, de cursus behandelt het maken van digitale portfolio's en webshops met WordPress en plugins zoals WooCommerce, plus het aanpassen van pagina's met Elementor en het beheren van producten of creatieve projecten.