Workshop: Grunt voor beginners, door Tom Greuter
Vind jij het fijn om te weten of je CSS valide is, en blijft? Wil jij je CSS- en JavaScriptcode optimaliseren voordat je de code live zet? Merk je dat je steeds handmatig dezelfde taken moet uitvoeren om een HTML-mockup aan een klant op te leveren? Durf jij je code na een JavaScript-wijziging met een druk op de knop live te zetten?
Het wordt tijd om je front-end code te automatiseren. Grunt is een van de belangrijkste tools waarmee je dit kunt doen. In deze workshop leer je Grunt gebruiken om je eigen code en websites te professionaliseren. Je leert in deze cursus:
- Je CSS automatisch testen op syntaxfouten.
- Je CSS-preprocessor, zoals Sass, gebruiken in combinatie met Grunt.
- Je JavaScript testen op syntaxfouten (linten).
- Je HTML-, CSS- en JavaScript-bestanden samenvoegen en comprimeren.
- Je responsive designs testen.
- Een lokale webserver draaien voor je HTML-mockups, gebruikmakend van Livereload. Je hebt geen Apache of MAMP meer nodig.
- Je bestanden FTP'en als alle voorgaande stappen succesvol afgerond zijn.
Over Tom
Tom Greuter heeft meer dan 14 jaar professionele ervaring met web development, hoofdzakelijk als front-end developer. Hij was teamlead bij Info.nl en is mede-oprichter van Fronteers. Tegenwoordig werkt hij als freelance front-end developer.
Tom is erg betrokken en is goed op de hoogte van wat er speelt in zijn vakgebied. Hij is een fijne collega om mee te werken, heb veel van hem geleerd.
Ervaringen van eerdere deelnemers
Op weg terug naar huis na een supergoede Grunt workshop. #pro blij dat ik gegaan ben! /o/
Visual CSS testing with PhantomCSS & Grunt. Part of @ludder’s awesome workshop.
Meer info
Deze workshop is erop gericht om hands-on alle stappen te doorlopen om Grunt op te zetten voor kleinere projecten (zoals HTML-mocks, WordPress templates of kleine PHP-sites). Er zal een kleine website meegeleverd worden om de tools op uit te testen, maar natuurlijk kun je ook je eigen werk meenemen en als cursusmateriaal gebruiken.
De workshop is vooral interessant voor mensen die zelf HTML, CSS en JavaScript schrijven. Enige kennis van Git is een pre. Een laptop met installatierechten is een noodzakelijke voorwaarde om mee te doen.
Om de tijd in de workshop optimaal benutten zul je vooraf instructies krijgen om de benodigde tools te installeren.
Leden van Fronteers betalen 100 euro. Niet-leden betalen 200 euro. Beide bedragen zijn exclusief btw.
De workshop duurt de hele dag en is inclusief lunch bij Seats2Meet. Een routebeschrijving is te vinden op de site van Seats2Meet.
Opgave
Voor deze workshop is nog geen (nieuwe) datum gepland. Mocht je geïnteresseerd zijn in de workshop, hou dan het activiteiten overzicht in de gaten of blijf op de hoogte via onze social media.
Deze workshop is in het verleden gegeven op de volgende data:
- 13 juni 2014, bij Seats2Meet Utrecht CS
- 28 maart 2014, bij Seats2Meet Utrecht CS