JavaScript

Window

The window object represents the browser window or frame and also inherits all of the global JavaScript core properties

History
Location
Navigator
Screen

Articles & Resources

History

The history object represents the browsers URL history. Methods are back(), forward() and go().

// go back twice
history.go(-2);

Navigator

The navigator object contains several properties with info about the browser.

// current navigator.userAgent properties

Screen

The screen object contains properties with info about the display.

// show information about screen size
alert(screen.width + 'x' + screen.height);
// current screen properties

jQuery

PublishedOctober 15, 2015

A collection of useful jQuery code snippets

Best Practices

PublishedMarch 15, 2015

Here are a few Best Practices to follow when coding in JavaScript.

JavaScript Helper Functions

PublishedSeptember 25, 2014 UpdatedFebruary 26, 2023

Various helper functions are included on this page. See DOM Helpers to look for document object helpers.

JavaScript Document Object (DOM) Helpers

PublishedAugust 16, 2013 UpdatedNovember 1, 2020

The Document object represents the root node of the HTML document. The nodes are organized in a tree structure, called the DOM tree. Objects in the DOM tree may be addressed and manipulated by using methods on the objects.

Svelte

PublishedDecember 13, 2020

React

PublishedJuly 19, 2020 UpdatedApril 16, 2022

Prerequisite Node.js will need to be installed. This include the npm CLI. Pro Tips: Use nvm for Node.js installation. If running Windows, use WSL2 with Windows Terminal. Getting Started Here are a couple of options for creating a React application. 1. Create React App The create-react-app CLI released by facebook in July 2016 is an easy way to spin up a zero configuration React app. Install the create-react-app CLI globally using npm.

Vue.js

PublishedJuly 19, 2020

Prerequisite Node.js will need to be installed. This include the npm CLI. Pro Tips: Use nvm for Node.js installation. If running Windows, use WSL2 with Windows Terminal. Getting Started The most common practice for creating a Vue.js application is done using the Vue CLI. Install Vue CLI npm install -g @vue/cli For more information, refer to the official Vue CLI Installation Guide. vue create myvueapp cd myvueapp Frameworks Of the various Vue.