Javascript

In this post, I will be going over how to build a deck of cards in JavaScript, that can be used for future projects or future games, such a...Read more

Pagination is one of those annoying features that aren't fun to implement in any language, but that is pretty much essential for a good UI....Read more

In this tutorial I will cover rendering a calendar onto a webpage with a few lines of JavaScript....Read more

Creating a rich-text editor in JavaScript isn't as difficult as many may think it is and can give you the much needed control over your code...Read more

In this post we will be building the ever popular Tic Tac Toe game in JavaScript. It's a relatively simple implementation and the most comp...Read more

Pagination is one of those things that everyone hates implementing on their websites, and that we avoid doing until the data size calls for it....Read more

Modal windows are an important UI/UX tool when it comes to pretty much any type of application, whether web, mobile or even your local ATM m...Read more

The Function constructor is something that isn't usually talked about in JavaScript circles, but it is a useful mechanism to have ...Read more

Infinite loading, also referred to as infinite scrolling, is a popular UI/UX technique in which a user does not have to leave the page in or...Read more

The following is the follow up to the ever so popular Coding a Calendar in JavaScript, in which I created a calendar widget in JavaScript. ...Read more

Tetris is one of the first games that many of us played growing up. It's fun and challenging and playing a single level can take you from a...Read more

You may think you know what a calculator is. But it's not until you begin to code something that you get to see just how complex it can be. ...Read more

Cipher's are a great way to practice your logical coding skills. Plus, they're kind of fascinating. Ciphers have been used for hundreds, if ...Read more

This is a follow up to my post How To Paginate Through A Collection In Javascript article. In this updated version I wi...Read more

jQuery is probably still the most popular and widely used JavaScript library out there today, and that's mainly due to its longevity. Latest...Read more

File Uploads have yet to really catch up with the times and with technology. Many reasons for this. Security being a major one. It's an ope...Read more

Angular.js is a fairly newcomer in the JavaScript framework world. It was first introduced in 2012 by a Google employee, and has since been......Read more

The Ctrl + s shortcut has become so natural as a saving mechanism, that I find myself doing it automatically many times with websites....Read more

The JavaScript specification now supports touch event handling for interactions with mobile devices and tablets....Read more

Thanks in part to Ajax and front-end heavy frameworks like React and Angular, much of a website these days is generated in real-time dynamic...Read more

Welcome to part 2 of my Crafty.js How To. On the last post I started building a quick game that I made up using Crafty.js, a JavaScript-onl...Read more

It's time to take what I've learned about Crafty.js in the past couple of weeks and to put it to use and build a side scroller game. Also, ...Read more

Welcome to part 2 in this building Tetris tutorial. If you missed part 1, feel free to check it out here. In this second part, we'll be fin...Read more

Right click contextual menu's are a great way to hide menu items that are less commonly used, and that you want to keep out of sight until ...Read more

This is a follow up to my last two Crafty.js posts which you can find in part 1 and part 2 in those links, which covered the basics of gett...Read more

And you never thought that algorithm class from college was going to pay off. In this post I'll be going over how to add the ability to sor...Read more

A student recently asked me what the best way to check for an empty string in JavaScript was. I answered in the best way that I knew how an...Read more

I "know" JavaScript, the way that a new college graduate "knows" every programming language ever made. When I first graduated from college ...Read more

In my previous post I talked about why JavaScript is such a great language for newcomers to the programming world due to it's ability to ge...Read more

In the spirit of trying out new and interesting Javascript frameworks, and just new technologies in general, this week I take Knockout.js f...Read more

Last time I made a quick tic tac toe clone and today, at the request of a friend, I will make an image/text slideshow widget. We see them a...Read more

Infinite scrolling is a popular technique that social media sites tend to use often, mainly on mobile devices, in which a user naturally scr...Read more

In this article, we are going to implement the draggable functionality (found in jQuery) using vanilla JavaScript with just a few lines of c...Read more

I get asked this question alot from many people who want to learn to program. What programming language should I start learning first? And ...Read more

"Must be online to continue". "You have been disconnected". "Error: Status code: YSLFJLFJSKDFJS"We have all seen that message appear at some...Read more

JavaScript is a great language for anyone just starting to code for a variety of reasons. It's lightweight, runs fast and most importantly ...Read more

Cipher's are a good way to put your coding skills into practice. They are usually relatively simple to implement in terms of the amount of c...Read more

If you're reading this post, then you are familiar with the concept of modal windows. But just in case you aren't here's a quick recap. Mod...Read more

A pretty cool feature that you can add to your file upload elements, if you are working with images, is the ability to render a preview on t...Read more

