Wednesday , 17 January 2018
Home / Tag Archives: all (page 5)

Tag Archives: all

Prototypes – Advanced JavaScript Tutorial


Prototypes are a must know for any JavaScript developer. As you may know, JavaScript is classless. Instead, it uses prototypes. However, this subject confuses a lot of people.  In this tutorial, we’ll go more in-depth of what prototypes are. First, we’ll learn how to use them and then why you should use them. Clear your script and add this bit …

Read More »

Object Oriented Programming – Advanced JavaScript Tutorial

Object Oriented Programming

Object oriented programming in JavaScript is different than most programming languages. JavaScript has no acknowledgement of classes. All properties and methods inside an object are just name-value pairs. We’ve discussed object oriented programming before in the JavaScript beginner tutorial series. Now, we’ll go more in-depth of what OOP is. They way we’ve been writing code is what’s called procedural code. …

Read More »

Array Methods – Advanced JavaScript Tutorial

Array Methods

If you’ve seen my beginner JavaScript tutorials, then you already know about arrays. In this tutorial, we’ll discus a couple of handy array methods for iterating through arrays. Iterative Methods As you may know, the for in loop is a great way to loop through all the items in an array. However, arrays come with 5 methods for looping through …

Read More »

Garbage Collection – Advanced JavaScript Tutorial

Garbage Collection

It’s time to take out the trash! No, not the one in your home. I’m talking about the one in your programs. For every object you create, you take up memory in the visitor’s computer. It isn’t just in some imaginary storage. JavaScript will free up space when you have objects that are no longer in use. This is what’s …

Read More »

Converting Data Types – Advanced JavaScript Tutorial

Converting Data Types

As you may know, each value has a data type. Since JavaScript supports dynamic datatypes you can change a value’s data type like so. [crayon-5a5f46ea1a185467409742/] In some situations, you’ll want to convert the value to another data type instead of just changing the value. JavaScript offers a variety of functions and methods to do so. Let’s set up things to …

Read More »

Script Tag – Advanced JavaScript Tutorial

Script Tag

The script tag is how you include JavaScript into your document. However, there are a couple more things to know that can really optimize the performance of your site. Script Tag Attributes As you already know, placing your scripts at the bottom of your document allows everything else to load first before you start dynamically updating content. There’s another technique …

Read More »

History of JavaScript – Advanced JavaScript Tutorial

History Of JavaScript

A little history lesson wouldn’t be so bad. JavaScript has come a long way to become what it  is today. The history of JavaScript isn’t necessary to know, but having some background knowledge will help you better understand what JavaScript is and how it came to be. It All Started With An Orange Basketball…. It actually didn’t, but if you …

Read More »

Paths and More Expressions – Handlebars.js Tutorial

Paths and More Expressions

In this last tutorial, we’ll talk about paths and more expressions. So far, we’ve been dealing with plain text, but what if we had HTML inside our strings? Handlebars will naturally escape these values to prevent XSS injections. However, you can stop Handlebars from doing so simply by using 3 staches. Update your menuData variable to this. [crayon-5a5f46ea1aeeb670677079/] Let’s update …

Read More »

Custom Helpers – Handlebars.js Tutorial

Custom Helpers

You can extend handlebars with your own custom helpers. This allows you to create complex logic using handlebar’s expression system. There are 2 kinds of helpers, a function helper and a block helper. The difference is that one is meant for a single expression and the other uses a block expression. Custom Function Helpers Creating function helpers is relatively easy. …

Read More »

Built-in Helpers – Handlebars.js Tutorial

Built-in Helpers

Handlebars comes with built-in helpers to make executing complex logic simple. They’re conditionals and loops. Let’s take a look at some of the built-in helpers that come with it. #Each Helper Right now, it’s required that we hard code each menu item in our HTML document, but what if the list was updated? Looping through a menu list is easier …

Read More »
Want to learn how to create web applications with Node.js and SQL? Check out my course!
Get 93% off my course. You'll also learn how to build real world applications using Node and SQL. This is a limited time offer
Yes, I would like to get 93% off your course!
No Thanks!