Explore Our Coding Tutorials

We got 100% free, high-quality tutorials on dozens and hundreds of topics!

What is the DOM?

What is the DOM?

The DOM (Document Object Model) is a key concept and feature of browser-side JavaScript. It acts as a "bridge" between HTML and JavaScript code. Bu...

Using NextJS With Wordpress Headless CMS

Using NextJS With Wordpress Headless CMS

Do you want to edit the content of your apps without touching a single line of code? In this tutorial we'll explore Next.js, one of the best perfor...

Sending Emails with React & Cloud Functions

Sending Emails with React & Cloud Functions

Start sending automatically generated emails from your React apps without building a full backend API first. Use React with Firebase cloud function...

Adding Web Components To Any App

Adding Web Components To Any App

Web Components allow you to build your own re-usable HTML elements. Using them in library-based apps (React, Vue, Angular) may require extra setup ...

What are "Pure Functions" and "Side Effects"?

What are "Pure Functions" and "Side Effects"?

You might've heard about "pure functions". Maybe also about "side effects" or "impure functions". There is no wrong or right here - you will need a...

What is Composition in React.js, Angular or Vue Apps?

What is Composition in React.js, Angular or Vue Apps?

When working with modern frontend frameworks like Angular, React or Vue, you often work with a concept called "Composition". Even without knowing t...

Adding Pagination to ReactJS Apps

Adding Pagination to ReactJS Apps

When fetching data, you typically don't want to fetch all the data at once. React applications are no exception - thankfully, adding Pagination wit...

What is State in Programming?

What is State in Programming?

'State' is a term which you encounter a lot as a developer. But what is 'State'? It's neither a difficult concept, nor a React-specific one as it t...

Getting Started with Web Development in 2021

Getting Started with Web Development in 2021

Web development can be complex, so it might not look like it, but there actually IS a clear path that you can follow, when it comes to getting star...

Web Development Trends 2021

Web Development Trends 2021

Three top trends you should not miss in web development in 2021. Learn how to make the most out of 2021!

Ionic & Vue - Full Tutorial + App

Ionic & Vue - Full Tutorial + App

Ionic and Vue can be used together to build real native mobile apps with Vue.js code. In this tutorial, we'll build a complete Ionic + Vue app from...

An Introduction to Web Components

An Introduction to Web Components

Learn how to get started with web components to build re-usable components (for all frameworks!) with vanilla JavaScript.

Creating a Custom useForm Hook

Creating a Custom useForm Hook

Handling forms can always be a bit tricky in React apps. Let's build a custom React Hook that makes handling forms and form validation easier!

Create a Custom HTML + CSS Email Signature

Create a Custom HTML + CSS Email Signature

Styling Emails can be super annoying and difficult. Learn how it works by building your own HTML + CSS E-Mail signature.

Vue 3 - What's New?

Vue 3 - What's New?

Vue.js 3 is now final and out! It's (mostly) backward compatible but ships with many exciting improvements and new features which you have to know!

Composition API - Complete Introduction

Composition API - Complete Introduction

Vue 3 added the brand-new Composition API as an optional (!) alternative to the existing Options API. Using the Composition API is very easy and it...

The macOS Terminal (zsh) - Getting Started

The macOS Terminal (zsh) - Getting Started

How does the macOS terminal work, why should I use it and what's the difference between a Graphical User Interface (GUI) and a Command Line Interfa...

Adding Scroll-aware Navigation

Adding Scroll-aware Navigation

Learn how to build a navigation bar with JavaScript, where the active item is automatically highlighted as a user scrolls.

Introducing Scully: A Static Site Generator

Introducing Scully: A Static Site Generator

Scully let's you generate static sites based on Angular, utilizing all of Angular's power but still giving you ALL the SEO benefits static sites of...

Testing React.js Apps

Testing React.js Apps

Automated testing is an important yet often overlooked or skipped part of development. It's a shame because adding unit testing to React apps is ea...

