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...
Explore Our Coding Tutorials
We got 100% free, high-quality tutorials on dozens and hundreds of topics!
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
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
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"?
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?
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
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?
'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
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
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 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
Learn how to get started with web components to build re-usable components (for all frameworks!) with vanilla JavaScript.
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
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.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
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
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
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
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
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
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?
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
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
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 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 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!
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
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
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
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
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
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
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
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)
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 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 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 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
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
React.js? Or Angular (2+)? Or Vue.js? Which one should you choose? Dive into top pros and cons!