Opleidingen
68.910
resultaten
Conversieoptimalisatie In-company
Wist je dat de conversieratio op veel websites maar 2% is? Dat is niet veel, zeker als je bedenkt dat conversie hét doel van iedere commerciële organisatie is. Ook websites hebben meestal duidelijke doelen: bezoekers moeten bijvoorbeeld een aankoop doen, informatie aanvragen of een bestand downloaden. Hoe krijg je de conversie van je website omhoog? Je leert het tijdens deze cursus Conversie optimalisatie.
Programma van de training Conversieoptimalisatie
Dag 1 College 1
Wat zijn conversie en Conversion Rate Optimization (CRO)?
Voorbeelden en je eigen website beoordelen
Funneloptimalisatie
Conversiedoelstellingen en oefeningen
College 2
Traffic
Usability & design
Wat zien je klanten, wat zijn hun doelen? Welke persona’s kun je maken?
Hoe bied je relevantie en waarde aan je klant?
Dag 2 College 3
Landingspagina’s optimaliseren
Klantreis in kaart brengen en optimaliseren
College 4
Online persuasion: hoe beïnvloed je jouw online bezoekers?
Personalisatie: hoe houd je rekening met verschillende koop- en beslisstijlen?
In-company / Maatwerk
max 10
HBO
UX Design Expert In-company
Wil je snel met UX Design aan de slag, maar wel vanuit uitgebreide vakkennis keuzes kunnen maken? Volg dan de opleiding UX Design Expert, ons programma waarin je in elf dagen alle specialismen binnen UX Design leert kennen. Natuurlijk krijg je theorie, maar je steekt ook je handen uit de mouwen. Zo maak je professionele prototypes voor een app of website, doe je een expert review en leer je hoe je jouw ontwerp succesvol test. Na afloop heb je de kennis en vaardigheden om met UX Design te werken en er professioneel over te adviseren.
Programma van de opleiding UX Design Expert
UX Design
Dag 1 College 1
Introductie UX Design
Waar liggen je UX-kansen in apps en websites?
Design Thinking
User centered design
Usability
Testen
Een strategisch plan opzetten
College 2
Ux research
Doelen stellen
Je doelgroep analyseren
De vier globale gebruikerstypen
Persona’s maken
Zoekmachine-optimalisatie gebruiken voor je structuur
Zelf een plan schrijven
Dag 2 College 3
Card sorting
De kracht van gamification
Triggers en variabele beloning
Context gebruiken: locatie, datum, tijd
Belangrijke overtuigingstechnieken
De customer journey (klantreis)
Het proces van a tot z
Belangrijke do's en dont's
College 4
Je concept en strategie uitschrijven
Visual Design met Figma
Dag 1 College 1
Introductie Figma: in vogelvlucht door het programma
Lagen, assets en pagina’s
Gereedschap
Inspector-menu
Tekenen / pentool gebruiken in Figma
Sneltoetsen
Foto's importeren en bewerken (maskeren)
Vectorafbeeldingen importeren en wijzigen
Objecten groeperen
Slim schalen met restricties voor responsive design
Lagen uitlijnen en distribueren
Tekststijlen aanmaken
Kleuren in het ontwerp opnieuw gebruiken
Herbruikbare vormgeving maken
College 2
Master components en assets (herbruikbare elementen)
Een layoutraster instellen voor pixelperfect design
De indeling aanpassen voor tablets en mobiele telefoons
Bestanden exporteren
Losse elementen exporteren
Plug-ins gebruiken
Prototype maken in Figma
Praktijkopdracht
Dag 2 College 3
Een ontwerp veranderen in een klikbaar prototype
Verbindingen maken tussen schermen
Toevoegen van animaties, overgangen en effecten als sticky headers en floating buttons
College 4
Praktijkopdracht afronden
Samenwerken binnen een Figma-bestand: medewerkers uitnodigen, rechten verlenen en feedback geven
Een Figma-design opleveren bij developers
Interaction Design
Dag 1 College 1
De basisprincipes van interaction design
Toepassingsgebieden: wanneer is interaction design belangrijk?
De geschiedenis van interfaces
Voorbeelden van goede interaction designs
Trends in het vakgebied
Interfaces voor web en mobiel (adaptive/responsive design)
College 2
Sitestructuur
Casestudies
Een interface ontwerpen
De navigatie ontwerpen
Landingspagina
Homepage
Productpagina
Categoriepagina
Dag 2 College 3
Formulieren
Check-outs
Dashboardapplicatie
Facet-filter
Navigatie ontwerpen voor mobiel
Datavisualisatie
Design patterns
Interaction style guide
College 4
Page description diagrams
Wireframes maken
Een functioneel ontwerp maken
Prototyping
Opdracht
Presentatie opdracht
Usability
Persuasive Design
Dag 1 College 1
Waarom persuasive design zo belangrijk is: de trends en veranderingen in marketing en media
Hoe oriëntatie- en beslissingsprocessen werken en hoe je ze online praktisch toepast
College 2
De essentie van vindbaarheid en usability
Hoe werkt het persuasive design-proces?
Dag 2 College 3
Hoe je verleiding creëert en welke aspecten daarin belangrijk zijn
Wat de principes en ethische aspecten van beïnvloeding zijn en hoe je ze toepast binnen jouw ontwerp
College 4
Welke soorten sitebezoekers zijn er, en hoe voorzie je in hun informatiebehoefte?
Wat conversiecopywriting is en hoe je het effectief toepast in jouw ontwerpen
Hoe je de beste landingpagina’s maakt, met verleidelijke titels, kopteksten, koopargumenten en rake calls-to-action
Usability Testing in UX-Lab
College 1:
Introductie UX-testen: welke zijn er, wanneer gebruik je wat?
Het hoe en waarom van de klassieke user-test
Interview- & verslagtechnieken
Schrijven van scenario’s
Introductie DIY test-lab, apparatuur en software
College 2:
Doornemen check-list
Instructies observatoren
Uitnodigen en begeleiden deelnemers
De user-test zelf afnemen in het lab
Verslaglegging en delen in de organisatie
In-company / Maatwerk
max 10
HBO
UX Design In-company
Snel professioneel met UX Design aan de slag? Tijdens de opleiding UX Design leer je in zes dagen de basis van UX, Interaction en Visual Design kennen. Natuurlijk krijg je theorie, maar je gaat vooral dingen doen. Je ontwikkelt een creatief strategisch concept voor een app of website die je zelf bedenkt of uitkiest, en maakt daar een prototype van in Figma. Na de opleiding kun je jouw kennis van UX Design inzetten in het bedrijfsleven.
Zo is de opleiding opgebouwd
De opleiding UX Design bestaat uit zes trainingsdagen en drie trainingen die op elkaar aansluiten:
UX Design
Visual Design met Figma (Let op! Naast Figma kun je ook kiezen uit Visual Design met Adobe XD Bel ons voor advies.)
Interaction Design
Programma van de opleiding UX Design
UX Design
Dag 1 College 1
Introductie UX Design
Waar liggen je UX-kansen in apps en websites?
Design Thinking
User centered design
Usability
Testen
Een strategisch plan opzetten
College 2
Ux research
Doelen stellen
Je doelgroep analyseren
De vier globale gebruikerstypen
Persona’s maken
Zoekmachine-optimalisatie gebruiken voor je structuur
Zelf een plan schrijven
Dag 2 College 3
Card sorting
De kracht van gamification
Triggers en variabele beloning
Context gebruiken: locatie, datum, tijd
Belangrijke overtuigingstechnieken
De customer journey (klantreis)
Het proces van a tot z
Belangrijke do's en dont's
College 4
Je concept en strategie uitschrijven
Visual Design met Figma
Dag 1 College 1
Introductie Figma: in vogelvlucht door het programma
Lagen, assets en pagina’s
Gereedschap
Inspector-menu
Tekenen / pentool gebruiken in Figma
Sneltoetsen
Foto's importeren en bewerken (maskeren)
Vectorafbeeldingen importeren en wijzigen
Objecten groeperen
Slim schalen met restricties voor responsive design
Lagen uitlijnen en distribueren
Tekststijlen aanmaken
Kleuren in het ontwerp opnieuw gebruiken
Herbruikbare vormgeving maken
College 2
Master components en assets (herbruikbare elementen)
Een layoutraster instellen voor pixelperfect design
De indeling aanpassen voor tablets en mobiele telefoons
Bestanden exporteren
Losse elementen exporteren
Plug-ins gebruiken
Prototype maken in Figma
Praktijkopdracht
Dag 2 College 3
Een ontwerp veranderen in een klikbaar prototype
Verbindingen maken tussen schermen
Toevoegen van animaties, overgangen en effecten als sticky headers en floating buttons
College 4
Praktijkopdracht afronden
Samenwerken binnen een Figma-bestand: medewerkers uitnodigen, rechten verlenen en feedback geven
Een Figma-design opleveren bij developers
Interaction Design
Dag 1 College 1
De basisprincipes van interaction design
Toepassingsgebieden: wanneer is interaction design belangrijk?
De geschiedenis van interfaces
Voorbeelden van goede interaction designs
Trends in het vakgebied
Interfaces voor web en mobiel (adaptive/responsive design)
College 2
Sitestructuur
Casestudies
Een interface ontwerpen
De navigatie ontwerpen
Landingspagina
Homepage
Productpagina
Categoriepagina
Dag 2 College 3
Formulieren
Check-outs
Dashboardapplicatie
Facet-filter
Navigatie ontwerpen voor mobiel
Datavisualisatie
Design patterns
Interaction style guide
College 4
Page description diagrams
Wireframes maken
Een functioneel ontwerp maken
Prototyping
Opdracht
Presentatie opdracht
In-company / Maatwerk
max 10
HBO
Webdesign Expert In-company
Als allround webdesigner weet je in allerlei specialismen je weg: van UX Design tot websitebeheer. In deze webdesign opleiding stomen we je klaar voor een carrière als algemeen webdesigner, waarbij de focus op WordPress ligt. Niet alleen omdat het zo populair is, maar ook omdat je er allerlei kanten mee op kunt. Na afloop bouw je zelfstandig complete websites, die ook nog eens aan alle usability-eisen voldoen.
Zo is de opleiding opgebouwd
Deze webdesign opleiding bestaat uit twaalf trainingsdagen en zeven trainingen die op elkaar aansluiten:
UX Design
Visual Design met Figma (Let op! Naast Figma kun je ook kiezen uit Visual Design met Adobe XD. Bel ons voor advies.)
Interaction Design
WordPress basis
WordPress gevorderd
WordPress Code
WordPress Bouw je eigen Thema
Programma van de opleiding Webdesign Expert
UX Design
Dag 1 College 1
Introductie UX Design
Waar liggen je UX-kansen in apps en websites?
Design Thinking
User centered design
Usability
Testen
Een strategisch plan opzetten
College 2
Ux research
Doelen stellen
Je doelgroep analyseren
De vier globale gebruikerstypen
Persona’s maken
Zoekmachine-optimalisatie gebruiken voor je structuur
Zelf een plan schrijven
Dag 2 College 3
Card sorting
De kracht van gamification
Triggers en variabele beloning
Context gebruiken: locatie, datum, tijd
Belangrijke overtuigingstechnieken
De customer journey (klantreis)
Het proces van a tot z
Belangrijke do's en dont's
College 4
Je concept en strategie uitschrijven
Visual Design met Figma
Dag 1 College 1
Introductie Figma: in vogelvlucht door het programma
Lagen, assets en pagina’s
Gereedschap
Inspector-menu
Tekenen / pentool gebruiken in Figma
Sneltoetsen
Foto's importeren en bewerken (maskeren)
Vectorafbeeldingen importeren en wijzigen
Objecten groeperen
Slim schalen met restricties voor responsive design
Lagen uitlijnen en distribueren
Tekststijlen aanmaken
Kleuren in het ontwerp opnieuw gebruiken
Herbruikbare vormgeving maken
College 2
Master components en assets (herbruikbare elementen)
Een layoutraster instellen voor pixelperfect design
De indeling aanpassen voor tablets en mobiele telefoons
Bestanden exporteren
Losse elementen exporteren
Plug-ins gebruiken
Prototype maken in Figma
Praktijkopdracht
Dag 2 College 3
Een ontwerp veranderen in een klikbaar prototype
Verbindingen maken tussen schermen
Toevoegen van animaties, overgangen en effecten als sticky headers en floating buttons
College 4
Praktijkopdracht afronden
Samenwerken binnen een Figma-bestand: medewerkers uitnodigen, rechten verlenen en feedback geven
Een Figma-design opleveren bij developers
Interaction Design
Dag 1 College 1
De basisprincipes van interaction design
Toepassingsgebieden: wanneer is interaction design belangrijk?
De geschiedenis van interfaces
Voorbeelden van goede interaction designs
Trends in het vakgebied
Interfaces voor web en mobiel (adaptive/responsive design)
College 2
Sitestructuur
Casestudies
Een interface ontwerpen
De navigatie ontwerpen
Landingspagina
Homepage
Productpagina
Categoriepagina
Dag 2 College 3
Formulieren
Check-outs
Dashboardapplicatie
Facet-filter
Navigatie ontwerpen voor mobiel
Datavisualisatie
Design patterns
Interaction style guide
College 4
Page description diagrams
Wireframes maken
Een functioneel ontwerp maken
Prototyping
Opdracht
Presentatie opdracht
WordPress basis
Dag 1 College 1
Waar is een CMS eigenlijk voor, en waarin onderscheidt WordPress zich?
WordPress verkennen: dashboard, scherminstellingen, admin-bar, navigatiemenu, front- en backend
Pagina’s en de berichtensectie met categorieën en tags: hoe gebruik je de teksteditor, hoe publiceer je?
Content importeren
Met menu’s werken
College 2
Media toevoegen en beheren: waar moet je op letten?
Widgets gebruiken in widget-area’s
Het thema aanpassen met de customizer
Instellingen toepassen
Dag 2 College 3
Welke opties heb je voor de weergave van je WordPress-site?
Wat zijn ‘goede’ thema’s?
Het verschil tussen ‘freemium’ en ‘premium’
Een thema kopen, doen? En dan?
College 4
Functies toevoegen met plugins, zoals een contactformulier en webstatistieken
Waar moeten plugins aan voldoen? Een shortlist
Een paar freemium plugins installeren
Extra: wat kan er nog meer binnen WordPress?
WordPress gevorderd
College 1
Verschil in de rol van content beheerder versus website beheerder
Domeinnaamregistratie, de hosting, DNS en FTP
Het WP Filesystem en de Database
Wat is PHP, HTML en CSS
Je WordPress veilig houden: wat doe je met bestanden op webservers, en hoe houd je anderen buiten de deur?
Introductie van de Inspector
Hoe pas je de styling van je thema aan, waarom moet je altijd een ‘child theme’ gebruiken en hoe pas je HTML en CSS aan via de editor?
College 2
Hoe installeer en configureer je WordPress plugins, welke zijn populair, welke zijn oké en welke zeker niet?
’s Nachts backups van je bestanden en database maken
Hoe verhuis je een WordPress-website?
WordPress Code
Ochtend
Achter je site regelen ruim 1500 bestanden alles. Hoe kom je bij die bestanden, en wat doen ze aan de achterkant, voorkant (content) en daartussen?
De hosting ontsluit belangrijke factoren als de PHP-versie en -variabelen. Hoe krijg je toegang tot de hosting, en hoe en pas je PHPmyAdmin en serverbased-instellingen aan om je website beter te laten functioneren?
WordPress draait op PHP: wat is het, en wat doet het?
Middag
PHP, html, CSS, JavaScript en jQuery: ze zorgen er allemaal voor dat je website werkt. Maar hoe?
Slim wijzigingen aanpassen in WordPress-templates: zo ‘tweak’ je het design van je website
De WordPress Loop is cruciaal, maar waarom? En hoe kun je met functies, filters en hooks WordPress naar je hand zetten?
Aan de slag met de block-editor van WordPress: je schrijft zelf een plugin om blocks te kunnen bouwen die je ook echt kunt selecteren en gebruiken.
WordPress Bouw je eigen Thema
Dag 1 College 1
Introductie: wat kun je allemaal met Oxygenbuilder?
De plugin installeren en configureren
De Oxygenbuilder-editor verkennen: wat voor tabs en opties heb je?
College 2
Templating: zelf een functionerend template bouwen dat past bij je doelstellingen en situatie
Global settings en responsive design: verschillende webdesigns voor verschillende apparaten maken
Dag 2 College 3
Library: op ontdekkingstocht in de designbibliotheek van Oyxenbuilder. Welke standaard website-onderdelen zitten erin, en hoe pas je ze aan?
Settings: je cache regelen, je toegang bepalen, SVG-sets uploaden en andere instellingen
College 4
Praktijkopdracht: de site van een pizza-webshop ontwerpen. We letten alleen op het design, de functionaliteit komt in een andere training aan bod.
In-company / Maatwerk
max 10
HBO
Usability In-company
Hoe ervaren bezoekers je website? Vinden ze snel wat ze zoeken, snappen ze wat ze moeten doen en gaan ze over tot conversie? Tijdens de Usability cursus kijk je door de ogen van een bezoeker naar websites. Je leert hoe je ze toegankelijker en beter scanbaar maakt, en hoe je bezoekers verleidt om te doen wat jij wilt dat ze doen: een product bestellen, een bestand downloaden of contact opnemen. Omdat mobielgebruik steeds belangrijker wordt, is de training ongeveer 60% gericht op smartphone en 40% op desktop en tablet.
Programma van de training Usability
Dag 1
College 1
Introductie usability
Websitestrategie en doelstellingen
Doelgroepen
Conversiepunten (taken van de bezoeker)
Zelf een gebruikerstest maken en afnemen op je smartphone
College 2
Belang van smartphone en tablet
Mobile First
Extra aandachtspunten smartphone
Responsive design
Usability-richtlijnen (10 heuristieken van Jakob Nielsen)
Herkenbaarheid en bedrijfsinformatie
Call to actions / Links
Navigatie
Zoekfunctie
Functionaliteiten
Formulieren
Foutmeldingen
Dag 2
College 1
Afbeeldingen en multimedia
Schrijfstijl
Lay-out en gestaltprincipes
Accessibility / W3C en drempelvrij (hoe toegankelijk is je website)
Hoe snel laadt je site
College 2
Zelf een expert review maken
Tools gebruikerstesten
Concurrentieanalyse
Eyetracking
A/B-testen
In-company / Maatwerk
max 10
HBO
Axure RP | Wireframes maken | UX Design In-company
Stel, je ontwerpt een huis. Dan begin je niet bij de kleur van het behang, maar schets je eerst de opbouw, ruimteverdeling en looproutes. Precies zo gaat het bij web- en appdesign. Wat je verder ook van plan bent, eerst maak je wireframes waarin je het concept, de lay-out en navigatie bepaalt. In deze Axure training leer je hoe je zelf wireframes maakt in Axure RP, de populairste tool om prototypes mee te ontwerpen. Heb je de Axure training succesvol afgerond? Dan ga je met een certificaat op zak naar huis.
Programma van de training Axure RP (Wireframes Maken)
College 1
Een flowchart maken
Pages maken en inrichten
De basiswidgets van Axure RP gebruiken
Grids en guides gebruiken
Widgets tekenen, uitlijnen en manipuleren
Masters maken en gebruiken
College 2
Interactions maken en gebruiken
Dynamic panels
Page formatting
Een html-prototype genereren, ontwerp-documentatie en online delen (via AxShare)
Basisuitleg van responsive design in Axure RP
Basisuitleg over Library’s en werken in Teams
In-company / Maatwerk
max 10
HBO
Visual Design met Adobe XD In-company
Maak je jouw web- of appdesigns nog steeds in Photoshop, Illustrator of InDesign? Stap dan gauw over op Adobe XD, een nieuw ontwerpprogramma speciaal gemaakt voor gebruikersinterfaces. Met de juiste workflow ben je in Adobe XD veel sneller klaar met je klus. In de training Visual Design met Adobe XD leer je hoe je het programma gebruikt om een klikbaar prototype te maken voor je eigen website of app.
Programma van de training Visual Design met Adobe XD
Dag 1 College 1
Introductie: Adobe XD in vogelvlucht
Lagen
Gereedschap
Tekengebieden instellen
De indeling aanpassen voor tablets en mobiele telefoons
Foto's importeren en bijsnijden
Een afbeelding maskeren
Vectorafbeeldingen importeren en wijzigen
Lagen uitlijnen en distribueren
Hoeken afronden
Een slagschaduw toevoegen
Iconen maken in Adobe XD
College 2
Kleuren opnieuw gebruiken
Tekststijlen maken
Herhaalelementen maken
Symbolen (herbruikbare elementen)
De gratis iconen en bestanden van Adobe gebruiken
Bestanden exporteren voor internet
Losse elementen exporteren
Tekengebieden exporteren
Praktijkopdracht
Dag 2 College 3
Korte herhaling dag 1
Een ontwerp veranderen in een klikbaar prototype
Verbindingen maken tussen tekengebieden
Een opname maken van een prototype
Voice prototyping
XD-bestanden delen
Een opmerking plaatsen
College 4
Werken aan je praktijkopdracht
Je klikbare app of website presenteren
In-company / Maatwerk
max 10
HBO
Visual Design met Sketch en Invision In-company
Tijdens de Visual Design met InVision en Sketch training verdiep je je in twee toonaangevende ontwerpprogramma’s: Sketch en InVision. In Sketch ontwerp je je eigen app of website, waarbij je extra aandacht besteedt aan gebruiksvriendelijkheid: hoe zorg je dat bezoekers makkelijk hun weg vinden? Met InVision zet je je designs om in een interactief klikmodel dat je eenvoudig met anderen kunt delen.
Programma van de training Visual Design met Sketch en Invision
Dag 1 College 1
Introductie in Sketch: in vogelvlucht door het programma
Lagen en pagina’s
Gereedschap
Inspector menu
Tekenen in Sketch
Sneltoetsen
Foto's importeren
Een foto bijsnijden (maskeren)
Vectorafbeeldingen importeren en wijzigen
Objecten groeperen
Slim schalen voor responsive design
Lagen uitlijnen en distribueren
Kleuren in het ontwerp opnieuw gebruiken
Herbruikbare vormgeving maken
Tekststijlen aanmaken
College 2
Symbolen (herbruikbare elementen)
Een layoutraster instellen
Pixelprecies werken
De indeling aanpassen voor tablets en mobiele telefoons
Bestanden exporteren
Tekengebieden exporteren
Plug-ins gebruiken
Prototype maken in Sketch
Praktijkopdracht
Dag 2 College 3
Workflow: van wireframes naar visual design
Craft Plugin
Introductie Invision: in vogelvlucht door het programma
Je Sketch-ontwerpen importeren naar Invision
Interactieve prototypes maken in InVision
College 4
Werken aan je praktijkopdracht
In-company / Maatwerk
max 10
HBO
Front End Developer In-company
Denk je over een carrière als Front End Developer, of wil je gewoon de basics van het vak kennen? Dan past de Front End Developer opleiding bij jou. In zes dagen leer je met de webdevelopmenttalen HTML5, CSS3 en JavaScript werken, zodat je met code je eigen werkende website kunt bouwen.
Zo is de opleiding Front End Developer opgebouwd
De Front End Developer opleiding bestaat uit zes trainingsdagen en drie trainingen die op elkaar aansluiten:
HTML5 en CSS3 basis
JavaScript basis
HTML5 en CSS3 gevorderd
Programma van de opleiding Front End Developer
HTML5 en CSS3 basis
Dag 1
College 1
Pagina's structuren met semantische HTML
Teksten structureren
Metadata gebruiken om browsers en zoekmachines informatie over de content op de pagina te geven
College 2
Media insluiten
Hyperlinks
Tabellen opstellen
Introductie Formulieren
Dag 2
College 1
Prioriteer je geschreven styling met CSS Cascade
Voeg CSS toe aan HTML met CSS Selectors
CSS Box Model: HTML element layout
CSS Display
College 2
Introductie CSS Grid
Introductie CSS Flex
JavaScript basis
Dag 1 College 1
De taal leren kennen: wat is JavaScript en wat kan het doen?
Variabelen en datatypen
Arrays, Objecten
Operators (Logical en Comparison)
Conditional statements (if else)
Loops (for, while)
Functies en methoden
College 2
Inleiding Document Object Model (DOM)
Werken met DOM
HTML pagina's tot leven brengen
Dag 2 College 3
Verder met DOM-scripting
Events en eventlisteners maken
Animaties maken en effecten creëren
College 4
Introductie AJAX-technologie
JSON-dataformaat leren gebruiken
HTML5 en CSS3 gevorderd
Dag 1
College 1
Werken met Formulieren
Metadata nesten in HTML: Microdata
College 2
Werken met Web API's
HTMLMediaElement
Elementen tekenen op de pagina met HTML Canvas
Elementen Drag and Drop
SessionStorage en localStorage om informatie te bewaren
GeoLocation gebruiken om positie te bepalen
Dag 2
College 1
Leer elementen animeren en bewegen met:
CSS Transitions
CSS Transformations
CSS Animations
College 2
Maak responsieve webpaginas met Responsive Web Design - mobile first
Introductie SASS (CSS met super powers!)
In-company / Maatwerk
max 10
HBO
Front End Wordpress Developer In-company
In de opleiding Front End Wordpress Developer leer je hoe je een website from scratch opbouwt. Je begint met HTML en CSS, de twee webtalen waarmee je de opmaak van je website bepaalt. Met JavaScript begint het echte coderen; daarmee maak je je website interactief en dynamisch. Zoals je misschien weet, is WordPress wereldwijd het meest gebruikte platform voor websites. Met je nieuwe kennis van HTML, CSS en JavaScript kun je jouw WordPress-website helemaal naar je hand zetten.
Zo is de opleiding opgebouwd
De opleiding Front End Developer Expert bestaat uit twaalf trainingsdagen en zes trainingen die op elkaar aansluiten:
HTML5 en CSS3 basis
JavaScript basis
HTML5 en CSS3 gevorderd
WordPress basis
WordPress gevorderd
WordPress Code
WordPress Bouw je eigen Thema
Programma van de opleiding Front End Wordpress Developer
HTML5 en CSS3 basis
Dag 1
College 1
Pagina's structuren met semantische HTML
Teksten structureren
Metadata gebruiken om browsers en zoekmachines informatie over de content op de pagina te geven
College 2
Media insluiten
Hyperlinks
Tabellen opstellen
Introductie Formulieren
Dag 2
College 1
Prioriteer je geschreven styling met CSS Cascade
Voeg CSS toe aan HTML met CSS Selectors
CSS Box Model: HTML element layout
CSS Display
College 2
Introductie CSS Grid
Introductie CSS Flex
JavaScript basis
Dag 1 College 1
De taal leren kennen: wat is JavaScript en wat kan het doen?
Variabelen en datatypen
Arrays, Objecten
Operators (Logical en Comparison)
Conditional statements (if else)
Loops (for, while)
Functies en methoden
College 2
Inleiding Document Object Model (DOM)
Werken met DOM
HTML pagina's tot leven brengen
Dag 2 College 3
Verder met DOM-scripting
Events en eventlisteners maken
Animaties maken en effecten creëren
College 4
Introductie AJAX-technologie
JSON-dataformaat leren gebruiken
HTML5 en CSS3 gevorderd
Dag 1
College 1
Werken met Formulieren
Metadata nesten in HTML: Microdata
College 2
Werken met Web API's
HTMLMediaElement
Elementen tekenen op de pagina met HTML Canvas
Elementen Drag and Drop
SessionStorage en localStorage om informatie te bewaren
GeoLocation gebruiken om positie te bepalen
Dag 2
College 1
Leer elementen animeren en bewegen met:
CSS Transitions
CSS Transformations
CSS Animations
College 2
Maak responsieve webpaginas met Responsive Web Design - mobile first
Introductie SASS (CSS met super powers!)
WordPress basis
Dag 1 College 1
Waar is een CMS eigenlijk voor, en waarin onderscheidt WordPress zich?
WordPress verkennen: dashboard, scherminstellingen, admin-bar, navigatiemenu, front- en backend
Pagina’s en de berichtensectie met categorieën en tags: hoe gebruik je de teksteditor, hoe publiceer je?
Content importeren
Met menu’s werken
College 2
Media toevoegen en beheren: waar moet je op letten?
Widgets gebruiken in widget-area’s
Het thema aanpassen met de customizer
Instellingen toepassen
Dag 2 College 3
Welke opties heb je voor de weergave van je WordPress-site?
Wat zijn ‘goede’ thema’s?
Het verschil tussen ‘freemium’ en ‘premium’
Een thema kopen, doen? En dan?
College 4
Functies toevoegen met plugins, zoals een contactformulier en webstatistieken
Waar moeten plugins aan voldoen? Een shortlist
Een paar freemium plugins installeren
Extra: wat kan er nog meer binnen WordPress?
WordPress gevorderd
College 1
Verschil in de rol van content beheerder versus website beheerder
Domeinnaamregistratie, de hosting, DNS en FTP
Het WP Filesystem en de Database
Wat is PHP, HTML en CSS
Je WordPress veilig houden: wat doe je met bestanden op webservers, en hoe houd je anderen buiten de deur?
Introductie van de Inspector
Hoe pas je de styling van je thema aan, waarom moet je altijd een ‘child theme’ gebruiken en hoe pas je HTML en CSS aan via de editor?
College 2
Hoe installeer en configureer je WordPress plugins, welke zijn populair, welke zijn oké en welke zeker niet?
’s Nachts backups van je bestanden en database maken
Hoe verhuis je een WordPress-website?
WordPress Code
Ochtend
Achter je site regelen ruim 1500 bestanden alles. Hoe kom je bij die bestanden, en wat doen ze aan de achterkant, voorkant (content) en daartussen?
De hosting ontsluit belangrijke factoren als de PHP-versie en -variabelen. Hoe krijg je toegang tot de hosting, en hoe en pas je PHPmyAdmin en serverbased-instellingen aan om je website beter te laten functioneren?
WordPress draait op PHP: wat is het, en wat doet het?
Middag
PHP, html, CSS, JavaScript en jQuery: ze zorgen er allemaal voor dat je website werkt. Maar hoe?
Slim wijzigingen aanpassen in WordPress-templates: zo ‘tweak’ je het design van je website
De WordPress Loop is cruciaal, maar waarom? En hoe kun je met functies, filters en hooks WordPress naar je hand zetten?
Aan de slag met de block-editor van WordPress: je schrijft zelf een plugin om blocks te kunnen bouwen die je ook echt kunt selecteren en gebruiken.
WordPress Bouw je eigen Thema
Dag 1 College 1
Introductie: wat kun je allemaal met Oxygenbuilder?
De plugin installeren en configureren
De Oxygenbuilder-editor verkennen: wat voor tabs en opties heb je?
College 2
Templating: zelf een functionerend template bouwen dat past bij je doelstellingen en situatie
Global settings en responsive design: verschillende webdesigns voor verschillende apparaten maken
Dag 2 College 3
Library: op ontdekkingstocht in de designbibliotheek van Oyxenbuilder. Welke standaard website-onderdelen zitten erin, en hoe pas je ze aan?
Settings: je cache regelen, je toegang bepalen, SVG-sets uploaden en andere instellingen
College 4
Praktijkopdracht: de site van een pizza-webshop ontwerpen. We letten alleen op het design, de functionaliteit komt in een andere training aan bod.
JavaScript gevorderd
Dag 1 College 1
Introductie in API’s
Wat is een third-party API?
API-protocollen
College 2
HTTP-requests: data versturen en ophalen met XHR en Fetch
Asynchroon JavaScript (async/await, scheduling)
Werken met Promises
Dag 2 College 1
JavaScript-modules en libraries
Package management met behulp van Yarn en NPM op de Command Line (CLI)
College 2
Error handling
In-company / Maatwerk
max 10
HBO