Preventing email scraping
Tackling spam with base64 encoding and a few lines of JavaScript.
Content tagged with“JavaScript”
JavaScript and the DOM: Adding and removing classes
This is a quick look at JavaScript interaction based on my notes from Beginner JavaScript by Wes Bos.
Accessing HTML data attributes in JavaScript with dataSet
You can easily add custom data to any HTML element using custom data attributes. But how do you access those attributes using JavaScript?
Hoisting in Javascript
What exactly is hoisting? Hoisting allows you to access functions and variables before they have been created.
Getting started with Eleventy
Setting up an Eleventy website with a simple Sass pipeline using NPM scripts.
Process JSON data from the command line with JQ
jq is a handy little utility for processing JSON in the command line. It’s useful for turning it into a more readable format when using curl.
Building a navigation schema with Sanity
How to create a modular navigation builder. Modular, because you’ll be able to use it to create any number of navigations to use in your website or app.
Understanding JavaScript Arrow Function syntax
To understand the arrow function syntax, you need to get an understanding of a few different ways of expressing a function.
Understanding data types: boolean and equality
A boolean value is either true or false. Like a light switch it’s either on or off.
Understanding data types: null vs undefined
There are two ways to express nothing in JavaScript; null and undefined. But how do they differ?
Destroy all for loops
Making improvements to a todo list app using higher order functions and callback functions.
Click to delete
Notes taken from module 10 of Practical JavaScript, a free course by Gordon Zhu. In this part we create a way to delete todo items with a todo button.
Functions inside functions
5 different examples of using functions within functions. Lean about higher order functions and callback functions
Escape the Console
Version 9 of Practical Javascript course, learn how to leave the console behind and allow users to use the interface and return data to the screen
Getting data from inputs
Build a todo app with Javascript, learn how to refactor your code and grab data from inputs
Working with the Debugger
Debugging JavaScript using Debugger
HTML and the DOM
Build a todo app with Javascript,learn about the Document Object Model and begin building the front-end HTML to allow users to interface with our application
Data Types and Comparisons
Learn about the difference between objects and primatives in JavaScript.
Thinking in Code
Build a toggleAll method.
Loops for Logic
Build a todo app with Javascript, learn about using for loops for logic
Booleans
Build a todo app with Javascript, learn about Boolean values.
Objects
Objects allow you to group your functions together, so everything related to your todo list is in one place and easy to access.
Functions
Functions are like recipes; a set of instructions which can be given to someone so they know exactly what to do or how to make something.
Arrays
In programming, lists are called Arrays. Learn how to build an array and display items from the array in the console.
Send form data to an inbox using Zapier
A simple way to receive form data directly to your inbox using Webhooks and Zapier.