Illustration made by Natalia Wit (Yes, that is me!)

Two weeks ago I covered the topic of how to get started with your first Vue.js App. This week I decided to write about the core concepts in Vue while building a mini-app.

Interpolations and data-binding:

One way of data binding is text interpolation where you can use the double curly braces aka “Mustache” syntax such as:

<p>Name: {{ name }}</p>

Once you run your Vue app the namewill be replaced with the value of what name is. …


Google Developer Tools, also referred to as Chrome DevTools is a very vital and powerful tool within the browser that every developer should learn to utilize. DevTools allow us as web developers to edit a website through manipulation of code in the browser. With this powerful feature, you can test the viewpoint on a mobile device, measure performance, and interact with and debug CSS, Javascript, and HTML.

One of the cool features of DevTools is that while you are manipulating your Web App and seeing direct changes, none of the changes are permanent as they are not saved. This gives…


What is Vue.js?

Vue is a progressive framework in JavaScript that is used to build web interfaces and one-page applications. Vue is user and developer-friendly, it allows us to use a lot of useful libraries and is very easy to learn. Vue is the JavaScript front-end framework to choose from when we consider speed.

Perks of learning Vue

  1. Makes creating UI’s and front-end apps much easier
  2. Less of a learning curve than other frameworks
  3. Extremely fast and lightweight
  4. Build powerful SPA apps
  5. Virtual DOM
  6. Growing in the industry

Things you should know before learning Vue:

  1. JavaScript Fundamentals (Arrays, Objects, Conditionals, etc)
  2. ES6 Module Syntax


In this week's blog, we are going to go over the integer reversal algorithm question that may seem easy at first but there are a few tricky issues you may run into when approaching the problem.

We will be working with the following question:

Directions:Given an integer, return an integer that is the reverse ordering of numbers.Examples:reverseInt(19) === 91reverseInt(281) === 182reverseInt(300) === 3reverseInt(-15) === -51reverseInt(-70) === -7
function reverseInt(n) {
//Code goes here
}

In the given examples above we can see that if we pass in 19, we should get a reversal…


A palindrome is a word, phrase, or sequence that reads the same backward as forward. For example, if we reverse the word dad, it will still read as the word dad.

We will be approaching a problem where we have to find out if the given string is a palindrome or not, if it is we will return true otherwise, return false.

Let’s get started:

--- DirectionsGiven a string, return true if the string is a palindrome or false if it is not. Palindromes are strings that form the same word if it is reversed. *Do* include spaces and…


What is a Data Type?

In JavaScript, everything is data except:

Operators: +, !, <=, etc…

Reserved words: functions, for, debugger, etc.

In JavaScript, every kind of data falls into JavaScript’s seven data types which include numbers, strings, booleans, symbols, objects, null and undefined

How to identify a data type?

One way to find out what type of data type we are dealing with is typeof operator.

See below:

Numbers —

In Javascript, we have a single one encompassing number type, in other languages divide the numbers into integers, decimals, doubles and floats to have higher precision.

Using typeof operator…


Variable and Function Hoisting — How does it work?

In Javascript variables and functions are all hoisted to the top of the page in which they are declared — with being either a global or function scope. Variable and function hoisting is basically the process in which the Javascript interpreter looks ahead in the code for all of the variable and function declarations and then hoists all of those declarations to the top of the file. Let me show you what all of this means by showing you an example.

Let's say that we have a variable color defined —


What are arrow functions?

In the above example, you can see that arrow functions are related to using =>. Arrow functions are invoked just like regular standard functions.

Arrow functions just like regular standard functions have their body aka (block body) declared inside of brackets {}. The functions params are always declared in the parenthesis before the fat arrow as to which it points to the body of the function. When you are using brackets {} you will have to use an explicit return statement just like the regular standard functions. What’s also great with arrow functions is that you can implicitly return…


What is a loop?

A loop is a piece of code that has a repetitive execution until a certain condition is met. Using loops allows you to

→ Go over a list of items and work with each element

→ When you want to repeat something many times

→ Keep a program running until the user wants to stop it at a certain point

The each loop

The Ruby method each lets you go over a list of items without keeping track of the number of iterations. This ruby method lets you do something until it goes through every single…


In this article, we will cover boolean values in Ruby and go over examples that will make things about booleans a little more clear.

What is a boolean?

A boolean is a value used in logic statements to figure out if something is considered true or false.

There are a few methods in Ruby that will return true or false, such as empty?, all? and match? /or == → keep in mind that this operator is actually a method in Ruby and can change depending on in what context the method is implemented. …

Natalia Wit

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store