Flutter 3 - What's new for mobile app developers?
Flutter 3 was released - the next major version of Flutter! But despite the version number change, the number of changes for mobile app developers ...
Explore Our Coding Tutorials
We got 100% free, high-quality tutorials on dozens and hundreds of topics!
React: useTransition() vs useDeferredValue()
React 18 introduced the Concurrency concept and with it two new Hooks: useTransition() and useDeferredValue(). Understanding when to use which can ...
React 18 - Update Guide & What's New?
React 18 is the latest major React version released. It introduces many foundational concepts and yet does not require any major code changes.
Postgres: Start, Stop, Uninstall & Reset Password
Learn how you may stop or start or uninstall your Postgresql server - and how you may reset the root user password. For macOS & Windows!
MySQL: Start, Stop, Uninstall & Reset Password
Learn how you may stop or start or uninstall your MySQL server - and how you may reset the root user password. For macOS & Windows!
Making Sense Of Binary Numbers
Working with binary numbers doesn't have to be hard, even though most people are convinced that it is. Here's a understandable guide for everyone!
Floating Point Arithmetic & Precision
Fractional numbers can be hard for computers - and that can lead to unexpected results and errors when doing math with them. Hence understanding fl...
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
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 all the...
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 tha...
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.