Barbarian Meets Coding Titlebarbarianmeetscoding

WebDev, UX & a Pinch of Fantasy

15 minutes readbarbaric-development-toolbox

Barbaric Development Toolbox: Automate Your Front-end Workflow with Gulp - Getting Started

The Mastering the Arcane Art of JavaScript-mancy series are my humble attempt at bringing my love for JavaScript to all other C# developers that haven’t yet discovered how awesome this language and its whole ecosystem are. These articles are excerpts of the super duper awesome JavaScript-Mancy book a compendium of all things JavaScript for C# developers.

Modern web development is hard. Depending on your environment, your preferences, needs and goals there’s a thousand and one steps from source code to a production ready application.

You may want to use TypeScript or ES2015 for the obvious development benefits but then you need to transpile either one to a version of JavaScript that can run in the browser. You may want to use SASS or LESS, again for the much better development experience they provide, but then you need to transpile them to CSS as well. You need to manage your third party libraries and reference them in your app, and optimize the size of your images for the web, and bundle, minify your assets, add cache busting, etc, etc.

These are a lot of steps that you probably don’t want to keep in your head or in a checklist somewhere. You want to make them an intrinsic part of your development workflow and automate them so that they are reproduceable and reusable by all the members within your team (and even by the continuous integration and delivery infrastructure).

That’s were Gulp and other popular task runners/managers come in. Gulp helps you automate your workflow, make it explicit and share it within your team by providing an API to create and compose tasks. These tasks could be anything from copying files to a distribution folder, to transpiling ES2015, to removing unused CSS classes, etc. You can either build your own task or take advantage of the humongous community that already exist around Gulp and provides access to any task that you can imagine via plugins.

An image of gulp that reads Automate and enhance your workflow with gulp

Sounds interesting? Then let’s get started.

Read on →
1 minute readjavascript

JavaScript-mancy Vlog: Learn About JavaScript Function Scoping, Hoisting and How to Win With Let And Const

This week I continue the JavaScript-mancy vlog with a new episode that starts the secret path of the JavaScriptmancer with an initiation to the JavaScript Arcana: The weirdest parts of JavaScript. In this issue we take a look at some foundational aspects of JavaScript like function scoping and hoisting, and how you can take advantage of ES6/ES2015 let and const keywords to get a similar behavior to C# block scoping.

Enjoy!

1 minute readjavascript

Master The Arcane Art of JavaScript-mancy On Video! Waaaat!?

Last week it was swetugg and I kind of promised everyone listening to my talk that I would prepare a video version so they could enjoy all the cool content that I had prepared and which I never got the chance to show (because I am the worst, like the very worst, at keeping things short).

And so, after much sleepless nights, early mornings, experimentation, errors, more errors I got the first video ready! Yey! Hope you like it!

My plan is to release very short focused videos, so expect more videos coming soon.

2 minutes readspeak

Speaking (and Being) at Swetugg 2016 was a Blast!!

I have spoken a couple of times at user groups, many times at a company but I never ever had spoken at a conference before until this week at Swetugg 2016. It was awesome!! Cecilia, Anders and all the organizers did a great job! Thank you very much to them, the sponsors and all the participants that made it such a cool experience. Thank you!!

Swetugg 2016

Here is a photo of me in the middle of the fray (hehe). There was a tooon of people there but luckily the 10000000 Watt spotlight strategically directed right into my face made me feel as comfortable as sitting in my living room’s couch.

Jaime Gonzalez Garcia speaking at Swetugg 2016

And here are my carefully crafted slides.

The talk was recorded so I’ll give you a shout whenever the recording is released. I’ll also record a three-part director’s cut with a slower pace and probably slight more content and put it up in the upcoming days.

The conference was super fun (when is talking code with other nerds not fun?), there were a lot of very interesting talks and inspiring speakers. I enjoyed very much Chris talking on front-end build pipeline, Peter talking on making your applications Cloud ready and moving to azure, Tobbe talking about Lean, Roger teaching how to scale with Akka.net, and Tess showing off ASP.NET Core 1. I really would’ve loved to listen to more talks (to all talks), there was UX/UI, react, angular 2, meteor.js, cordova, no estimates, IoT, more azure… but hopefully I’ll be able to watch to the recorded sessions and those not recorded at another conference.

And my lessons learned? When you feel like you are done with your talk, cut it in half, and then cut it in half again. :)

Have a great day!