JavaScript

Window

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

Articles & Resources

JavaScript Functions

Scroll

Responsive Filter

This code sample shows how to create a responsive list filter using plain JavaScript (no jQuery). JavaScript gets the breakpoint value from a hidden css pseudo element that uses a media query to set its value. Therefore, it is not necessary to maintain rendundant responsive breakpoint values in the script.

querySelector

Node.js

A collection of useful Node.js resources.

Design Patterns

Design patterns are reusable solutions to commonly occurring problems in software design.

Addy Osmani

Responsive Filter (jQuery)

This code sample shows how to create a responsive list filter. JavaScript and jQuery fetch the breakpoint value from a hidden css pseudo element that sets the value. Therefore, it is not necessary to maintain rendundant responsive breakpoint values in the script.

jQuery

A collection of useful jQuery code snippets

Best Practices

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

Callback Functions


Sections

React

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

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.