Essentiële ‘theme’ vaardigheden voor het aanpassen van de look&feel van een Magento webshop
Duur: 16 uur
Doelgroep: Deze cursus is geschikt voor front-end ontwikkelaars welke de Magento look&feel aanpassen. Studenten dienen ervaring te hebben met het aanpassen van complexe websites.
Vereisten: Studenten moeten een goede kennis hebben van HTML&CSS. Studenten dienen ervaring the hebben met het rechtstreeks in de code aanpassen van HTML & CSS zonder WYSIWYG editor. Ervaring met FTP is een vereiste. Enige ervaring met PHTML en PHP is handig, maar niet vereist. Daarnaast dient de student al enige ervaring the hebben met de Magento functionaliteiten.
Materialen: Elke student dient zelf een laptop mee te brengen met daarop een tekst editor en een FTP client. Een Magento 1.7 versie zal voor oefeningen beschikbaar worden gesteld op het internet.
Doel
Deze cursus geeft een goede introductie tot het Magento template systeem en het toepassen de beste manier om aanpassing te realiseren. De cursus geeft voorbeelden en hands-on oefeningen. Studenten zullen de fundamenten van Magento templating systeem begrijpen en weten hoe de thema’s werken en hoe de componenten zoals lay-outs, page templates en block templates aangepast kunnen worden.
Cursus overzicht
Magento template systeem – architectuur en componenten, uitleg over de werking en structuur van het template systeem, de componenten en hoe deze samenwerken
Werken met thema’s – Leer hoe een thema toegepast wordt, inclusief de directory structuur, ‘fallback’ methode en website bereik.
‘best practice’ theme aanpassingen – Leer wat wel en niet aangepast kan worden op thema niveau, incl. het aanpassen wat zonder thema aanpassingen. Leer een goede manier om de website aan te passen.
Werken met Pagina templates, lay-outs en block templates – Begrijp het doel, structuur en relatie van alle componenten van het Magento template systeem. Leer op welk niveau de templates het best aangepast kunnen worden.
Maak een eigen ‘Default’ Theme – Leer hoe je zelf een ‘design package’ aanmaakt als startpunt voor het verdere ontwerp.
Maak een module met aangepaste theme componenten - leer hoe je een aangepaste module met aangepaste lay-out kunt gebruiken in Magento.
De webshop look&feel en functionaliteit aan te passen
Nieuwe thema’s op een goede manier aan te maken, zodat updates later mogelijk zijn.
Na deze cursus zijn de studenten in staat:
De webshop look&feel en functionaliteit aan te passen
Nieuwe thema’s op een goede manier aan te maken, zodat updates later mogelijk zijn.
In deze workshop laat Mathieu Burgerhout van Redkiwi je alle tips & tricks van WordPress zien, zodat je als je naar huis gaat zelf aan de slag kunt met een WordPress website.
Zo voorkomt u de 5 grootste fouten met seovalantic NL
Verlies van organische bezoekers door technische fouten en content-aanpassingen is een veelvoorkomend probleem voor grotere webshops. Tijdens deze presentatie op de Webwinkel Vakdagen 2019 vertelde ISM'er Kees Beckeringh waar de meeste problemen ontstaan voor SEO en hoe u SEO-verkeer kunt monitoren om verlies van bestaande rankings en bezoekers te voorkomen.
Magento webwinkel starten & optimaliserenMichel Doens
Essentiele training voor het optimaal zelfstandig inrichten en optimaliseren van uw webwinkel
Duur: 8 uur
Doelgroep: eigenaren, developers
Vereisten: bekend met e-commerce en e-commerce systemen
Materialen: Elke student dient zelf een laptop mee te brengen met daarop een tekst editor en een FTP programma. Advies software: Windows: Filezilla & Notepad++ MAC: Filezilla & textwrangler.
Magento 1.7 demo versie zal voor oefeningen beschikbaar worden gesteld op het internet.
Magento installatie
Installatie van Magento binnen een hosting omgeving
opzet van de webshop
Configuratie van producten en categorieën
Configuratie van betaalmethodes en verzendmethodes
Zoekmachine optimalisatie (SEO)
Korte introductie tot HTML, CSS, PHP, XML
Multisite en multilinguele opzet
De systeem instellingen te begrijpen en te optimaliseren;
BTW beheren
Analyse & verbetering Magento performance
Full page caching toepassen
NL Front-end Guidelines (HTML,CSS,Javascript)Mathijs Jong
Visie op semantiek, techniek, structuur en werkwijze anno 2012.
Hoe schrijf je toegankelijke en herbruikbare HTML, CSS en Javascript?
Wat is Modular CSS?
Deze workshop geeft je de argumenten.
Presentatie over Tag Management: het vereenvoudigen van de implementatie en beheer van tags, waaronder webanalytics (Google Analytics, SiteCatalyst e.d.), ad serving, conversie tracking, etc.
Gegeven door Wolter Tjeenk Willink, oprichter van Traffic Builders zoekmachinemarketing, tijdens het Google Analytics User Conference congres in Amsterdam (GAUC 2012).
Flex wordt steeds populairder onder java developers. In de praktijk komen dezelfde vragen steeds naar boven drijven. Vragen als: Hoe maak je grote enterprise applicaties in flex? Welke opensource mvc en ioc flex frameworks heb je nodig? Wat zijn de best practices en valkuilen die je tegenkomt? In deze sessie zullen deze vragen worden besproken om een beter beeld te geven over flex in de praktijk in de wereld van de java developer.
Social Media & SEO - Joomla SEO Expert SessieSander Potjer
Presentatie door Hans Kuijpers - Social Media & SEO. Gegeven tijdens de Joomla SEO Expert Sessie op 18 maart in Bussum: https://perfectwebteam.nl/expert-sessie/joomla-seo
Essentiële ‘theme’ vaardigheden voor het aanpassen van de look&feel van een Magento webshop
Duur: 16 uur
Doelgroep: Deze cursus is geschikt voor front-end ontwikkelaars welke de Magento look&feel aanpassen. Studenten dienen ervaring te hebben met het aanpassen van complexe websites.
Vereisten: Studenten moeten een goede kennis hebben van HTML&CSS. Studenten dienen ervaring the hebben met het rechtstreeks in de code aanpassen van HTML & CSS zonder WYSIWYG editor. Ervaring met FTP is een vereiste. Enige ervaring met PHTML en PHP is handig, maar niet vereist. Daarnaast dient de student al enige ervaring the hebben met de Magento functionaliteiten.
Materialen: Elke student dient zelf een laptop mee te brengen met daarop een tekst editor en een FTP client. Een Magento 1.7 versie zal voor oefeningen beschikbaar worden gesteld op het internet.
Doel
Deze cursus geeft een goede introductie tot het Magento template systeem en het toepassen de beste manier om aanpassing te realiseren. De cursus geeft voorbeelden en hands-on oefeningen. Studenten zullen de fundamenten van Magento templating systeem begrijpen en weten hoe de thema’s werken en hoe de componenten zoals lay-outs, page templates en block templates aangepast kunnen worden.
Cursus overzicht
Magento template systeem – architectuur en componenten, uitleg over de werking en structuur van het template systeem, de componenten en hoe deze samenwerken
Werken met thema’s – Leer hoe een thema toegepast wordt, inclusief de directory structuur, ‘fallback’ methode en website bereik.
‘best practice’ theme aanpassingen – Leer wat wel en niet aangepast kan worden op thema niveau, incl. het aanpassen wat zonder thema aanpassingen. Leer een goede manier om de website aan te passen.
Werken met Pagina templates, lay-outs en block templates – Begrijp het doel, structuur en relatie van alle componenten van het Magento template systeem. Leer op welk niveau de templates het best aangepast kunnen worden.
Maak een eigen ‘Default’ Theme – Leer hoe je zelf een ‘design package’ aanmaakt als startpunt voor het verdere ontwerp.
Maak een module met aangepaste theme componenten - leer hoe je een aangepaste module met aangepaste lay-out kunt gebruiken in Magento.
De webshop look&feel en functionaliteit aan te passen
Nieuwe thema’s op een goede manier aan te maken, zodat updates later mogelijk zijn.
Na deze cursus zijn de studenten in staat:
De webshop look&feel en functionaliteit aan te passen
Nieuwe thema’s op een goede manier aan te maken, zodat updates later mogelijk zijn.
In deze workshop laat Mathieu Burgerhout van Redkiwi je alle tips & tricks van WordPress zien, zodat je als je naar huis gaat zelf aan de slag kunt met een WordPress website.
Zo voorkomt u de 5 grootste fouten met seovalantic NL
Verlies van organische bezoekers door technische fouten en content-aanpassingen is een veelvoorkomend probleem voor grotere webshops. Tijdens deze presentatie op de Webwinkel Vakdagen 2019 vertelde ISM'er Kees Beckeringh waar de meeste problemen ontstaan voor SEO en hoe u SEO-verkeer kunt monitoren om verlies van bestaande rankings en bezoekers te voorkomen.
Magento webwinkel starten & optimaliserenMichel Doens
Essentiele training voor het optimaal zelfstandig inrichten en optimaliseren van uw webwinkel
Duur: 8 uur
Doelgroep: eigenaren, developers
Vereisten: bekend met e-commerce en e-commerce systemen
Materialen: Elke student dient zelf een laptop mee te brengen met daarop een tekst editor en een FTP programma. Advies software: Windows: Filezilla & Notepad++ MAC: Filezilla & textwrangler.
Magento 1.7 demo versie zal voor oefeningen beschikbaar worden gesteld op het internet.
Magento installatie
Installatie van Magento binnen een hosting omgeving
opzet van de webshop
Configuratie van producten en categorieën
Configuratie van betaalmethodes en verzendmethodes
Zoekmachine optimalisatie (SEO)
Korte introductie tot HTML, CSS, PHP, XML
Multisite en multilinguele opzet
De systeem instellingen te begrijpen en te optimaliseren;
BTW beheren
Analyse & verbetering Magento performance
Full page caching toepassen
NL Front-end Guidelines (HTML,CSS,Javascript)Mathijs Jong
Visie op semantiek, techniek, structuur en werkwijze anno 2012.
Hoe schrijf je toegankelijke en herbruikbare HTML, CSS en Javascript?
Wat is Modular CSS?
Deze workshop geeft je de argumenten.
Presentatie over Tag Management: het vereenvoudigen van de implementatie en beheer van tags, waaronder webanalytics (Google Analytics, SiteCatalyst e.d.), ad serving, conversie tracking, etc.
Gegeven door Wolter Tjeenk Willink, oprichter van Traffic Builders zoekmachinemarketing, tijdens het Google Analytics User Conference congres in Amsterdam (GAUC 2012).
Flex wordt steeds populairder onder java developers. In de praktijk komen dezelfde vragen steeds naar boven drijven. Vragen als: Hoe maak je grote enterprise applicaties in flex? Welke opensource mvc en ioc flex frameworks heb je nodig? Wat zijn de best practices en valkuilen die je tegenkomt? In deze sessie zullen deze vragen worden besproken om een beter beeld te geven over flex in de praktijk in de wereld van de java developer.
Social Media & SEO - Joomla SEO Expert SessieSander Potjer
Presentatie door Hans Kuijpers - Social Media & SEO. Gegeven tijdens de Joomla SEO Expert Sessie op 18 maart in Bussum: https://perfectwebteam.nl/expert-sessie/joomla-seo
Flexbox: One Giant Leap for Web Layout (CSS Day 2013)Stephen Hay
My presentation for CSS Day 2013. Browser compatibility slide has been omitted; please check caniuse.com for Flexbox compatibility.
Please note that these slides are actually screenshots of a web page I made for the presentation, combined into a PDF to post here; thus, no plain text transcript.
Style Guides Are The New Photoshop (Smashing Conference 2012)Stephen Hay
This talk was first presented at Smashing Conference (http://smashingconf.com/).
Use of image editors for creating web design mockups has worked until now, but responsive design is forcing us to find alternatives, as we can't simply create more mockups as we design for more screens. Have no fear, there is at least one method of replacing Photoshop for web design. Let's take a look at one of the most important aspects of this method: the creation of clear, semi-automated, self-updating style guides.
Style Guides Are The New Photoshop (Fronteers 2012)Stephen Hay
A slightly modified version of the talk I first presented at Smashing Conference, now presented at Fronteers 2012. (http://fronteers.nl/congres/2012)
Use of image editors for creating web design mockups has worked until now, but responsive design is forcing us to find alternatives, as we can't simply create more mockups as we design for more screens. Have no fear, there is at least one method of replacing Photoshop for web design. Let's take a look at one of the most important aspects of this method: the creation of clear, semi-automated, self-updating style guides.
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)Stephen Hay
Slides from my presentation at Breaking Development 2012 in Orlando. This deck is not intended to be standalone, and probably made more sense in combination with my talk. At least, I hope so. I understand that video of the talk will be available in the near future on the Breaking Development website.
These are my slides for my presentation at Fronteers 2011. Ironic that I had to make images of my HTML slides and convert them to a PDF in order to upload them here. I will, however, post the HTML slides on my site shortly.
Real-world Responsive Design @ Breaking Development 2011Stephen Hay
A presentation I gave at Breaking Development 2011 (which was an updated and modified version of the presentation I gave at Fronteers 2010). In this talk I touched on the new Flexbox draft and CSS3 Grid Layout. Interestingly enough, while I was presenting, Microsoft announced IE10, which includes support for both specs (as well as multicolumn layout).