Adding Dark Mode with CSS & JavaScript

Adding Dark Mode with CSS & JavaScript

Today, it's pretty much expected for a website to also offer dark mode - i.e. a darker presentation of the page. What might sound like a big requir...

XSS - What are Cross-Site Scripting Attacks?

XSS - What are Cross-Site Scripting Attacks?

Cross-Site Scripting Attacks (XSS Attacks) are amongst the most dangerous in web development. Here's how they work and how to defend.

XSS - localStorage vs Cookies

XSS - localStorage vs Cookies

Http-only cookies are NOT a good protection against cross-site-scripting (XSS) attacks. Here's why localStorage is equally good (and how to really ...

useEffect(), Http Requests & Aborting

useEffect(), Http Requests & Aborting

Sending a Http request with useEffect() might be trickier than you think - or did you consider aborting requests and avoiding race conditions?

Adding Flutter Push Notifcations to Flutter Apps

Adding Flutter Push Notifcations to Flutter Apps

Adding Push Notifications to Flutter apps involves a couple of steps and can be tricky. Here's a step-by-step guide.

Frontend vs Backend

Frontend vs Backend

Frontend and backend essentially split the work a modern web app does - here's a detailed guide on what happens where (and why).

Vanilla JavaScript first might NOT be best!

Vanilla JavaScript first might NOT be best!

When you learn JavaScript, you often hear that you need ALL the basics before you dive into a framework. I dare to disagree.

JS Functions Are Objects

JS Functions Are Objects

Unknown to many JavaScript developers, functions are objects in JS. This matters and has important implications which are discussed here.

Creating a Custom Suspense Component

Creating a Custom Suspense Component

React Suspense allows you to show a placeholder whilst other content or data is being loaded. Here's how you can build your own Suspense component.

Implementing Lazy Loading in Vue Apps

Implementing Lazy Loading in Vue Apps

Lazy loading can speed up the initial loading time of your Vue app, hence it's an important optimization. Here's how to use it correctly.

Understanding Lazy Loading

Understanding Lazy Loading

Lazy loading is a very useful pattern to optimize data fetching. It's quite common to load scripts and images lazily. Here's how it works.

Implementing Lazy Loading in React Apps

Implementing Lazy Loading in React Apps

Lazy loading can speed up the initial loading time of your React app, hence it's an important optimization. Here's how to use it correctly.

Implementing Lazy Loading in Angular Apps

Implementing Lazy Loading in Angular Apps

Lazy loading can speed up the initial loading time of your Angular app, hence it's an important optimization. Here's how to use it correctly.

Wix vs Web Developers

Wix vs Web Developers

Since anyone can build websites with services like Wix or Squarespace, the question is whether we still need web developers. Here's why we DO!

Understanding Cross-Site Resource Sharing (CORS)

Understanding Cross-Site Resource Sharing (CORS)

Cross-site Resource Sharing (CORS) errors are common and one of the most confusing things. They shouldn't be - it's easy!

D3.js - The Basics

D3.js - The Basics

D3.js is a great library for creating interactive visualizations in the web. In this mini series, we'll explore its basics!

Deno.js - A First Look

Deno.js - A First Look

Deno.js is the better Node.js. Or, at least, that's the goal. Here's what sets Deno apart from Node and my opinion on whether you should make the s...

JavaScript & Type Coercion

JavaScript & Type Coercion

JavaScript uses values of certain types and it freely converts between those types. That's called 'Type Coercion' and it can be tricky + lead to bugs

The Tricky Parts - Overview

The Tricky Parts - Overview

Dive into the most tricky parts of JavaScript to ensure you fully understand the this keyword, scope, hoisting, prototypes and much more!

Angular vs React vs Vue - My Thoughts

Angular vs React vs Vue - My Thoughts

React.js? Or Angular (2+)? Or Vue.js? Which one should you choose? Dive into top pros and cons!