Monday , 16 January 2017
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-587cdeee0cd99047909034/] 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-587cdeee0d37e697746261/] 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-587cdeee0da4a338340282/] 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 »
Change CSS

Change CSS – JavaScript Tutorial

JavaScript not only allows you to change the HTML in your document, but you can also change the styles of a certain element. The procedure to change CSS is straightforward. Let’s look at how to do this. Updating the HTML Update the <body> tags in your HTML document to this. [crayon-587cdeee0fb08326610736/] Next, let’s clear your script and add this bit …

Read More »
Change HTML Attributes

Change HTML Attributes – JavaScript Tutorial

We learned how to change the HTML inside elements. What if we wanted to the change the HTML attributes? This is very easy to do. First, update the <body> tags inside your HTML document to this. [crayon-587cdeee101bd860543560/] What we’re going to do is grab the anchor tag’s link and change it with another link. Now that our HTML document is …

Read More »
Manipulating Elements

Manipulating Elements – JavaScript Tutorial

Now that we know how to grab an HTML tag, let’s talk about manipulating the data inside. Manipulating elements is fairly easy. So, let’s first clear out our script. Then, add this bit of code. [crayon-587cdeee108d4879950481/] Just like last time, we store the tags inside a variable. Since there are 3 paragraph tags inside the HTML document, there has to …

Read More »

HTML DOM – JavaScript Tutorial

We’re finished with talking about object oriented programming in JavaScript for now. We’re going to talk about the HTML DOM. As I stated in the first tutorial, you should have a good understanding of HTML and CSS. If not, then go learn HTML and CSS. These next couple of tutorials depend on that knowledge. What is the HTML DOM? DOM …

Read More »