Blog

Weekly nerd #1 #2 #3 #4 #5 #6 #7 #8 #9 #10 #11

Task manager & git

Donny Wals (Looklive)

Dinsdag 16 februari 2016

Afgelopen dinsdag hebben we een kijkje genomen bij het bedrijf het e-commerce bedrijf Looklive. Donny Wals (oud CMD student) heeft het een en ander verteld over zijn werkzaamheden als IOS developer en webdeveloper.

Bij Looklive werken ze met Github. Donny was er zeer te spreken over omdat bijvoorbeeld de code erg makkelijk te delen is wat het samenwerken ook makkelijker maakt. Ik vind zelf de navigatie van Github niet erg overzichtelijk. Soms ben ik me rot aan het zoeken naar bepaalde pull requests etc. Wat ik wel een groot voordeel vind is dat bestanden eenvoudig teruggehaald kunnen worden omdat Github alle oude versies bewaard. Ook als er tegelijk aan één bestand wordt gewerkt is Github slim genoeg om de bestanden te koppelen en in de goede volgorde te zetten. Ik heb zelf nog geen ervaring met samenwerken in Github, maar als het echt zo goed werkt als dat Donny zegt, dan ga ik het zeker gebruiken.

Het volgende onderwerp dat aan bod kwam was taken automatiseren. Looklive maakt hiervoor gebruik van Gulp. De taken die zij onder andere automatiseren zijn:

• Van .scss naar optimised .css
• Van .js files naar één optimised .js file
• Van .svg naar iconfont
• Cachebusting (er wordt altijd de laatste versie van de .css getoond bij de gebruiker)
• HTML watcher (pagina wordt herladen bij aanpassingen)

Het laatste punt spreekt mij het meest aan. Tijdens de Minor Everything Web ben ik de hele dag bezig met het schrijven van code. Ik zou erg gelukkig worden als het herladen van de pagina bij een aanpassing in de code geautomatiseerd zou worden. Ipv duizend keer cmd+S, cmd+Tab, cmd+R. Het lijkt niet z’n lange handeling, maar ga maar eens berekenen hoeveel keer je dat uitvoert in een week tijd.

Er is hiervoor ook een andere tool genaamd Grunt. Maar Grunt is veel moeilijker om te schrijven en te lezen. Wat Grunt in 34 regels code schrijft, schrijft Gulp in 5 regels. Gulp gebruikt node.js streams waardoor het sneller is om te bouwen en je hoeft geen tijdelijke bestanden/mappen naar de schijf te schrijven. Grunt vereist dat elke plugin apart worden geconfigureerd waar bij Gulp maar één plugin wordt geconfigureerd. (bron)

Browsersync

Eén scherm bedienen en vijf andere schermen doen exact hetzelfde. Dat is de ideale manier om de website te testen. Direct zien hoe het op een ander device getoond wordt, wie wilt dat nou niet? Met gulp is het heel eenvoudig om deze tool te gebruiken. (bron)