Click to enlarge is a common feature on many sites nowadays. And while it may seem like a trivial feature to add to your website, just try ...Read more

If you are building a user entry form of any kind, you often times want to limit the number of characters that a user is allowed to enter in...Read more

TypeScript is a free and open source superset of JavaScript and was created and is maintained by Microsoft. It offers many OOP patterns tha...Read more

WebRTC is a free open sourced technology that allows your everyday browsers to perform Real Time Communication through a set of simple API'...Read more

For a long time now, declaring variables using the standard var keyword was commonplace in JavaScript. While super easy to use, it was not w...Read more

I've worked as a programmer for many many years and in my corporate travels I've noticed that usually there's this idea, this stigma if you...Read more

Another week, another new technology to learn. This week I'll be using WinJS for the first time, also known as The Windows Library For Java...Read more

On this rainy day in Los Angeles, stay home, drink too much coffee and enjoy a classic game from our teen years (maybe). I coded this sna...Read more

I get this question asked all of the time from my students. And my answer will typically be something like "Why is it wrong to use jQuery?"....Read more

Most programmer's are familiar with a browser's built in debugging tools. This includes the standard Inspector used to view the DOM elements...Read more

There is no better way to share a location than with a map and a marker on it. The universal indicator of map based location in this and ag...Read more

Just recently a friend of mine showed me a game running on a web browser and it was an amazing experience. The game wasn't particularly ama...Read more

Today I am going to talk about a seemingly boring topic, strings in JavaScript. But stay with me, as we'll be going into some low-level...Read more

ES2015 introduced a new syntax into the JavaScript specification that finally allows us to create classes in a much cleaner way than th...Read more

The developer console in a browser is one of the most valuable tools for any web designer and web developer. Not only does it tell you what'...Read more

In my last post I went over the Set() data structure that was introduced with ECMAScript 6. Today I will be going over t...Read more

jQuery is a great JavaScript library for getting things done quickly without having to put too much thought into how you're going to be doi...Read more

Keeing items on the page when scrolling downwards can be a beneficial feature when you have elements that ideally land somewhere near the to...Read more

It wasn't that long ago that JavaScript was shunned in the coding community as a small-time scripting language used mainly to hide and show ...Read more

ECMAScript 6 introduced the new Set type into its toolset. What are Set's? Essentially they are an ordered list of values that hav...Read more

Does your browser know your battery status? You bet it does. Let's talk about that. HTML5 keeps adding more and more features to its lin...Read more

A commonly seen useful shorthand when writing code is the ability to call a function as a return statement....Read more

In this post we will go over the various ways that you can iterate through a given array in JavaScript. ...Read more

ROT13 is a specific implementation of the Caesar cipher that replaces each letter with the letter that is 13 places down the alphabet. For e...Read more

If you are fan of JavaScript then you no doubt have encountered the term JAMStack at some point in your career. In this post I'm going to br...Read more

If you are looking to become a web developer at any point in time, then JavaScript is going to have to be your go to programming language. A...Read more

All JavaScript objects inherit properties and methods from a prototype. Prototypes are the mechanism by which JavaScript objects inherit fea...Read more

You might be familiar with seeing the following directive at the top of JavaScript files....Read more

Promise based asynchronous code in JavaScript has typically not been the easiest to write. Dealing with promise-chaining and nested callback...Read more

JavaScript has quickly become one of the most widely used and popular programming languages of the past decade. Thanks in part to technologi...Read more

The destructuring assignment in JavaScript is one of those things that you might never see yourself using, but that might be just the thing ...Read more

Most programmers are familiar with the 'load' event listener in JavaScript....Read more

If you are looking to make an identical copy of an array in JavaScript, then using the default assignment operator will not do the trick as...Read more

Bun is the ultra fast JavaScript runtime that has taken the internet by storm and that is set to dominate the JavaScript development market ...Read more

While there is no direct bulit-in function in JavaScript (yet) to capitalize the first letter of a string, there are various ways that you c...Read more

Performing certain tasks on a website every 'n' number of seconds can be very useful when trying to achieve certain effects, such as creating on-screen visible timers, polling for data or even counting down towards some event....Read more

I've read far too many articles this week about why developers should avoid using JavaScript frameworks in lieu of plain old vanilla JavaScr...Read more

Default function parameters are a great addition to the JavaScript specification as of ES2015 that allows us to give a default starting value to named parameters in a function....Read more

What are breakpoints? Think of them as pauses that you can add to your code temporarily to see just what is happening at that point in time. ...Read more