javascript-300x120

History and Background of JavaScript Module Loaders

Introduction Application logic for web apps continues to move from the back end to the browser. But as rich client-side JavaScript apps get larger, they encounter challenges similar to those that old-school apps have faced for years: sharing code for reuse, while keeping the architecture separated into concerns, and flexible enough to be easily extended. […]

javascript logo

Why do ES6 Classes exist and why now?

In 1995, Sun Microsystems started developing a new language internally called Oak. It bore a striking resemblance to C++, most notably in the use of classes. A class was a fairly radical concept at the time; it packaged up modules of functions that had previously been in loose libraries, and then let programmers create “objects” […]

Reactjs

What is the difference between state vs. props in React?

React is an open-source JavaScript library that provides the V (view)  of traditional MVC JavaScript framework. React promises programmers a model in which subcomponents cannot directly affect enclosing components- meaning data is flown downwards, updating data changes in HTML efficiently, and abstracts away the DOM allowing better performance using Virtual DOM. You may ask, if […]

1024px-Flatirons_Winter_Sunrise_edit_2

Using JavaScript forEach to do Array Looping and Iterations

This tutorial demonstrates using the Array.forEach() method with some examples. forEach() is designed to run a function on each indexed element in an array. Starting at index[0] a function will get called on index[0], index[1], index[2], etc… forEach() will let you loop through an array in much the same way as a for loop. Let’s […]

javascript logo

Using the JavaScript ParseInt Method

JavaScript’s parseInt function is all about converting a string to an integer. The function takes a string value as an argument and converts it to a numerical value with no decimal places, or alternatively the value NaN. ParseInt has a total of two parameters and thus takes two arguments. The second parameter specifies a radix […]

javascript logo

How to Reload a Page in JavaScript?

Refreshing or reloading a web page in JavaScript isn’t all that difficult. There is the straightforward window.location.reload (or just location.reload) method, and then there are a few less intuitive approaches that achieve the same effect. In the this lesson, I’ll show two examples of how to reload a web page using JavaScript. Get ready to get […]

javascript logo

Using the JavaScript Apply Method

Functions are one of JavaScript’s most powerful features. Functions in JavaScript allow programmers to create dynamic input/output systems, code more efficiently, and they allow for management of scope. Next to objects, functions in JavaScript may be the single most important feature of the entire language! Explore JavaScript Courses Functions in JavaScript are special because they […]

photo-1453060113865-968cea1ad53a

Ng-if Examples, Use Cases, and Caveats

Ng-if is a built-in Angular directive for adding and removing content from the DOM. Ng-if is extremely handy for showing and hiding buttons, links, text, images, or other types of content on a page. We covered the differences between ng-show, ng-hide, and ng-if here, so this post will focus specifically on ng-if syntax, examples, and […]

Reactjs

Working with State in React.js

In this tutorial we are going to get up to speed with some basics of React.js which will help us understand how to work with state. State is stored information at a given point in time and it’s common to manipulate state when working with data in an application. React itself is a Javascript library […]

Utah_array_pat5215088

An Array of JavaScript Array Methods

JavaScript Array Tricks Table of Contents: Avoiding the Index Prepositional Soup: From In to Of The Joy of Higher Order Functions How Do Your Arrays Stack Up? Pop! It is no real surprise that one of the primary purposes of computer languages is processing lists (indeed, one of the oldest programming languages – Lisp – […]