Barbarian Meets Coding

WebDev, UX & a Pinch of Fantasy

JavaScript Arrays: The All-in-One Data Structure

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.

For a very long time (up until the year 2015 and the advent of ES6) the only data structure available in JavaScript was the array. This was not a big problem for the hordes of JavaScript developers because JavaScript’s array is an array, a list, a queue, a stack and in addition provides similar functionality to LINQ. Sounds interesting? Let’s have a look.

Read on →

Getting Started with Angular 2 at ngStockholm

Yesterday was the first ngStockholm meetup and Lisa Ryrholm and I where there at Active Solution to help people get started with Angular 2. Awesome right! Yey!

Lisa went through the basic concepts and foundations of Angular 2, I did a short talk on moving from Angular 1 to Angular 2, and then we had a nice workshop where we guided everyone’s first steps into building a simple app with Angular 2.

If you are interested here are my slides.

We also used this application starter and these exercises and code samples during the workshop. You are welcome to use any of them to get started with Angular 2.

We are going to be hosting yet another workshop next week the 30th of March. So if you are curious about learning Angular 2, just sign up!


Lean UX, Atomic Design and Angular - A Flexible Front-end Architecture for Developing Web Applications: Part IV

Lean UX, Atomic Design and Angular Logos

Did you miss the other parts of this series? You may want to take a look at them first:

In the previous article of this series we introduced an imaginary Pomodoro web application. This app will let us become super productive in all our future endeavors and also serve as an example to illustrate the component-based (atomic design) front-end architecture this series advocates for.

In this article, we will start building the app following a traditional approach with Angular and relying in controllers bound to a view in a loose way (via ng-directive or a router config). We will describe the pros and cons of this solution along the way, and will encounter a couple of new requirements that will highlight the rigidness of this approach and its inability to handle changing requirements gracefully.

Read on →

I am Going to be Speaking JavaScript Awesomeness at DevSum 2016!!

Hi guys and gals! I am going to be speaking at DevSum 2016 the 26th and 27th of May. Ain’t that awesome or what!?

Devsum 2016

I am going to bring on the JavaScript awesomeness with my talk Mastering the Arcane Art of JavaScript-mancy:

For many years has JavaScript been frown upon and look down on by many developers due to its quirky nature, obscure behaviors and many a one WTFs that populate its hairy APIs.

Frown upon no more! For with modern design patterns, libraries, tools and the long awaited JavaScript 6 Harmony (ES6, ES2015) writing JavaScript is now a pleasure.

Join me at the school of JavaScript-mancy as we travel along the modern landscape of writing JavaScript in 2015 and beyond, as we discover the organic evolution of this beautiful language and its thriving ecosystem, and delve in the latest features/spells/incantations of the JavaScript Arcana.

Hope to see you there! ;) Have a great weekend! Gonna continue doing stuff….

JavaScript-mancy Vlog: What is ECMAScript 6?!?

Ever heard about ECMAScript? ES6 or ES2015? Have you ever being in a conversation about it and nodded as if you knew what the heck the conversation was about but you had no freakin’ clue? Worry no more! This video tells you everything you need to know about ECMAScript, ES6 and how to get started learning and using the latest version of JavaScript.