Barbarian Meets Codingbarbarianmeetscoding

WebDev, UX & a Pinch of Fantasy

Barbaric Tip of the Week: Saving Your Session for Later in Vim

Barbaric Tip of the Week is a weekly series whose main purpose is to share tiny bits of knowledge that I find specially useful and interesting.

I started my machine, opened the command line, ran vim and opened my weekly planning, project notes and overall work checklist as I usually do, in the exact window configuration that I usually use, which my weekly planning window on the left, and job checklist and project notes stacked on the right. Everything was the exactly the same as the previous 999 times, everything but for one thing, this time a thought sprang to my mind: Wouldn’t it be awesome if I could save this file/window configuration and just load it at all once?

Well… That was about time… there is indeed a way to do that… :)

You can save your complete session in vim, that is, the files you have opened with the specific windows or tab configurations that you’re using, with the :mksession command:

:mksession ~/jobsession.vim

Later, the next time you open vim you can load that session with :source:

:source ~/jobsession.vim

Or alternatively open vim directly with a specific session by using the -S option:

PS> gvim -S ~/jobsession.vim

Voilá! Enjoy!

Bonus tip: Did you know that you can also resize windows with the :resize command? You can use :vertical resize <numberOfLines> to resize a window’s width, and :resize <numberOfLines> to resize its height. Cool right?

The Basics Of JavaScript Functions

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.

Functions are the most foundational building block in JavaScript. Not only do they hold the logic of our applications, they also are the primitives upon which we build other programmatic constructs in JavaScript like classes and modules.

JavaScript provides different ways to declare and use functions, each with their own nuances and limitations, so given that they are such a fundamental part of the language it is important that you are aware of these characteristics when you are writing JavaScript applications.

Welcome to another step in your journey to JavaScript mastery! Let’s get started!

JavaScript-Mancy
Read on →

The Many a One JavaScript Quirks

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 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 and operations.

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.

Read on →

A Brief Guide On How to Pass the 70-480 Certification Exam

A couple of weeks I did my first certification exam ever and I passed! Wihoo! I thought that you who are planning on taking this or any other certification exam could maybe find my experience of value and thus here we are. :)

I approached the whole exam thing mainly as an excuse to learn and refresh my knowledge in web development, starting from the very basics to the more advanced APIs that I hadn’t had the chance to look into, trying to fill in all the gaps that I felt I have had in my web dev knowledge in the past. So this is not going to be an article on how to pass the exam with the least amount of effort possible, no tricks or shortcuts, it is just going to be an article about how I went about preparing for the exam, just plain old studying, practicing, coding, learning and writing a freaking exam XD.

Read on →

Barbaric Basics: Building Flexible Layouts With Flexbox

With Barbaric Basics I brush up on basic techniques, practices and APIs. Come along and get them refreshed you too. Who knows? You may even learn something new!

Today we live in a world of many devices, many resolutions, many form factors and as such it is more challenging than ever to build websites that provide an awesome experience in all of these different and ever-changing conditions.

Fortunately, HTML5 brings with it a couple of new techniques that let us developers create flexible layouts with less hassle than ever before: flexbox and grid. I have created a tutorial/walkthrough that I hope will get help you start getting acquainted with Flexbox, the most mature of these two new layout systems. I hope you’ll enjoy it!

To Flexbox Tutorial

Flexbox is a stable standard and is supported by all modern browsers (>IE10), so there’s no reason not to start using it today.

And here are some additional references if you want to learn some more!