Friday , 21 September 2018
Home / Tag Archives: objects

Tag Archives: objects

AJAX – Advanced JavaScript Tutorial

AJAX

AJAX stands for Asynchronous JavaScript XML. This can be a bit misleading as you can make AJAX calls be synchronous.  This tutorial requires that you upload and use your files on a live or local server. What is AJAX? Traditional websites would load a different page every time you needed to make a request to a different page or file. …

Read More »

Audio – Advanced JavaScript Tutorial

Audio

The video and audio objects both have the same events, properties and methods. So, you already know how to use most of things in the audio object. However, there are a couple of key differences when it comes to formats. Audio Tags To add audio into your document, then you use the <audio> tags like so. [crayon-5ba52c078a2fc354769176/] Like last time, …

Read More »

Event Handlers – Advanced JavaScript Tutorial

Event Handlers

If you’ve seen my events tutorial in my JavaScript basics tutorial series, then you already know how to use events. There’s another way of using events with event handlers. Before we begin, let’s update the <body> tags in our document to this. [crayon-5ba52c078a8f8392005034/] We just have a simple button in our document with the ID btn. To add an event, …

Read More »

Data Attribute – Advanced JavaScript Tutorial

Data Attribute

HTML5 is fairly new and it’s slowly being adopted by all web browsers today. A special feature of HTML5 is the ability to define custom data attributes. A data attribute is your own attribute that can contain information about an element. Let’s update our document to this. [crayon-5ba52c078b507088926775/] To create a data attribute, you simply create an attribute with the …

Read More »

Navigator Object – Advanced JavaScript Tutorial

Navigator Object

The navigator object allows you to grab information about the browser and visitor’s computer. You can grab the browser name, plugins, OS, language, etc. Properties Clear your script and add this bit of code. [crayon-5ba52c078b9be534278677/] The navigator object is pretty tricky. Even though the navigator object has been around since Netscape Navigator 2, the properties and methods are supported in …

Read More »

Location Object – Advanced JavaScript Tutorial

Location Object

The location object contains information about the current URL you’re visiting. It can give you helpful information such as the port number, whether or not the site is using SSL and even allows you to redirect the user. Properties Clear your script and add this bit of code. [crayon-5ba52c078bf32342812651/] There are a couple of properties of the location object, but …

Read More »

Timing Events – Advanced JavaScript Tutorial

Timing Events

There are 2 kinds of timing events. There’s one with timeouts and another with intervals. Timeouts execute once after a certain amount of time has passed by. Intervals execute repeatedly after a certain amount of time has passed by. Timeouts Clear your script and add this bit of code. [crayon-5ba52c078c4b9228721622/] To create a timeout you use the setTimeout() method. This …

Read More »

Inheritance – Advanced JavaScript Tutorial

Inheritance

Another advantage to using prototypes is that you can have inheritance in your scripts. What is inheritance? Well, first let me show you and then I’ll explain. Clear your script and add this bit of code. [crayon-5ba52c078ca4a236675472/] Alright, let’s break this done. We have 2 objects. One is BankAccount and the other is SavingsAccount. We add a method to the …

Read More »

Prototypes – Advanced JavaScript Tutorial

Prototypes

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 »
ULTIMATE NODE JS WITH SQL COURSE
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!
close-link