javascript-300x120

A Simple Primer in JavaScript Recursion

Recursion is a concept that is not unique to JavaScript. It is used in all programming languages. Though it is an important part of Javascript that sometimes gets muddled or overtly complex. Recursion is simply when a function calls itself. A function that calls itself is comparable to a loop. Both of these methods are […]

00-featured-vuejs-logo-simple-320x200

Custom HTML Elements with Vue.JS

Creating customized, repeatable HTML elements cuts down on the amount of code you have to write. It also adds organization and readability to your codebase. So how does one create custom HTML elements? Vue.JS provides an elegant solution. Vue.JS is a lightweight JavaScript framework that’s relatively easy to use. In the following tutorial I show […]

5c9b340a-911e-11e6-807f-99024887b159

How to transition from npm to Yarn

https://yarnpkg.com/ is the hottest new package manager for Javascript. The switch from npm to Yarn is a straightforward process. It was built by engineers at Facebook, Google and a few other institutions. It was created to fix a few problems npm faced around speed, consistency, and security. The Yarn CLI is nearly identical to npm […]

javascript-300x120

When to use ES5 Var vs. ES6 Let

There is an important distinction to be made between let and var. Both of these statements allow the developer to declare a variable. Let was introduced in Javascript ES6. Before we explore the merits of using let over var, it’s helpful to know the functionality and limitations of var. Var Functionality JavaScript was created in […]

javascript-300x120

Using JavaScript ASync Functions

Async stands for asynchronous and it is (aptly) the opposite of synchronous programming. To get a better grasp on Async functions, you need to first fully understand synchronous code. Simply put, synchronous code means “many statements in a sequence”. Each statement is executed one after the other. This also means that a statement has to […]

css

What Are CSS Pseudo Classes and What Are They Used For?

A CSS pseudo class allows you to assign a specific state to an element. For instance, a user hovers over an image on a web page and it changes to another image. Links change colors once they are visited and can be differentiated from unvisited links. An input box on a form is disabled and […]

css

Simple, Elegant, Common CSS Animations

CSS animations provides a simple way to create animations for your webpage that does not require complicated coding or a scripting language such as JavaScript.  While CSS’s animation capabilities are not as extensive as JavaScript, there is still a lot that can be done using CSS. CSS animations allows you to transition the style of […]

css

What Is CSS Grouping and What Is It Used For?

Grouping in CSS is a technique used to reduce code redundancy and write clean, concise easy to follow code.  There are going to be many instances in which multiple CSS selectors will have the same declarations. In these cases, you can group all the selectors together and write the declarations only one time. For example, […]

00-featured-vuejs-logo-simple-320x200

A Friendly Introduction to Vue.js

“Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces…The core library is focused on the view layer only, and is very easy to pick up.” If you already know HTML, CSS, and JavaScript, then picking up Vue is a breeze! In the following article, I’ll show you how to get up […]

css

3 Ways to Center in CSS

Centering HTML elements using CSS can be a surprisingly difficult task. Getting the horizontal alignment right is relatively straightforward, but getting the vertical alignment down can prove to be challenging. And getting an element to sit smack dab in the middle of its container? Forget about it! 🙂 I’m kidding, but how to center elements using […]