Tuesday , 16 July 2019
Basic Expressions

Basic Expressions – Handlebars.js Tutorial

Let’s kick things off with basic expressions. Expressions are the base of handlebars. They’re basically placeholders for your data. You insert them into your template and then handlebars will search  and replace for the data that corresponds with your expression. Let me show you how this is done. Setting Up The HTML Document Create a file called index.html. Inside this …

Read More »
External JSON File

External JSON File – JSON Tutorial

In this tutorial, we’ll learn how to create an external JSON file. By doing this, our data can be accessed from various languages or multiple sources without having to filter the data. Let’s set up our file. To create a JSON file, first create a file called people.json. The .json is a file extension for JSON based files. Place this …

Read More »
Nesting objects and arrays

Nesting Objects and Arrays – JSON Tutorial

Let’s talk about nesting JSON data. We’ll learn about nesting objects and arrays. Let’s update our script to this. [crayon-5d2e546fb8fc3971725963/] Inside our JSON object, we store 2 other JSON objects. Since we do it this way, we now have access to the other JSON objects. This makes it easier to manage and store data. Let’s learn how to access the …

Read More »
Creating JSON Data

Creating JSON Data – JSON Tutorial

So, let’s get started with creating JSON data. Before we do, let’s set up our files and folders. Create a file called index.html and a folder called js. Inside your js folder, create a file called script.js. Inside your index.html add this bit of code. [crayon-5d2e546fb9b10412325601/] Nothing special going on here besides including our script. So, let’s get started! Open …

Read More »
what is json

What is JSON? – JSON Tutorial

You’ve probably heard of JSON, but what is JSON? JSON stands for JavaScript Object Notation. It’s not a programming language. It’s not a markup language. It’s a lightweight text-data interchange format. So, what does that mean? To put it simply, it’s a file with data formatted to be readable by other programming languages. JSON by itself doesn’t really do anything. …

Read More »

Conclusion – JavaScript Tutorial

This concludes this series. You’re now ready to start making your own scripts in JavaScript. You’re more than capable to expand your knowledge on this subject. Of course, I didn’t explain every bolt and nail about JavaScript. If you would like to take it up a notch, then I suggest you take my advance series. However, a lot of developers …

Read More »

Cookies – JavaScript Tutorial

This will be our last project in our JavaScript tutorial series. Learn how to create cookies in JavaScript. By the end of this tutorial you’ll have fully usable functions to create, grab, and delete cookies. What are Cookies? Cookies are pieces of information that you can store on a visitor’s computers. So, let’s say you had a first time visitor …

Read More »

Animation – JavaScript Tutorial

Animation is an exciting topic in JavaScript. There are many tools out there to perform animations from basic to advance. Some of these tools are actual programs that allow you to input some numbers and then it takes care of the programming part of it. In this mini tutorial series, we’re going to be creating animations with pure JavaScript. Animating …

Read More »
Basic Form Validation

Basic Form Validation – JavaScript Tutorial

Today, we’ll be talking about basic form validation. This tutorial series so far has 2 main segments which are what and why. The first part, what, covers the basics of JavaScript. I taught you what variables, functions, loops, conditional statements, and events are. Now, you’re more than ready to start creating dynamic websites. However, you may be confused by the …

Read More »
For In Loop

For In Loop – JavaScript Tutorial

The for in loop in JavaScript is a special kind of loop. It’s specifically designed for arrays and objects. It allows you to loop through an array or object’s elements or properties. Let’s take a look at how to do this. Clear your script and add this bit of code. [crayon-5d2e546fbc754485526173/] You create an array. Next, we create our for …

Read More »
Multidimensional Arrays

Multidimensional Arrays – JavaScript Tutorial

When you hear the word multidimensional you think of space and time. In programming, it’s far more simpler than that. Multidimensional arrays are just arrays within arrays. Yes, it’s possible! Don’t worry, this tutorial doesn’t have any surprised ;). Let’s clear your script and add this bit of code into it. [crayon-5d2e546fbcc66947021108/] I create a variable named people and insert …

Read More »
Associative Arrays

Associative Arrays – JavaScript Tutorial

Today’s tutorial comes with a little surprise. Today, we’ll be talking about “associative arrays.” If you’ve programmed before, then you probably know what these are. If you don’t, then don’t worry. I’ll explain it in a bit. Creating An Associative Array Clear your script and add this bit of code. [crayon-5d2e546fbd1b3851401408/] We create a variable named jack and make it …

Read More »
Manipulating Arrays

Manipulating Arrays – JavaScript Tutorial

Let’s talk about manipulating arrays now. There are a ton of methods for manipulating arrays, but we’ll talk about the mostly used ones. Before I move on, let me give you the technical terms for an array. The position or spot of an array is considered the index. The values in an array are items or elements. That’s all you’ll …

Read More »

Arrays – JavaScript Tutorial

Arrays are a special kind of object. They can store multiple values. Let’s say you had a list of 800 names. If you had to create a variable for each of these names, then that would take a long time. Also, what if you were expecting to update this list with more or remove names? You’d have to manually create …

Read More »

Events – JavaScript Tutorial

One of the more powerful features in JavaScript are events. By default, there are a couple of events you have access to thanks to the HTML DOM. Let’s learn a couple of these events. Unobtrusive JavaScript I’ve talked about this before, but to refresh your memory I’ll say it again. Some events can be used directly inside HTML elements. While …

Read More »