Inspired Web Developer

Tutorial #4 - Smooth Scrolling Navigation

Tutorial #4 - Smooth Scrolling Navigation

Tue Dec 18 2018

In this tutorial you will learn how to create a simple smooth scrolling navigation menu.

Tutorial #3 - JavaScript Carousel

Tutorial #3 - JavaScript Carousel

Sat Sep 08 2018

In this tutorial you will learn how to create a simple Carousel

Tutorial #2 - Create a Responsive HTML Login Form

Tutorial #2 - Create a Responsive HTML Login Form

Sat Sep 01 2018

In this tutorial you will learn how to create a simple HTML Login form like the one below.

FREE JavaScript ES2016 / ES2017 / ES2018 Cheatsheet

FREE JavaScript ES2016 / ES2017 / ES2018 Cheatsheet

Wed Jun 13 2018

Download this cheatsheet with all the new features introducedo to JavaScript from 2016

Tutorial #1: How to Create a To Do List with JavaScript

Tutorial #1: How to Create a To Do List with JavaScript

Mon Jun 04 2018

In this short tutorial I am going to show you how you can create a simple todo list using only HTML, CSS and JavaScript.

Where to Learn CSS Grid: The 4 best FREE Resources to Learn CSS Grid in 2019

Where to Learn CSS Grid: The 4 best FREE Resources to Learn CSS Grid in 2019

Mon Jun 04 2018

Let's have a look at 4 free resources where you can get started with CSS Grid.  

Modern JavaScript Part 04: Template literals

Modern JavaScript Part 04: Template literals

Sun Jun 03 2018

Prior to ES6 they were called 'template strings', now we call them 'template literals'. Let's have a look at what changed in the way we interpolate strings in ES6.  

Modern JavaScript Part 02: What are arrow functions?

Modern JavaScript Part 02: What are arrow functions?

Sun Jun 03 2018

ES6 introduced fat arrows (=>) as a way to declare functions. Let's have a look at them

Modern JavaScript Part 01: Var vs Let vs Const & the temporal dead zone

Modern JavaScript Part 01: Var vs Let vs Const & the temporal dead zone

Sun Jun 03 2018

With the introduction of 'let' and 'const' in ES6, we can now better define our variables depending on our needs. Let's have a look at the major differences between them.

Modern JavaScript Part 06: Destructuring

Modern JavaScript Part 06: Destructuring

Sun Jun 03 2018

MDN defines destructuring like this: The destructuring assignment syntax is a JavaScript expression that makes it possible to unpack values from arrays, or properties from objects, into distinct variables.

Modern JavaScript Part 05: Additional string methods

Modern JavaScript Part 05: Additional string methods

Sun Jun 03 2018

We are going to cover 4 new methods: startsWith(), endsWith(), includes() and repeat()

Modern JavaScript Part 03: Default function arguments

Modern JavaScript Part 03: Default function arguments

Sun Jun 03 2018

ES6 makes it very easy to set default function arguments. Let's look at an example:

Modern JavaScript Part 07: Iterables and Looping

Modern JavaScript Part 07: Iterables and Looping

Sun Jun 03 2018

ES6 introduced a new type of loop, the 'for of' loop. Let's have a look at it

Modern JavaScript Part 10: Object literal upgrades in ES6

Modern JavaScript Part 10: Object literal upgrades in ES6

Sun Jun 03 2018

In this article we will look at the many upgrades brought by ES6 to the Object literal notation.

Modern JavaScript Part 09: Spread operator and Rest parameters

Modern JavaScript Part 09: Spread operator and Rest parameters

Sun Jun 03 2018

Let's learn what is the Spread operator and what are the Rest parameters

Modern JavaScript Part 11: What are Symbols?

Modern JavaScript Part 11: What are Symbols?

Sun Jun 03 2018

ES6 added a new type of primitive called Symbols. What are they? And what do they do?

Modern JavaScript Part 12: ES6 Classes

Modern JavaScript Part 12: ES6 Classes

Sun Jun 03 2018

Quoting MDN: classes are primarily syntactical sugar over js's existing prototype-based inheritance. The class syntax does not introduce a new object-oriented inheritance model to JavaScript.

Modern JavaScript Part 14:  Generator functions

Modern JavaScript Part 14: Generator functions

Sun Jun 03 2018

A generator function is a function that we can start and stop, for an indefinite amount of time, and restart with the possibility of passing additional data at a later point in time.

Modern JavaScript Part 08: Array Improvements

Modern JavaScript Part 08: Array Improvements

Sun Jun 03 2018

Let's look at 'Array.from()', 'Array.of()', 'Array.find()' and more

Modern JavaScript Part 17: Everything new in ES2016

Modern JavaScript Part 17: Everything new in ES2016

Sun Jun 03 2018

ES2016 introduced only two new features: 'Array.prototype.includes()' and 'The exponential operator'

Modern JavaScript Part 16: Sets, WeakSets, Maps and WeakMaps

Modern JavaScript Part 16: Sets, WeakSets, Maps and WeakMaps

Sun Jun 03 2018

A 'Set' is an object where we can store unique values of any type.

Modern JavaScript Part 13: What is a Promise?

Modern JavaScript Part 13: What is a Promise?

Sun Jun 03 2018

From MDN:A Promise is an object representing the eventual completion or failure of an asynchronous operation.

Modern JavaScript Part 18: Everything new in ES2017

Modern JavaScript Part 18: Everything new in ES2017

Sun Jun 03 2018

ES2017 introduced many new cool features, which we are going to see here.

Modern JavaScript Part 15: What is a Proxy?

Modern JavaScript Part 15: What is a Proxy?

Sun Jun 03 2018

From MDN: the Proxy object is used to define custom behavior for fundamental operations (e.g. property lookup, assignment, enumeration, function invocation, etc).

Modern JavaScript Part 19: Everything new in ES2018

Modern JavaScript Part 19: Everything new in ES2018

Sun Jun 03 2018

ES 2018 has not been released yet but we can look at the proposals for features that have reached the stage 4

The best resources to learn Ruby on Rails in 2018

The best resources to learn Ruby on Rails in 2018

Thu May 31 2018

Let's have a look at what I consider to be the best resources to learn Ruby on Rails