rssed

The Path to Learn Web Development 🔗

Full-Stack TypeScript Stack vs Laravel-Rails 🔗

Will AI replace Web Developers? 🔗

Update on the 2025 Bootcamp 🔗

The AHA Stack 🔗

How to install shadcn-ui on latest Next.js beta-RC 🔗

Next.js, passing an id to a server action 🔗

Generating UUIDs in JavaScript with window.crypto.randomUUID() 🔗

How to get the Request headers in Next.js app router 🔗

use() and data fetching 🔗

An HTML element id is a global variable 🔗

Astro, set caching headers 🔗

Astro, set response header 🔗

Conditionally hide HTML elements based on HTMX request status 🔗

Next.js embed youtube video 🔗

Show-hide an element based on existence of a parent class in Tailwind 🔗

Some inputs to check for XSS issues 🔗

Using Cloudflare Turnstile on a Astro form 🔗

Using reCAPTCHA on a Astro form 🔗

What’s new in React 19 🔗

How to install Git on Linux (Ubuntu) 🔗

The Git Cheat Sheet 🔗

How to install Git on macOS 🔗

How to Install Git on Windows 🔗

Astro, when to use .astro or .ts files 🔗

Adding React Framer Motion animations to an Astro site 🔗

AI and the future of software developers 🔗

Searching for the perfect e-ink writing device 🔗

Benefits of using Git (and GitHub) as a solo dev 🔗

Git, what if you forgot to add a file to a commit? 🔗

Git, detached HEAD 🔗

Git, rebase vs merge 🔗

Git, squashing vs not squashing 🔗

Dynamic function name in JS 🔗

Run client-side JS in Astro MDX 🔗

Using Railway private networking 🔗

Fix “Too many redirects” error after enabling Cloudflare Proxy 🔗

Unregister service workers in Safari 🔗

Disabled form fields are not POSTed 🔗

How I fixed some trouble importing types in .d.ts files 🔗

Astro page layout and middleware execution order 🔗

Unterminated string literal 🔗

Using Astro locals 🔗

Why not write logic in Astro layouts 🔗

Fixing TS issues in VS Code - Astro 🔗

Pasting code snippets in Discord 🔗

regex select entire line starting with.. 🔗

Deploy to Fly via GitHub action 🔗

Simplicity 🔗

Why I use Alpine.js 🔗

Why I use htmx 🔗

Decide to render a partial or not dynamically in Astro 🔗

How to create a sidebar that’s sticky but also scrolls 🔗

Render different HTML based on HTTP method in Astro 🔗

Had an issue with bfcache 🔗

Dockerfiles used to deploy Astro and PocketBase on Railway 🔗

Deployment strategy on fly.io 🔗

Dockerfile to run Astro Node SSR on fly.io 🔗

Fix node modules import errors in VS Code 🔗

Fly.io, list all regions available 🔗

Run an app on fly.io 🔗

Run PocketBase on fly.io 🔗

htmx trigger request via JS event 🔗

Conditionally set an HTML attribute 🔗

Redirect to a link when user selects option in a select 🔗

How to implement file upload with drag and drop in vanilla JS 🔗

How to implement file upload with drag and drop with Alpine 🔗

htmx, include hidden input fields outside of a form 🔗

htmx send files using htmx.ajax() call 🔗

TypeScript declare a type that can be a string or array of strings 🔗

Cookie not being set in Safari 🔗

htmx forms and Astro View Transitions 🔗

How to disable 1Password in an input field 🔗

htmx + Alpine template tag 🔗

Set custom cookie in the header and then redirect in Astro 🔗

Why I use Astro 🔗

htmx, redirect after request 🔗

Fix error in tsconfig.json “cannot find type definition file for node” 🔗

How to automatically run Prettier on all files in a project 🔗

Customizing visited links 🔗

Google Recaptcha missing-input-secret 🔗

Running a recent Node version on DigitalOcean App platform 🔗

Connect to Postgres local vs Vercel Postgres with Kysely 🔗

Sending emails with nodemailer on Vercel 🔗

Set up Lucia Auth for local Postgres DB vs Vercel Postgres 🔗

Vercel Postgres, no transactions? 🔗

Change the color of a webpage dynamically using JS and CSS 🔗

How to reset Postgres SERIAL number 🔗

Astro, prerendering a single component in a SSR page 🔗

htmx and Astro View Transitions 🔗

HTMX, perform something on page load 🔗

Passing Astro components to React components 🔗

Use React component in Astro 🔗

Render app deploy stuck on in progress 🔗

How to destructure an object to an already defined variable 🔗

Fix extra space after inline element 🔗

How to fix an extra space displayed after an inline element in CSS [...]

Fix Node.js imports types errors in VS Code 🔗

Astro, fix .md in links 🔗

Astro, embed an image in markdown without relative path 🔗

Astro View Transitions and Dark Mode 🔗

Creating CLI commands in Laravel 🔗

Deploying a site to Laravel Forge 🔗

Only authenticated users can add items to the database 🔗

Setting up authentication using Laravel Breeze 🔗

Using Tailwind CSS with Laravel 🔗

Using forms to accept user input and store it into the database 🔗

Dynamic routes in Laravel 🔗

How to use migrations to create and modify the database schema 🔗

Connecting a database to Laravel 🔗

How to use Blade templates in Laravel 🔗

Introduction to Laravel 🔗

PHP print var_dump to error_log 🔗

Site deployed on Laravel Forge and DNS on cloudflare saying too many redirects after setting up SSL-TLS 🔗

How to use custom fonts with Tailwind CSS 🔗

SQL injection 🔗

How to click a link with a specific text with Puppeteer 🔗

How to do a screenshot using Puppeteer 🔗

CSRF (Cross Site Request Forgery) tutorial 🔗

Save some text to a file in Node.js 🔗

nodemailer, how to embed an image into an email 🔗

How to send an email using nodemailer 🔗

Restarting a Node process without file changes 🔗

How to update all npm packages in multiple projects that sit in subfolders 🔗

Fix “Module not found: Can't resolve encoding” in Next.js 🔗

Apply a style to a children with Tailwind 🔗

Fix Uncaught Error Objects are not valid as a React child 🔗

How to slugify a string in JavaScript 🔗

How to turn an image into a data URI string 🔗

How to get an image width and height using Node 🔗

Revalidation and ISR gotcha on Vercel 🔗

How to download an image from URL in Node 🔗

Fix the “Objects are not valid as a React child” error 🔗

How to add a simple dark mode 🔗

2023 blog redesign 🔗

How to ensure an image upload is smaller than a specific size 🔗

CSS, how to select elements that do NOT have a class 🔗

The valley of sorrow in learning programming 🔗

Notion API, how to retrieve the entries in a database 🔗

How to use ES modules in Netlify functions 🔗

How to return HTML from a Netlify function 🔗

Logging all the requests coming through an Express app 🔗

Axios crashes the Node.js process when the request fails 🔗

How to play a sound from the macOS command line 🔗

Persist aliases and other configuration in Fish Shell 🔗

SQL, copy data from one table to another 🔗

Vite Tutorial 🔗

Hiding classes in VS Code 🔗

What is SWC? 🔗

AppleScript by example, episode 1 🔗

How to concatenate strings in AppleScript 🔗

How to find the bundle ID of a Mac app 🔗

How to add an “Open in Terminal” icon in macOS Finder 🔗

How to add an “Open in VS Code” icon in macOS Finder 🔗

Ubuntu how to upgrade Node.js 🔗

How to add a path to Fish Shell 🔗

Notion API, update the icon emoji of a page 🔗

Notion API, update a checkbox value in a database 🔗

How to self-host Plausible analytics 🔗

Run a Node.js script from your macOS menu bar 🔗

JavaScript, how to remove multiple line breaks 🔗

Optimize images from a Node.js script 🔗

I removed Google Analytics from my blog 🔗

Calling the ImageOptim macOS app from a Node.js script 🔗

How to execute a shell command using Node.js 🔗

Notion API, select all pages with a specific emoji 🔗

How to trigger a Netlify-Vercel-Cloudflare Pages redeploy using a link 🔗

How to get retrieve all results of a regex with capturing groups in JS 🔗

A regular expression to capture a URL without query string parameters 🔗

Getting year-month-date from JS dates 🔗

How to use .env files in Node.js with import syntax 🔗

How to download and save an image using Node.js 🔗

Slugify a string in JavaScript 🔗

Using Vite to create a new React app 🔗

CSS box-sizing: border-box 🔗

How to access configuration values in Astro components 🔗

How to have a flex child not fill entire height 🔗

How to clone anything in JavaScript 🔗

Fish Shell, how to remove the welcome message 🔗

How to remove the “HWelcome to fish, the friendly interactive shell” message in Fish Shell [...]

How to remove the “Last login..” message from the shell 🔗

How to use import in Node.js 🔗

New website and redesign 🔗

How to embed YouTube videos using the correct aspect ratio 🔗

How to bulk convert file names using Node.js 🔗

How to replace all filenames with space with underscore using a shell script 🔗

You can’t generate classes dynamically in Tailwind 🔗

What's the best platform to deploy your projects? 🔗

MacBook Air or MacBook Pro for Web Development? 🔗

Why JavaScript is a great programming language for beginners 🔗

JavaScript or Python? 🔗

Software development has no gatekeeping 🔗

How to add leading zero to a number in JavaScript 🔗

Interfaces in Go 🔗

Methods in Go 🔗

Pointers in Go 🔗

Functions in Go 🔗

Structs in Go 🔗

Operators in Go 🔗

Conditionals in Go 🔗

Loops in Go 🔗

Maps in Go 🔗

Slices in Go 🔗

Arrays in Go 🔗

Strings in Go 🔗

Variables and types in Go 🔗

Introduction to Go workspaces 🔗

How to compile and run a Go program 🔗

How to create your first Go program 🔗

Introduction to the Go programming language 🔗

Deploying PHP applications 🔗

How to use Composer and Packagist in PHP 🔗

How to work with files/folders in PHP 🔗

How to use PHP Cookie-based Sessions 🔗

How to use Cookies in PHP 🔗

How to use HTTP Headers in PHP 🔗

How to use forms in PHP 🔗

Handling HTTP requests in PHP 🔗

How to use exceptions in PHP 🔗

How to deal with errors in PHP 🔗

How to create your first PHP program 🔗

How to set up PHP 🔗

How to learn programming 🔗

Start here if you want to become a programmer [...]

How to await in a loop in JavaScript 🔗

How to do an endless video stream 🔗

How to lazy load images in Hugo 🔗

JavaScript, how to get string until character 🔗

How to select the first child element with CSS 🔗

What to do if WebRTC on iOS shows a black box 🔗

Asking Google to index your page 🔗

Trigger deploys on Netlify with submodules 🔗

Using git submodules to have a portion of a website public 🔗

How to remove the first/last characters from a variable in a shell script 🔗

How to get current file name in Hugo without .md 🔗

How to get the current url in Hugo 🔗

How to fix "Your custom PostCSS configuration must export a `plugins` key." 🔗

How to repeat displaying something in JSX 🔗

Force download links in HTML 🔗

How to redirect to a new URL using JavaScript 🔗

HTML, avoid displaying a broken image if the image is not found 🔗

Hugo iterate pages of section 🔗

Hugo embed HTML in Markdown 🔗

How to add Tailwind to Hugo 🔗

How to fix an error in package.json after installing Prettier 🔗

Create multiple folders using Bash 🔗

Tracking file downloads from a website 🔗

How to fix prettier messing up your HTML on save 🔗

Search and replace in VS Code using Regular Expressions 🔗

How to fix Unknown at rule @tailwindcss (unknownAtRules) in VS Code 🔗

How to use Supabase as your PostgreSQL hosting 🔗

Where to host a PostgreSQL database 🔗

Let’s see some options to host your PostgreSQL database [...]

How to use the FormData object 🔗

Find out what is a FormData object and how to use it [...]

How to make sure your input field can only upload images 🔗

Fix uploading files using fetch and multipart/form-data 🔗

24 tips for beginner programmers 🔗

How to create ebooks with Markdown 🔗

My process for creating ebooks [...]

How to use useEffect callback with event callbacks 🔗

Fix a PostCSS Webpack error ruleSet rules oneOf... etc etc 🔗

How to fix the error `ruleSet[1].rules[3].oneOf[8].use[2]!./styles/globals.css cannot find module` [...]

How to update your Ubuntu server packages 🔗

Syntax highlight any block on a Web Page 🔗

How to hide a file or folder in macOS Finder 🔗

Take screenshots as JPG on macOS 🔗

How to change image URLs in a markdown string 🔗

How to run a script build time in Next.js 🔗

How to deep copy JavaScript objects using structuredClone 🔗

The modern way to deep copy a JavaScript variable [...]

How to fix the ffmpeg not found error with youtube-dl 🔗

Node.js get all files in a folder recursively 🔗

How do you list all the files in a folder in Node.js? [...]

How to use the Node.js fs module with async/await 🔗

How to fix an issue installing Node `canvas` on macOS 🔗

How to fix a node-pre-gyp install issue installing the Node.js canvas library on macOS [...]

How to fix the objectID required error on Algolia 🔗

How to define an auto increment primary key in PostgreSQL 🔗

How to fix PostgreSQL saying "relation does not exist" 🔗

A quick explanation of how to solve PostgreSQL saying relation does not exist [...]

How to dynamically import JavaScript modules 🔗

Find out how to import a JavaScript module dynamically [...]

How to remove the shadow from window screenshots in macOS 🔗

How to quickly create a Windows 10 computer on AWS 🔗

Use AWS WorkSpaces to quickly create a Windows 10 computer on the Cloud [...]

Why does useEffect run two times? 🔗

How to fix the useEffect runs twice problem [...]

How to loop over an array in Bash 🔗

Find out how to loop over an array in Bash [...]

How to fix the "Parse failure: Unterminated string constant" error 🔗

How to fix error serializing Date object JSON in Next.js 🔗

Learn why you get the JSON serializable error in Next.js when you return an object with a date and how to fix it [...]

How to list files in a folder in Node 🔗

How do you get an array with the list of the files contained in a folder in Node.js? [...]

How to empty a folder in Node.js 🔗

How to remove all files from a directory in Node.js [...]

How to create a function in a Bash shell script 🔗

How to solve the document is not defined error 🔗

How to set up a cron job that runs a Node.js app 🔗

Find out how to set up a cron job that runs a Node.js app [...]

How to set the fragment part of a URL 🔗

Learn how to set the value of the fragment portion of a URL [...]

How to get the fragment part of a URL 🔗

Learn how to get the value of the fragment portion of a URL [...]

npm can install packages in the parent folder 🔗

Learn how to fix an issue that can happen with installing npm packages [...]

JavaScript, how to get the class name of an object 🔗

If you have an object that's generated from a class, and you want to get its class name. How can you do so? [...]

How to set up "cloud cron jobs" using Netlify Scheduled Functions 🔗

Find out how to set up Netlify Scheduled Functions [...]

How to set the current working directory of a Node.js program 🔗

Find out how to serve an `index.html` HTML page using Node.js with no dependencies [...]

How to automatically format Astro files in VS Code using Prettier 🔗

Find out how to use Prettier to format .astro files in VS Code [...]

How to fix decimals arithmetic in JavaScript 🔗

Find out how to fix decimals arithmetic in JavaScript [...]

referenceerror: window is not defined, how to solve 🔗

Find out how to fix the error referenceerror: window is not defined [...]

How to stick an element on the bottom of the page with flexbox 🔗

Here is how to stick a div to the bottom of the page. [...]

How to use Netlify Edge Functions 🔗

A hands-on guide to Netlify Edge Functions [...]

How to set up Git and GitHub from Zero 🔗

A tutorial on how to set up Git and GitHub from scratch [...]

How to fix the error "unexpected token "{". import call expects exactly one argument" 🔗

Here is how to fix the error SyntaxError: Unexpected token '{'. import call expects exactly one argument. [...]

How to fix "cannot use import statement outside a module" 🔗

Here is how to fix the error Uncaught SyntaxError: cannot use import statement outside a module in JavaScript. [...]

How to fix "__dirname is not defined in ES module scope" 🔗

Here is how to fix the "__dirname is not defined in ES module scope" error [...]

What's the use of the hashtag # (number sign) in the links? 🔗

How to fix tsconfig.json "No inputs were found in config file" error 🔗

`npm run dev` is a long-running program 🔗

How to create a IAM user in AWS 🔗

How to upload an image to S3 using Node.js 🔗

Blank page after router.push() in Next.js? 🔗

How to solve the blank page after you programmatically call router.push() in Next.js? [...]

How to add days to a date in JavaScript 🔗

How do you get a date object representing 10 days from now? Or one week? Or one month? [...]

How to test Netlify Functions locally 🔗

How to debug JavaScript code 🔗

A tutorial on how to use debugging to solve any JavaScript problem [...]

Roadmap to become a Web Developer in 2022 🔗

Build a REST API using Node.js, Express and MongoDB 🔗

How to use Redis from Node.js 🔗

Introduction to Programming 🔗

How to prepare for a software engineer job interview 🔗

How to find a job as a software engineer 🔗

Tips and strategies to get your first programming job [...]

Prepare for technical interview questions 🔗

An introduction to what you might be asked at the interview [...]

Learn how to find solutions and ask for help 🔗

A special skill you need to develop is how to find solutions, and when you don't find them yourself, how to ask for help [...]

Soft skills to thrive as a software developer 🔗

Become a great Dev Team Member 🔗

How to be a great fit into a team environment [...]

How to manage software projects 🔗

How to authenticate to GitHub using username and password 🔗

What is a webhook? 🔗

How to enable the CarPlay menu on the iPhone 🔗

Fetching data from the network in Astro 🔗

Where do you see yourself in 5 years? 🔗

Introduction to Remix 🔗

How to have an image show up when sharing links to your site 🔗

How do you make an image show up when you share your site links on social media? Let's find out! [...]

How to set GitHub credentials for macOS 🔗

I bought bootcamp.dev 🔗

Moving a simple site to Astro 🔗

How to add a Git remote 🔗

Building composable layouts in Astro 🔗

Astro Props 🔗

How I built a dashboard for the iPad with JavaScript 🔗

Astro Components 🔗

Introduction to Astro 🔗

From no-code to some-code 🔗

How to make an hr invisible 🔗

Review of the 2021 MacBook Pro 14" 🔗

How to download a file from a server using the terminal 🔗

Convert an image or resize it using macOS Shortcuts 🔗

I moved my course platform to Notion 🔗

Why Safari is a great browser 🔗

Remove EXIF data from images 🔗

Low data mode 🔗

A way to set up automations in macOS easily 🔗

How do I update my website using the iPad 🔗

How to solve the most common "learning to code" problems 🔗

Reverting a file to a previous version, on a Mac 🔗

How to add search to a Ghost site 🔗

Swift: How to use SF Symbols 🔗

SwiftUI: the Label view 🔗

SwiftUI: how to create a Tab View 🔗

SwiftUI: the NavigationView view 🔗

SwiftUI: formatting decimals in Text view 🔗

SwiftUI: conditionally show items in the view 🔗

SwiftUI forms: DatePicker 🔗

SwiftUI forms: Stepper 🔗

SwiftUI forms: Slider 🔗

SwiftUI forms: Picker 🔗

SwiftUI forms: Toggle 🔗

SwiftUI forms: TextField 🔗

SwiftUI forms 🔗

SwiftUI: the ForEach view 🔗

SwiftUI: the List view 🔗

How do you manage to learn several languages? 🔗

SwiftUI: images 🔗

SwiftUI: alert messages 🔗

SwiftUI: the Button view and updating the app state 🔗

SwiftUI: properties 🔗

SwiftUI: spacing 🔗

SwiftUI: stacks and groups 🔗

SwiftUI: exploring views and modifiers 🔗

Introduction to SwiftUI 🔗

Swift Modules 🔗

Why iOS 🔗

Some thoughts on SwiftUI 🔗

Don't hop from one language to another 🔗

Introduction to Swift and iOS development for Web developers 🔗

How to become a Web Developer in 2021 🔗

How to make the jump and become a developer 🔗

Installing iOS and Mac beta releases 🔗

How to join the Apple Developer Program 🔗

Control a browser game with Arduino and a joystick via Johnny Five 🔗

Tsundoku 🔗

Learning to code takes time 🔗

I don't want to manage your data 🔗

Read values from an Arduino via HTTP 🔗

How to fix the Fish shell error terminated by signal SIGKILL (Forced quit) 🔗

PostgreSQL, fix the `psql: error: could not connect to server` error 🔗

Scraping with Puppeteer 🔗

A practical example of using Puppeteer [...]

What's bad with freelancing 🔗

How I set up a Next.js project structure 🔗

The best stack might be the one you know best. Or maybe not. 🔗

The past was not the past you imagine 🔗

Calculating Ah from Watts 🔗

Using multiple fields for a unique key in Prisma 🔗

How to create a PostgreSQL database 🔗

Fish Shell, how to avoid recording commands to history 🔗

How to conditionally load data with SWR 🔗

How to use SWR 🔗

A short SWR tutorial [...]

How to make an element smaller or bigger with CSS 🔗

Clear the terminal in VS Code 🔗

How to create a platform game with Phaser.js 🔗

How to copy the properties of an inner object to the outer 🔗

Waking up (not so) early 🔗

React DOM events on components 🔗

Prisma, how to reverse order 🔗

Prisma, how to clear the database 🔗

Prisma relations 🔗

React, how to make responsive JSX 🔗

Change the Heroicons SVG stroke width in React 🔗

React, how to dynamically choose a component to render 🔗

Next.js, how to fix the error `Constructor requires 'new' operator` 🔗

Setup your website to allow full-screen on iOS 🔗

How to use Prisma 🔗

A Prisma tutorial [...]

How to fix the Homebrew error `Permission denied @ apply2files` 🔗

TypeScript, disable checks for `declared but its value is never read` 🔗

Music for programming 🔗

Acronyms in Web Development 🔗

Preserving white space and line breaks in a string in HTML 🔗

How to solve the `prisma/client did not initialize yet` error on Vercel 🔗

Next.js, fix the `module not found` error 🔗

Next.js, blank page after calling `res.redirect()` 🔗

How to parse Markdown in Next.js 🔗

How to add Google Analytics 4 to Next.js 🔗

How to upload files in a Next.js form 🔗

Next.js, adding features just to development mode 🔗

How to make features available in development mode, while hiding them in production [...]

Next.js, how to open a link in a new window 🔗

How to make your S3 buckets public 🔗

How to upload files to S3 from Node.js 🔗

How to convert a callback into async/await 🔗

How to get the file extension in Node.js from the MIME type 🔗

How to get the file extension in Node.js 🔗

React, how to fix the TypeError: resolver is not a function error 🔗

How to add ReCaptcha to a Next.js form 🔗

React, how to make a checked checkbox editable 🔗

How to add a checkbox that defaults to checked but it's editable in React [...]

Swift, how to get a random item from an array 🔗

How to shuffle an array in Swift 🔗

Swift Operators Precedence and Associativity 🔗

Swift Protocols 🔗

Swift Functions 🔗

Swift Classes 🔗

Swift Structures 🔗

Swift Enumerations 🔗

Swift Optionals and `nil` 🔗

Swift Tuples 🔗

Swift Dictionaries 🔗

Swift Sets 🔗

Arrays in Swift 🔗

Booleans in Swift 🔗

Strings in Swift 🔗

Numbers in Swift 🔗

Semicolons in Swift 🔗

Swift Comments 🔗

Swift Loops Control Transfer Statements 🔗

Swift Loops: `repeat-while` 🔗

Swift Loops: `while` 🔗

Swift Loops: `for-in` 🔗

Swift Conditionals: ternary conditional 🔗

Swift Conditionals: `switch` 🔗

Swift Conditionals: `if` 🔗

Swift Operators 🔗

Swift Objects 🔗

Swift Variables 🔗

Introduction to the Swift programming language 🔗

Next.js Email Authentication using NextAuth 🔗

How to cache data in Next.js globally across all pages at build time 🔗

How to fix the `Already 10 Prisma Clients are actively running` error 🔗

How to fix the error `PrismaClient is unable to be run in the browser` in Next.js 🔗

CSS Border inside the element 🔗

How to solve the `TypeError: Attempted to assign to readonly property` error 🔗

Absolute imports in Next.js 🔗

How to programmatically change a route in Next.js 🔗

How to force a page refresh in Next.js 🔗

Next.js how to show something in development and hide in production 🔗

Next.js, what to do when the state of a component is not refreshed when navigating 🔗

How to align center vertically using Tailwind 🔗

How to fix the `can't resolve module` error in Next.js 🔗

How to create an empty SQLite database 🔗

How to fix the `unable to resolve dependency tree` PostCSS and Tailwind issue in Next.js 🔗

How to solve the `unable to resolve dependency tree` error while installing Tailwind in a Next.js website [...]

How to fix the `Upload preset not found` error in Cloudinary 🔗

How to push to 2 repositories at the same time and keep them in sync 🔗

Johnny Five, receiving input from the device 🔗

Johnny Five, how to use a REPL 🔗

Johnny Five, how to work with an LCD Screen 🔗

Johnny Five, how to light a LED 🔗

Learn how to talk to electronic devices using JavaScript [...]

Phaser: collisions and screen boundaries 🔗

Phaser: Physics 🔗

Phaser: Multiple scenes 🔗

Phaser: Animations 🔗

Phaser: Sprites 🔗

Phaser: Playing sounds 🔗

Phaser: Keyboard events 🔗

Phaser: Mouse input 🔗

Phaser: The game loop 🔗

Phaser: Adding images 🔗

Phaser: GameObjects 🔗

Phaser: Scenes 🔗

Phaser: The Canvas 🔗

Johnny Five Tutorial 🔗

Learn how to talk to electronic devices using JavaScript [...]

Ideas are like fish, both stink after three days 🔗

Ideas 🔗

How to use window.confirm() 🔗

How to use the confirm() API offered by browsers to let the user confirm [...]

How to use window.prompt() 🔗

How to use the prompt() API offered by browsers to let the user decide something [...]

How to apply padding to multiple lines in CSS 🔗

How I used the box-decoration-break CSS property to apply padding to multiple lines [...]

How I solved RSI Repetitive Strain Injury 🔗

Django in VS Code, fix the error `Unable to import django.db` 🔗

Fix the error `Rails is not currently installed on this system` on macOS 🔗

Arduino project: light the built-in LED using your browser 🔗

Arduino project: control a servo motor with a potentiometer 🔗

Arduino Serial Communication 🔗

Arduino: using libraries 🔗

Arduino project: the map() function 🔗

Arduino project: build a digital thermometer 🔗

Arduino project: the tone() function 🔗

Arduino project: the analogWrite() function and PWM 🔗

Arduino project: use an active buzzer 🔗

Arduino project: use a passive buzzer 🔗

Arduino project: read analog input 🔗

Arduino project: read a digital input 🔗

Electronic Project: Build a voltage divider 🔗

Electronic Project: Build a LED dimmer with a potentiometer 🔗

Electronic components: Servo Motors 🔗

Electronic components: the DHT11 temperature and humidity sensor 🔗

Electronic components: the 1602 LCD Display 🔗

Electronic components: Analog Joystick 🔗

Electronic components: Buzzers 🔗

Electronic components: Potentiometers 🔗

Electronic components: RGB LEDs 🔗

Electronic components: Diodes 🔗

Electronic components: LEDs 🔗

Electronic components: Buttons 🔗

Electronic components: Resistors 🔗

How to Fix the "Your CLT does not support macOS 11" error in macOS 🔗

The easy-peasy React state management library 🔗

How to automatically cut silence in videos 🔗

How to use pm2 to serve a Node.js app 🔗

An introduction on how to manage Node processes on Linux and auto-restart them through GitHub webhooks [...]

How to check if a variable is a number in Python 🔗

How to check if a variable is a string in Python 🔗

How to use Python reduce() 🔗

How to use Python filter() 🔗

How to use Python map() 🔗

Introduction to multithreading in Python 🔗

Powering an Arduino with a power bank 🔗

The PEP8 Python style guide 🔗

Python Ternary Operator 🔗

Python Operator Overloading 🔗

Python Polymorphism 🔗

Python Constants 🔗

Python Enums 🔗

How to check the current Python version 🔗

How to install Pygame Zero on macOS 🔗

Beginning GUI Programming in Python with `tkinter` 🔗

Python List comprehensions 🔗

Regular Expressions in Python 🔗

Python, how to write to a file 🔗

Python, create a TCP server 🔗

Python, create a Web (HTTP) server 🔗

How to host a Web Application using DigitalOcean Apps 🔗

React Router, why useLocation and useHistory might return undefined 🔗

React Router, how to get data from a dynamic route 🔗

Wait for all promises to resolve in JavaScript 🔗

How to wait for multiple promises (using await) to all resolve [...]

React, edit text on doubleclick 🔗

How to edit some part of a page when double clicked, with React [...]

React, focus an item in React when added to the DOM 🔗

How to focus an item in React as soon as added to the DOM` [...]

Python, read the content of a file 🔗

Python, installing 3rd party packages using `pip` 🔗

Python, create a network request 🔗

Python, the `with` statement 🔗

Python, how to create an empty file 🔗

Python, how to create a directory 🔗

Python Exceptions 🔗

Python, how to check if a file or directory exists 🔗

Python, how to get the details of a file 🔗

Python, how to check if a number is odd or even 🔗

Python, how to list files and folders in a directory 🔗

Python Annotations 🔗

Python Introspection 🔗

Python Docstrings 🔗

Python Decorators 🔗

Python, how to create a list from a string 🔗

How to remove a Git remote 🔗

How to run a Web Server on an Arduino 🔗

How to connect to a WiFi network using an Arduino 🔗

The Arduino Create Platform 🔗

How I deleted all my old tweets using Python 🔗

How to update Pi-hole 🔗

Use a GoPro as a remote webcam using Python 🔗

Python Virtual Environments 🔗

Python Closures 🔗

Python Lambda Functions 🔗

Python Nested Functions 🔗

Python Recursion 🔗

Python, accept arguments from command line 🔗

Python variables scope 🔗

Debugging Python 🔗

The Python Standard Library 🔗

Breadboard Power Supply Module 🔗

The Arduino built-in LED 🔗

Arduino project: blink a LED 🔗

What to buy to get started with Arduino and Electronics 🔗

Measuring voltage, current and resistance using a multimeter 🔗

Python Classes 🔗

Defining new objects in Python using classes [...]

Python Modules 🔗

Python Loops 🔗

Python Objects 🔗

Python Functions 🔗

Python Dictionaries 🔗

Python Sets 🔗

Python Tuples 🔗

Electronics Basics: using a multimeter 🔗

How to measure voltage, current and resistance using a multimeter [...]

Electronics Basics: Prototyping using breadboards 🔗

Electronics Basics: Your first circuit 🔗

Electronics Basics: Short Circuit 🔗

Electronics Basics: Resistance 🔗

Electronics Basics: Vcc, ground, ... 🔗

Electronics Basics: Voltage 🔗

Electronics Basics: Current 🔗

Electronics Basics: Analog vs digital 🔗

Introduction to Electronics 🔗

Introduction to the new series on electronics [...]

Python Lists 🔗

Python Control Statements 🔗

Python, Accepting Input 🔗

Python Numbers 🔗

Python Booleans 🔗

Python Strings 🔗

Python Operators 🔗

Python Data Types 🔗

The basics of working with Python 🔗

Python 2 vs Python 3 🔗

Running Python programs 🔗

How to run programs written in Python [...]

Installing Python 3 on macOS 🔗

A how-to guide on installing the latest version of Python on your Mac [...]

Introduction to Python 🔗

Introduction to the Python Programming Language Series [...]

JavaScript Algorithms: Bubble Sort 🔗

JavaScript Algorithms: Merge Sort 🔗

JavaScript Algorithms: Quicksort 🔗

JavaScript Algorithms: Selection Sort 🔗

JavaScript Algorithms: Binary Search 🔗

JavaScript Algorithms: Linear Search 🔗

Algorithm Complexity and Big O Notation 🔗

JavaScript, how to replace an item of an array 🔗

How to use Netcat 🔗

JavaScript, how to find duplicates in an array 🔗

How to find and remove duplicates in a JavaScript array [...]

JavaScript, how to extend a class 🔗

How to extend a class in JavaScript [...]

JavaScript, how to filter an array 🔗

How to filter an array in JavaScript [...]

JavaScript, how to find a character in a string 🔗

How do you find a character in a string, using JavaScript? [...]

JavaScript, how to exit a function 🔗

How to quickly end a JavaScript function, in the middle of it [...]

JavaScript, how to export multiple functions 🔗

How to export multiple functions from a JavaScript file [...]

JavaScript, how to export a function 🔗

How to export a function from a JavaScript file [...]

JavaScript Data Structures: Linked lists 🔗

JavaScript Data Structures: Queue 🔗

Linux, no space left on device 🔗

A short guide to nano 🔗

A short guide to emacs 🔗

A short guide to vim 🔗

A short guide to the ed editor 🔗

The Stack JavaScript Data Structure 🔗

The Array JavaScript Data Structure 🔗

How to remove all items from a MongoDB collection 🔗

How to insert multiple items at once in a MongoDB collection 🔗

How to move around blocks of code with React and Tailwind 🔗

Using useState with an object: how to update 🔗

How to destructure an object to existing variables in JavaScript 🔗

Can I use React hooks inside a conditional? 🔗

How to fix the "cannot update a component while rendering a different component" error in React 🔗

A quick guide to how I solved a confusing React error [...]

How to fix the: "EMFILE: too many open files, watch" error in macOS 🔗

A quick guide to how I solved a confusing React Native error [...]

How to fix the `iphoneos cannot be located` error in macOS 🔗

A quick guide to how I solved a confusing React Native error [...]

How to solve the "unrecognized command run-ios" error with React Native 🔗

A quick guide to how I solved a confusing React Native error [...]

Linux commands: env 🔗

A quick guide to the `env` command, used to run commands and interact with environment variables [...]

Linux commands: printenv 🔗

A quick guide to the `printenv` command, used to print the values of environment variables [...]

Linux commands: basename 🔗

A quick guide to the `basename` command, used to return the filename portion of a path [...]

Linux commands: dirname 🔗

A quick guide to the `dirname` command, used to get the directory portion of a path [...]

Linux commands: crontab 🔗

A quick guide to the `crontab` command, used to schedule cron jobs [...]

Linux commands: export 🔗

A quick guide to the `export` command, used to export variables to child processes [...]

Linux commands: tar 🔗

A quick guide to the `tar` command, used to archive files [...]

Linux commands: traceroute 🔗

A quick guide to the `traceroute` command, used to list all the nodes traversed to reach a host [...]

Linux commands: ping 🔗

A quick guide to the `ping` command, used to ping a network host [...]

Linux commands: gunzip 🔗

A quick guide to the `gunzip` command, used to unzip gzipped files [...]

Linux commands: gzip 🔗

A quick guide to the `gzip` command, used to compress a file [...]

Linux commands: xargs 🔗

A quick guide to the `xargs` command, used to pass output of a command and use it as argument to another command [...]

Linux commands: df 🔗

A quick guide to the `df` command, used to get disk usage information [...]

Linux commands: nohup 🔗

A quick guide to the `nohup` command, used to run a command that does not end when the terminal is killed [...]

Linux commands: diff 🔗

A quick guide to the `diff` command, used to compare files and directories [...]

Linux commands: uniq 🔗

A quick guide to the `uniq` command, used to work with duplicate records/lines in text [...]

Linux commands: sort 🔗

A quick guide to the `sort` command, used to sort records/lines of text [...]

Linux commands: uname 🔗

A quick guide to the `uname` command, used to print details about the current machine and the operating system running on it [...]

Linux commands: man 🔗

A quick guide to the `man` command, used to learn how to use command line commands [...]

Linux commands: grep 🔗

A quick guide to the `grep` command, used to match patterns in text [...]

Linux commands: umask 🔗

A quick guide to the `umask` command, used to set the default permissions of files [...]

Linux commands: du 🔗

A quick guide to the `du` command, used to calculate the space usage of files and directories [...]

Linux commands: history 🔗

A quick guide to the `history` command, used to view the command line history [...]

Linux commands: wc 🔗

A quick guide to the `wc` command, used to count lines, words or bytes [...]

Linux commands: open 🔗

A quick guide to the `open` command, used to open files, directories and applications [...]

Linux commands: passwd 🔗

A quick guide to the `passwd` command, used to change a user's password [...]

Linux commands: chmod 🔗

A quick guide to the `chmod` command, used to change the file mode [...]

Linux commands: chown 🔗

A quick guide to the `chown` command, used to change the owner of a file [...]

Linux commands: sudo 🔗

A quick guide to the `sudo` command, used to run a command as another user [...]

Linux commands: su 🔗

A quick guide to the `su` command, used to switch the shell to another user [...]

Linux commands: clear 🔗

A quick guide to the `clear` command, used to clear the screen of the terminal. [...]

Linux commands: who 🔗

A quick guide to the `who` command, used to show the users logged to the system [...]

Linux commands: whoami 🔗

A quick guide to the `whoami` command, used to print the current user name [...]

Linux commands: which 🔗

A quick guide to the `which` command, used to show where the command is stored [...]

Linux commands: type 🔗

A quick guide to the `type` command, used to determine the _kind_ of a command [...]

Linux commands: fg 🔗

A quick guide to the `fg` command, used to put a job that's running in the background to the foreground [...]

Linux commands: bg 🔗

A quick guide to the `bg` command, used to resume a job that's been suspended [...]

Linux commands: jobs 🔗

A quick guide to the `jobs` command, used to list the status of the jobs we started [...]

Linux commands: alias 🔗

A quick guide to the `alias` command, used to create a shortcut to another command [...]

Linux commands: killall 🔗

A quick guide to the `killall` command, used to send signals to multiple processes currently running [...]

Linux commands: kill 🔗

A quick guide to the `kill` command, used to send a signal to a process currently running [...]

Linux commands: top 🔗

A quick guide to the `top` command, used to list the processes running in real time [...]

Linux commands: echo 🔗

A quick guide to the `echo` command, used to print the argument passed to it [...]

Linux commands: ps 🔗

A quick guide to the `ps` command, used to list the processes currently running in the system [...]

Linux commands: ln 🔗

A quick guide to the `ln` command, used to create links in the filesystem [...]

Linux commands: find 🔗

A quick guide to the find command, used to find files and folders on the filesystem [...]

Linux commands: cat 🔗

A quick guide to the cat command, used to add content to a file [...]

Linux commands: touch 🔗

A quick guide to the touch command, used to create an empty file [...]

Linux commands: tail 🔗

A quick guide to the tail command, used to watch files for changes [...]

Linux commands: less 🔗

A quick guide to the less command, used to show the content of a file [...]

Linux commands: cp 🔗

A quick guide to the cp command, used to move files and folders [...]

Linux commands: mv 🔗

A quick guide to the mv command, used to move files and folders [...]

Linux commands: ls 🔗

A quick guide to the ls command, used to list the files in a folder [...]

Linux commands: rmdir 🔗

A quick guide to the rmdir command, used to remove a folder [...]

Linux commands: pwd 🔗

A quick guide to the pwd command, used to check the current working directory [...]

Linux commands: cd 🔗

A quick guide to the cd command, used to change folder [...]

Linux commands: mkdir 🔗

A quick guide to the mkdir command, used to create folders [...]

How to test for an empty object in JavaScript 🔗

How to set up hot reload on Electron 🔗

How to change a Next.js app port 🔗

Learn how to change the port that Next.js runs on in development mode [...]

How to create your first VPS on DigitalOcean 🔗

A complete guide from zero to having a DigitalOcean VPS [...]

How to get the index of an item in a JavaScript array 🔗

Here is how to retrieve the index of an item in a JS array based on its value [...]

What is a reverse proxy? 🔗

Find out what is a reverse proxy and what is it useful for! [...]

How to solve the `util.pump is not a function` error in Node.js 🔗

Find out how to solve the `util.pump is not a function` error that might happen when trying to run old Node code [...]

Serve an HTML page using Node.js 🔗

Find out how to serve an `index.html` HTML page using Node.js with no dependencies [...]

Gatsby, fix the "cannot find module gatsby-cli/lib/reporter" error 🔗

How I fixed a weird Error: Cannot find module gatsby-cli/lib/reporter error I got while creating a Gatsby site [...]

How to find the process that is using a port 🔗

A simple nginx reverse proxy for serving multiple Node.js apps from subfolders 🔗

How to configure Nginx for HTTPS 🔗

How to set up HTTPS on your Web Server using Let's Encrypt [...]

How to add an item at the beginning of an array in JavaScript 🔗

How I fixed a "cb.apply is not a function" error while using Gitbook 🔗

How to swap two array elements in JavaScript 🔗

How to configure HTTPS in a React app on localhost 🔗

How to simulate a for loop in Svelte templates 🔗

How to redirect to a URL in Sapper 🔗

How to dynamically apply CSS in Svelte 🔗

How to access a URL parameter in Sapper outside of script module 🔗

How to generate a local SSL certificate 🔗

How to install a local SSL certificate in macOS 🔗

How to use Sequelize to interact with PostgreSQL 🔗

Redis Publish/subscribe 🔗

How to use Redis Hashes 🔗

How to use Redis Sorted Lists 🔗

Using Redis Sets 🔗

Redis Lists 🔗

First steps with Redis 🔗

How to install Redis 🔗

Introduction to Redis 🔗

How to handle promise rejections 🔗

Introduction to Linux 🔗

Updating a deployed container based on a Docker image 🔗

How to commit changes to a Docker image 🔗

How to access files outside a Docker container 🔗

Sharing Docker Images on Docker Hub 🔗

Working with Docker Images from the command line 🔗

Working with Docker Containers from the command line 🔗

What to do if a Docker container immediately exits 🔗

Create a simple Node.js Hello World Docker Container from scratch 🔗

The difference between Frontend and Backend Web Development 🔗

Using Docker Desktop to manage a Container 🔗

First steps with Docker after the installation 🔗

Installing Docker on macOS 🔗

Dockerfiles 🔗

What is a Dockerfile and how to use it [...]

Introduction to Docker Containers 🔗

Introduction to Docker Images 🔗

Introduction to Docker 🔗

The Command Line for Complete Beginners 🔗

Introduction to using command line if you're a complete beginner [...]

How to use Google Fonts 🔗

Chaining method calls in JavaScript 🔗

A curious usage of commas in JavaScript 🔗

Namespaces in JavaScript 🔗

How to reset a form 🔗

Custom errors in JavaScript 🔗

Custom events in JavaScript 🔗

Are values passed by reference or by value in JavaScript? 🔗

Introduction to XState 🔗

An overview the XState Finite State Machines JavaScript Library [...]

The JavaScript super keyword 🔗

Event delegation in the browser using vanilla JavaScript 🔗

JavaScript Proxy Objects 🔗

How to accept unlimited parameters in a JavaScript function 🔗

How is it possible to have a function that accepts an unlimited number of parameters? [...]

How to check if a value is a number in JavaScript 🔗

How is it possible to determine if a variable value is a number? [...]

How to reverse a JavaScript array 🔗

The importance of timing when working with the DOM 🔗

How to change commas into dots with JavaScript 🔗

How to remove empty lines in VS Code 🔗

What is hoisting in JavaScript? 🔗

A brief explanation to what hoisting means in the JavaScript programming language [...]

What is object destructuring in JavaScript? 🔗

What does "object destructuring" mean and what is the result of a destructuring operation? [...]

The JavaScript for..of loop 🔗

What are the ways we can break out of a loop in JavaScript? 🔗

What's the difference between a method and a function? 🔗

What is a method? And what is a function? What's the difference? [...]

What is the difference between null and undefined in JavaScript? 🔗

In which ways can we access the value of a property of an object? 🔗

How to check the current Node.js version at runtime 🔗

Arrow functions vs regular functions in JavaScript 🔗

How are arrow functions different than regular functions in JS? [...]

How to return multiple values from a function in JavaScript 🔗

Functions return only one value. How can we simulate returning multiple values from a function? [...]

How can you tell what type a value is, in JavaScript? 🔗

Primitive types vs objects in JavaScript 🔗

What is the main difference between primitive types and objects in JavaScript? [...]

I love books 🔗

Software is a superpower 🔗

DOM events: stopPropagation vs preventDefault() vs. return false 🔗

Which one to use between `event.stopPropagation()`, `event.preventDefault()` and `return false` in events [...]

Event bubbling and event capturing 🔗

Discover how event bubbling and event capturing work in JavaScript [...]

How to check if a key exists in a JavaScript object 🔗

How to shuffle elements in a JavaScript array 🔗

How I use text expanding to save time 🔗

Optimizing common email or other communication tasks [...]

How to get the last segment of a path or URL using JavaScript 🔗

How to use npm packages in Netlify Functions 🔗

How to use environment variables in Netlify functions 🔗

A short guide on how to use environment variables in Netlify functions [...]

How to access query parameters in Netlify functions 🔗

How to create a staging version of your site 🔗

A step-by-step tutorial on deploying a version of your website based on a GitHub Pull Request on Netlify [...]

How to store passwords in the database 🔗

How to add an image to the DOM using JavaScript 🔗

GraphQL API vs REST API 🔗

The main differences between REST and GraphQL and when it's best to use one vs the other [...]

How to fix the Chrome blue noise/lines rendering problem 🔗

How to start freelancing as a developer 🔗

This is my little Digital Garden 🔗

How to go from tutorials to your own project 🔗

When is it time to move on from reading/watching tutorials and work on something? [...]

Changing the favicon in dark mode 🔗

How to display a different favicon in dark or light mode [...]

Squashing Git commits 🔗

The Deno Handbook: a concise introduction to Deno 🦕 🔗

Get up and running quickly with Deno, a modern Node.js alternative [...]

Object destructuring with types in TypeScript 🔗

Productivity gains of using a Mac and an iOS device 🔗

Productivity benefits of using the Apple devices ecosystem [...]

How to detect if an Adblocker is being used with JavaScript 🔗

A strategy I use to add my own ad to the site if I know an adblocker is being used [...]

Parcel, how to fix the `regeneratorRuntime is not defined` error 🔗

Responsive images using `srcset` 🔗

How to use the HTML img tag srcset attribute to define responsive images [...]

How to detect dark mode using JavaScript 🔗

Detecting dark mode, and detecting mode change using JavaScript [...]

Safari, warn before quitting 🔗

How to avoid closing Safari by mistake, using a simple trick [...]

Loading an external JS file using Gatsby 🔗

How to use insertAdjacentHTML 🔗

Gatsby, how to change the favicon 🔗

How to solve the "is not a function" error in JavaScript 🔗

How to force credentials to every Axios request 🔗

How to change an HTML image URL in dark mode 🔗

How to align center in flexbox 🔗

How to check if an element is a descendant of another 🔗

How to create an exit intent popup 🔗

How to test an npm package locally 🔗

How to use promises and await with Node.js callback-based functions 🔗

How to fix the TypeError: Cannot assign to read only property 'exports' of object '#<Object>' error 🔗

How I fixed an issue with a React login form state and Browser autofill 🔗

How to remove the first character of a string in JavaScript 🔗

How to remove the last character of a string in JavaScript 🔗

How to write text into to an HTML canvas 🔗

How to divide an array in half in JavaScript 🔗

How to cut a string into words in JavaScript 🔗

How to load an image in an HTML canvas 🔗

How to slow down a loop in JavaScript 🔗

How to get the names of all the files in a folder in Node 🔗

A very short introduction to COBOL 🔗

How to remove all CSS from a page at once 🔗

How to mass rename files in Node.js 🔗

Find out how to rename a set of files using Node.js [...]

How to divide an array in multiple equal parts in JS 🔗

How to get the first n items in an array in JS 🔗

The same POST API call in various JavaScript libraries 🔗

How to download an image using Node.js 🔗

How to create and save an image with Node.js and Canvas 🔗

A story of how I improved my Twitter cards [...]

How to print a canvas to a data URL 🔗

SQL Views 🔗

How to create views and interact with them in a SQL database [...]

SQL Joins 🔗

How to perform a simple join between two database tables [...]

SQL, how to delete data and tables 🔗

How to delete data from a SQL database table, and how to delete the table [...]

SQL, how to update a table structure 🔗

How to update a SQL database table structure [...]

SQL, how to update data 🔗

How to update data stored in a SQL database table [...]

SQL, Unique and Primary keys 🔗

How to create unique and primary keys in a SQL database [...]

SQL, Handling empty cells 🔗

How to handle null data in a SQL database [...]

SQL, how to use SELECT 🔗

How to get data from a SQL database table [...]

SQL, adding data to a table 🔗

How to insert data in a SQL database table [...]

SQL, creating a table 🔗

How to create a table in a SQL database [...]

Let vs Const in JavaScript 🔗

Let or const? Which one should you use? [...]

Setting up a project to build a JavaScript game with Phaser 🔗

Setup a modern project and get started building a JavaScript HTML5 game using Phaser 3 [...]

What is a GB-second? 🔗

Find out what is a GB-second in the AWS terminology [...]

What is a JavaScript Frontend Framework? 🔗

A little introduction to frontend frameworks [...]

Incrementing multiple folders numbers at once using Node.js 🔗

How I solved a little folders management problem [...]

An introduction to REST APIs 🔗

What is a REST API from the point of view of a creator of a REST API and from the point of view of a consumer [...]

The Node Core Modules 🔗

A list of the core modules provided by Node.js [...]

My plan for being hired as a Go developer. In 2017 🔗

I know, it's 2020. But I was reading my notes on a plan I had in 2017. [...]

The UDP Protocol 🔗

A high level overview of the User Datagram Protocol [...]

The TCP Protocol 🔗

A high level overview of the Transfer Control Protocol [...]

DNS, Domain Name System 🔗

A high level overview of what is DNS and how it works [...]

How to get query string values in JavaScript with URLSearchParams 🔗

Accessing and modifying query string values using URLSearchParams [...]

How to reload the browser window when you save a file 🔗

A quick and simple approach [...]

How to remove duplicates from a JavaScript array 🔗

Given an array, how can you remove duplicate values in it? [...]

How to remove all the node_modules folders content 🔗

Save space by dropping your old Node modules [...]

The Developer’s Dilemma 🔗

Deciding between using an existing service or platform, and building your own [...]

How to convert an Array to a String in JavaScript 🔗

How to generate a string out of an array in JavaScript [...]

Should I be a generalist or specialize? 🔗

You have a choice. You can be a specialist, or a generalist. Which route should you choose? [...]

What is a magic number in programming? 🔗

In some tutorials, books, or videos, you might have seen the term magic number. What is that? [...]

The Arduino MKR WiFi 1010 🔗

An overview of this great IoT electronics board from Arduino [...]

How to make sure the Raspberry Pi has always the same IP address 🔗

A step by step guide to configuring a router to assign a static DHCP IP address in your LAN to the Raspberry Pi [...]

How to connect to a Raspberry Pi using a Mac 🔗

A step by step guide to connect to a Raspberry Pi using Rapbian via VNC [...]

List of keywords and reserved words in JavaScript 🔗

A simple reference to all the keywords and reserved words in JavaScript [...]

How to open VS Code from the command line 🔗

A simple guide to installing the VS Code command line tools [...]

The C Preprocessor 🔗

How to use the C Preprocessor [...]

C Header Files 🔗

How to use C Header Files to separate a program into multiple files [...]

C Structures 🔗

An introduction to C Structures [...]

C Enumerated Types 🔗

An introduction to C Enumerated Types [...]

The typedef keyword in C 🔗

An introduction to the typedef keyword in C [...]

C Global Variables 🔗

An introduction to C Global Variables [...]

Static variables in C 🔗

How to work with static variables in C [...]

Can you nest functions in C? 🔗

Find out if you can nest functions in C, or not! [...]

Scope of variables in C 🔗

Learn what scope is, and how it works in C [...]

How to access the command line parameters in C 🔗

Learn how to access the command line parameters in C [...]

C conversion specifiers and modifiers 🔗

A handy reference to C conversion specifiers and modifiers [...]

How to print the percentage character using `printf()` in C 🔗

Learn how to print the percentage character using `printf()` in C [...]

How to check a character value in C 🔗

Learn how to check a character value in C [...]

How to solve the implicitly declaring library function warning in C 🔗

Learn how to solve the implicitly declaring library function warning in C [...]

How to return a string from a C function 🔗

Learn how to return a string from a C function [...]

Double quotes vs single quotes in C 🔗

How to work with quotes in C [...]

Basic I/O concepts in C 🔗

How to perform input/output using printf and scanf in C [...]

How to use NULL in C 🔗

A brief guide at null pointers in C [...]

Introduction to C Functions 🔗

An introduction to C Functions [...]

Booleans in C 🔗

An introduction to how to use booleans in C [...]

Looping through an array with C 🔗

How to loop through an array with C [...]

Introduction to C Pointers 🔗

An introduction to C Pointers [...]

How to find the length of a string in C 🔗

A practical tutorial on how to find the length of a string in C [...]

Introduction to C Strings 🔗

An introduction to C Strings [...]

How to determine the length of an array in C 🔗

How to determine the length of an array in C [...]

Introduction to C Arrays 🔗

An introduction to C Arrays [...]

How to work with loops in C 🔗

An introduction to C for, while and do-while loops [...]

C Conditionals 🔗

An introduction to C Conditionals: if/else and switch [...]

C Operators 🔗

An introduction to C Operators and Operator precedence [...]

C Constants 🔗

An introduction to dealing with constants in C [...]

C Variables and types 🔗

An introduction to dealing with variables in C, and the basic types [...]

Introduction to the C Programming Language 🔗

Get started with C, a fundamental programming language [...]

Milli Micro Nano Pico 🔗

With electronics and time measurements, you will find those terms used often: milli, micro, nano, pico. What do they mean? [...]

Non-printable ASCII characters list 🔗

A table containing all the non-printable ASCII characters [...]

Printable ASCII characters list 🔗

A table containing all the printable ASCII characters [...]

Introduction to the Arduino Programming Language 🔗

How can you write programs for your Arduino board? Arduino, natively, supports a language that we call the Arduino Programming Language, or Arduino La [...]

The Arduino Uno WiFi rev 2 board 🔗

The Arduino Uno is a microcontroller board. It is currently the reference version of Arduino, and the latest version of an official Arduino device is [...]

The Arduino Uno rev 3 board 🔗

This is the reference Arduino version for prototyping, as lots and lots of tutorials use this version of Arduino as their reference board. [...]

An introduction to Arduino 🔗

An overview of the Arduino electronics platform [...]

Coding is an art 🔗

Coding is an art, a creative craft, a joyful thing [...]

How to block distractions using uBlock Origin 🔗

A trick I learned to block distractions using uBlock Origin [...]

How to send the authorization header using Axios 🔗

Learn how to send the authorization header using Axios [...]

How to fix the xcrun invalid active developer path error in macOS 🔗

Quickly solve this annoying problem with the command line [...]

MySQL User Permissions 🔗

A quick introduction at User Permissions in a MySQL Database [...]

SQLite User Permissions 🔗

A quick introduction to user permissions in SQLite [...]

Converting Numbers from Decimal to Binary 🔗

How to quickly convert a number expressed in the Decimal Number System to the Binary Number System [...]

The Binary Number System 🔗

Introduction to the Binary Number System [...]

The GPL License 🔗

A quick overview of the GPL License [...]

The Decimal Number System 🔗

Introduction to the Decimal Number System [...]

Finite State Machines 🔗

A quick overview of what State Machines are, with simple examples [...]

PostgreSQL vs MySQL, a comparison 🔗

A quick comparison between PostgreSQL and MySQL [...]

How to start a blog using Hugo 🔗

A detailed tutorial to start a new blog using Hugo from zero to deployment [...]

Creating a user on MySQL 🔗

A quick step by step guide at how to create a user on MySQL [...]

How to install MySQL on macOS 🔗

Step by step instructions to install MySQL on macOS using Homebrew [...]

How to list tables in the current database using PostgreSQL 🔗

A quick explanation of how to list tables in the current database inside the `psql` tool in PostgreSQL, or using SQL [...]

How to list all databases using PostgreSQL 🔗

A quick explanation of how to list all databases inside the `psql` tool in PostgreSQL, or using SQL [...]

How to switch database using PostgreSQL 🔗

A quick explanation of how to switch between databases inside the `psql` tool in PostgreSQL [...]

How to list all users in PostgreSQL 🔗

Find out how to get a list of all the users present in a PostgreSQL database, and their permissions [...]

This decade in JavaScript 🔗

Looking back at the last decade in JavaScript / Web, it's been a wild ride. [...]

PostgreSQL User Permissions 🔗

In this tutorial I will explain how to managing users and permissions in PostgreSQL. [...]

Introduction to PostgreSQL 🔗

A high level overview of the PostgreSQL database [...]

How to install SQLite on macOS 🔗

In this tutorial I want to explain what you need to do to install SQLite. [...]

A practical guide to Homebrew 🔗

An introduction to the popular Homebrew package manager [...]

Do you always need a database for your app? 🔗

Some thoughts on the need of a database. Maybe you need it, maybe not. [...]

How to install PostgreSQL on macOS 🔗

Instructions for installing the PostgreSQL DBMS [...]

Introduction to SQL 🔗

SQL (Structured Query Language) is a language we use to interact with a Data Base Management System (DBMS). [...]

What is a Database? And a DBMS? 🔗

The main properties of a database and of a DBMS. [...]

Relational Databases 🔗

Relational Databases are the software implementation of the concepts expressed by the theory introduced by the Relational Model. [...]

Relational Algebra 🔗

When working with the relational model, we have 2 groups of operations we can use. One of them is relational algebra. [...]

The Relational Model 🔗

The Relational Model is the most popular of the logic data models listed in the Data Models post, and it's at the basis of SQL databases. [...]

Introduction to the ER Data Model 🔗

A simple but comprehensive overview of the entity-relationship data model [...]

Data models 🔗

Data Models define how we give a structure to data, and how data is connected to other data. [...]

Information systems, data and information 🔗

The modern world is completely centered around information and data. What's the difference? [...]

How to disable an ESLint rule 🔗

A quick tutorial on how to disable ESLint rules [...]

How to read a CSV file with Node.js 🔗

A quick tutorial to read data from a CSV file using Node.js [...]

How to write a CSV file with Node.js 🔗

A quick tutorial to write an array of data to a CSV file using Node.js [...]

How to make a page editable in the browser 🔗

There is a special and pretty secret mode in browsers, called design mode. [...]

What are peer dependencies in a Node module? 🔗

A simple explanation of the peerDependencies field in the package.json file [...]

What are good CSS Breakpoint values for Responsive Design? 🔗

The optimal CSS breakpoint values I use in my projects [...]

How to flatten an array in JavaScript 🔗

A practical guide to flattening JavaScript arrays [...]

JavaScript Nullish Coalescing 🔗

An introduction to this feature of JavaScript: nullish coalescing [...]

You should be the worst developer in your team 🔗

Some thoughts on your skill level compared to the people you work with [...]

How to fix the dangerously SetInnerHTML did not match error in React 🔗

Find out how I solved the error "`dangerouslySetInnerHTML` did not match", in a React application [...]

How to get cookies server-side in a Next.js app 🔗

Accessing cookies while server-side rendering in Next.js can be harder than you think. Here's how I solved it. [...]

How to become a Full Stack Developer 🔗

A step by step guide to become a Full Stack Developer [...]

How to render HTML in React 🔗

Find out how to render an HTML string in the DOM without escaping, using React [...]

How to replace white space inside a string in JavaScript 🔗

Find out how to use a regex to replace all white space inside a string using JavaScript [...]

How I prototype a Web Page 🔗

A quick look at a simple workflow I use to prototype a web page [...]

How I fixed the trailing slash in Netlify rewrites 🔗

Netlify has this great feature, rewrites, that allow me to create a number of duplicate pages. But there's a catch. [...]

How to debug a React application 🔗

Some tools you can use to debug your React app when you run into problems [...]

How to use Next.js API Routes 🔗

Learn this powerful technique provided by Next.js to create an API endpoint within a Next.js app [...]

How to use the Next.js Router 🔗

Learn how to use the `next/router` package to control routes in Next.js [...]

The Next.js App Bundles 🔗

How Next.js separates your app code into different bundles, and what do they contain [...]

The icons added by Next.js to your app 🔗

Learn what the icons generated by Next.js in development mode mean [...]

Adding a wrapper component to your Next.js app 🔗

How to use a wrapper component and add a common sidebar or header to it [...]

Lazy loading modules in Next.js 🔗

How to lazy load modules in your Next.js app [...]

How to analyze the Next.js app bundles 🔗

Learn more about what's in your Next.js app bundles [...]

Deploying a Next.js app in production 🔗

How to generate the production version of your Next.js app [...]

Next.js: run code only on the server side or client side in Next.js 🔗

How to write code that's only executed on one side of your stack: frontend or backend [...]

Deploying a Next.js application on Now 🔗

How to use Now to easily and seamlessly deploy your Next.js app [...]

Next.js: populate the head tag with custom tags 🔗

How to customize the `head` tag of your Next.js app [...]

View source to confirm SSR is working in Next.js 🔗

How to check if SSR is working in your Next.js app [...]

Responsive YouTube Video Embeds 🔗

How to embed a YouTube video in your site and have it responsive, so it scales down on a mobile device [...]

How to learn React 🔗

Find out the optimal path to go from zero to being a React master [...]

Using the router to detect the active link in Next.js 🔗

How to using the Next.js Router to detect the active link and assign a class to it, so we can style it with CSS [...]

Prefetching content in Next.js 🔗

How prefetching works in a Next.js app [...]

Styling Next.js components using CSS 🔗

How to style React components in Next.js? [...]

Feed data to a Next.js component using getInitialProps 🔗

How to feed data to a Next.js component using getInitialProps [...]

Dynamic content in Next.js with the router 🔗

How to setup dynamic content in a Next.js site [...]

Linking two pages in Next.js using Link 🔗

How to link two or more pages in Next.js [...]

How to use the React Developer Tools 🔗

Learn this very useful tool we absolutely need to install when building a React application. [...]

JavaScript Optional Chaining 🔗

The optional chaining operator is a very useful operator which we can use to work with objects and their properties or methods [...]

JavaScript Dynamic Imports 🔗

Learn this new, upcoming feature of JavaScript [...]

How to install Next.js 🔗

Step by step instructions to get started with Next.js [...]

Next.js vs Gatsby vs create-react-app 🔗

Next.js or Gatsby? Why choosing them over create-react-app? And which one? [...]

How to use top-level await in JavaScript 🔗

Learn how to use this new feature currently available in v8 [...]

How to calculate the number of days between 2 dates in JavaScript 🔗

I had this problem: how do I calculate the number of days between 2 dates? [...]

I posted my password / API key on GitHub 🔗

Or GitLab, or any other public source control management platform. Now what? [...]

How to iterate over object properties in JavaScript 🔗

Here's a very common task: iterating over an object properties, in JavaScript [...]

How to format a date in JavaScript 🔗

Here's a very common task: how do you format a date with JavaScript? [...]

How to handle file uploads in Node.js 🔗

How to use Node.js and in particular Express to handle uploaded files [...]

How to upload a file using Fetch 🔗

How to upload files to the server using the Fetch API, explained in a simple way [...]

How to get both parsed body and raw body in Express 🔗

Find out how to get both parsed body and raw body in Express with `body-parser` [...]

How to use Firebase Firestore as your database 🔗

A tutorial to set up Firestore as a database, a very convenient solution to your storage problems! [...]

Responsive pre tags in CSS 🔗

I've had some problems with responsiveness in a few posts, on my blog. Turned out it was code snippets [...]

How to get the days between 2 dates in JavaScript 🔗

Given two JavaScript `Date` objects, how can I get a list of the days (expressed as Date objects, too) between those 2 dates? [...]

How to wait for 2 or more promises to resolve in JavaScript 🔗

Say you need to fire up 2 or more promises and wait for their result. How to do that? [...]

How to set an alias in a macOS or Linux shell 🔗

How to set an alias in a UNIX environment, including Bash, Zsh, Fish on both macOS and Linux [...]

JavaScript labeled statements 🔗

A tutorial about a very rarely used JavaScript feature: labeled statements [...]

Cross-component State Management in Svelte 🔗

How to work with Props, the Context API and Stores in Svelte to pass state around your application cross components [...]

Working with events in Svelte 🔗

Learn how to work with events in Svelte [...]

Resolve promises in Svelte templates 🔗

Learn how to work with promises in Svelte templates [...]

Svelte templates: loops 🔗

Learn how to work with loops in Svelte templates [...]

Svelte Lifecycle Events 🔗

How to work with Lifecycle Events in Svelte [...]

How to update a Git branch from another branch 🔗

Given a Git branch that's not up to date with another branch, how do you merge the changes? [...]

How to check if a date refers to a day in the past in JavaScript 🔗

Given a JavaScript date, how do you check if it references a day in the past? [...]

Reactive Statements in Svelte 🔗

How to work with Reactive Statements in Svelte [...]

Handling State Updates in Svelte 🔗

How to use reactive assignments in Svelte to work with state updates within a component [...]

Svelte Bindings 🔗

How to work with bindings in Svelte [...]

How to check if two dates are the same day in JavaScript 🔗

How do you detect if a date object instance in JavaScript refers to the same day of another date object? [...]

How to get the month name from a JavaScript date 🔗

Given a JavaScript Date object instance, how can you get a string that represents the month name? [...]

How to get yesterday's date using JavaScript 🔗

How do you get yesterdays' date using JavaScript? [...]

How to get tomorrow's date using JavaScript 🔗

How do you get tomorrow's date using JavaScript? [...]

How to add comments in Svelte templates 🔗

How to avoid Svelte to render parts of a template to the client [...]

Svelte Slots 🔗

How to work with slots in Svelte to define components that can be composed together [...]

How to rerender a Svelte component on demand 🔗

How to rerender a Svelte component on demand and in particular how to rerender it when I want to run a function prop again [...]

How to invert colors using CSS 🔗

How to invert colors of elements and images using CSS [...]

How to send urlencoded data using Axios 🔗

Learn how to send urlencoded data using Axios [...]

Svelte templates: conditional logic 🔗

Learn how to work with templates in Svelte and in particular how to use conditionals [...]

How to export functions and variables from a Svelte component 🔗

Learn how to export functions and variables from a Svelte component [...]

How to import components in Svelte 🔗

Learn how to import components in Svelte [...]

How to work with props in Svelte 🔗

Learn how to work with props in Svelte and let two components with a parent/child relationship communicate with each other [...]

Getting started with Svelte - a short tutorial 🔗

How to get started with Svelte [...]

How I stopped worrying and learned to love the JavaScript ecosystem 🔗

A journey to solve JavaScript Fatigue [...]

How to spawn a child process with Node.js 🔗

Find out how to spawn a child process with Node.js [...]

How to get last element of an array in JavaScript? 🔗

How do you get the last element of an array in JavaScript? Let's find out. [...]

How to check if a JavaScript value is an array? 🔗

Find out how to determine if a JavaScript value is an array using the `Array.isArray()` method [...]

How to work from home without going crazy 🔗

Some advice from a 10+ years remote working experience [...]

How to join two arrays in JavaScript 🔗

Find out how to merge two or more arrays using JavaScript [...]

How to join two strings in JavaScript 🔗

Find out how to combine strings using JavaScript [...]

Links used to activate JavaScript functions 🔗

Which "href" value should I use for JavaScript links, "#" or "javascript:void(0)"? [...]

What's the difference between using let and var in JavaScript? 🔗

When should you use let over var? And why? Let's find out! [...]

How to install an older version of a Homebrew package 🔗

Installing an older version of some package using Homebrew can be more complex than you expect [...]

How to pass multiple parameters to a partial in Hugo 🔗

How do you pass multiple parameters to a partial in Hugo? It's not as simple as it seems, you need to use a trick. Let's find out. [...]

What is Imposter Syndrome 🔗

What's this syndrome all about? Do you have it? How do you fix the imposter feeling? [...]

How to disable a button using JavaScript 🔗

Find out how to programmatically disable or enable a button using JavaScript [...]

How to copy to the clipboard using JavaScript 🔗

Find out how to copy to the clipboard using JavaScript using the Clipboard API [...]

Why you should not modify a JavaScript object prototype 🔗

Find out why you should not modify a JavaScript object prototype and what to do instead [...]

How to add item to an array at a specific index in JavaScript 🔗

Find out how to add item to an array at a specific index in JavaScript [...]

How to create a comment in HTML 🔗

Find out how to add comments to an HTML page [...]

How to break out of a for loop in JavaScript 🔗

Find out the ways you can use to break out of a for or for..of loop in JavaScript [...]

How to check if an object is empty in JavaScript 🔗

Find out how to see if a variable is equivalent to an empty object [...]

How to return the result of an asynchronous function in JavaScript 🔗

Find out how to return the result of an asynchronous function, promise based or callback based, using JavaScript [...]

How to check if a checkbox is checked using JavaScript? 🔗

Find out how to check the state of a checkbox, looking if it is checked or not, using JavaScript [...]

How to write Unmaintainable Code 🔗

25 actionable tips to write code as unmaintainable as possible [...]

Is JavaScript still worth learning? 🔗

Is there still demand for JS developers? Or is JavaScript becoming obsolete? [...]

What is a port 🔗

Find out what is a port in networking [...]

Cross Site Scripting (XSS) tutorial 🔗

A guide to cross-site scripting attacks. How do they work? How can you prevent them? [...]

== vs === equal operators in JavaScript, what's the difference? 🔗

`==` and `===`, two different operators to check for object equality. Which one to choose? [...]

What does the double negation operator !! do in JavaScript? 🔗

You might find the `!!` operator used in the wild. What does it mean? [...]

Accessibility on the Web 🔗

Discover the basics of accessibility in HTML [...]

How to create an HTML attribute using vanilla Javascript 🔗

What if you have to add an attribute to an HTML element in the DOM, using vanilla JavaScript? [...]

How to check if a JavaScript array contains a specific value 🔗

Given a JavaScript array, how do you check if it contains a specific item? [...]

How to remove all children from a DOM element 🔗

Given a DOM element, how do you remove all its children? [...]

Touch events 🔗

Discover the basics of working with touch events in JavaScript [...]

How to check types in JavaScript without using TypeScript 🔗

Find out how to add types to JavaScript without using TypeScript [...]

HTML container tags 🔗

Discover how to use container tags in HTML and find out which one to choose [...]

How to rename fields when using object destructuring 🔗

Find out how to rename an object field while destructuring [...]

Mouse events 🔗

Discover the basics of working with mouse events in JavaScript [...]

How to put an item at the bottom of its container using CSS 🔗

Find out how to stick an item at the bottom of its container using CSS [...]

How to authenticate using GraphQL Cookies and JWT 🔗

An authentication process example for a GraphQL API powered by Apollo, using Cookies and JWT [...]

Unix Shells Tutorial 🔗

An introduction to Unix shells and how to use them [...]

Keyboard events 🔗

Discover the basics of working with keyboard events in JavaScript [...]

The HTML `figure` tag 🔗

Discover the basics of working with the HTML `figure` tag [...]

Tutorial purgatory from the perspective of a tutorial maker 🔗

How to stop reading tutorials and start doing things [...]

The HTML `picture` tag 🔗

Discover the basics of working with images and the HTML `picture` tag, and how to make them responsive [...]

Handling forms in JavaScript 🔗

Discover the basics of working with forms in HTML and JavaScript [...]

How to work with scrolling on Web Pages 🔗

Discover how to interact with scrolling, react to scroll events and throttle them [...]

Web Components Custom Elements 🔗

An introductory tutorial to Custom Elements [...]

The HTML `a` tag 🔗

Discover the basics of working with the HTML `a` tag to create links [...]

The HTML `img` tag 🔗

Discover the basics of working with images and the HTML `img` tag, and how to make them responsive [...]

How to use the Drag and Drop API 🔗

Discover how to use the Drag and Drop API to create interactive experiences for your users [...]

HTML tables 🔗

Discover the basics of working with HTML tables [...]

HTML tags for text 🔗

Discover the various HTML tags you can use to print text on a page [...]

The HTML `audio` tag 🔗

Discover the basics of working with the HTML `audio` tag [...]

The HTML `video` tag 🔗

Discover the basics of working with the HTML `video` tag [...]

How to use getUserMedia() 🔗

Discover how to use getUserMedia() to get access to audio and video input from the user [...]

HTML forms 🔗

Discover how to use forms in HTML and all the form elements tags [...]

The HTML `iframe` tag 🔗

Discover the basics of working with the HTML `iframe` tag [...]

An introduction to HTML 🔗

Discover HTML from its history and the basic building blocks [...]

How to use the Geolocation API 🔗

Using the Geolocation API we can ask the browser for the user's position coordinates [...]

How to disable text selection using CSS 🔗

Find out how to disable text selection using the CSS property `user-select` [...]

All the software projects I made in the past 🔗

A long list of the projects I made throughout the years [...]

How to use the JavaScript bcrypt library 🔗

Find out how to hash and check passwords in JavaScript with the bcrypt library [...]

The Reach Router Tutorial 🔗

A quickstart to using Reach Router in your React app [...]

JavaScript Symbols 🔗

An easy to follow tutorial to understand JavaScript Symbols [...]

The CSS z-index property 🔗

How to work with the `z-index` property in CSS [...]

How to connect your React app to a backend on the same origin 🔗

How to serve a React and a server-side backend app from the same origin, without having to use CORS on the server and worrying about ports [...]

How to use the useReducer React hook 🔗

Find out what the useReducer React hook is useful for, and how to work with it! [...]

How to use the useContext React hook 🔗

Find out what the useContext React hook is useful for, and how to work with it! [...]

How to use the useRef React hook 🔗

Find out what the useRef React hook is useful for, and how to work with it! [...]

How to use the useMemo React hook 🔗

Find out what the useMemo React hook is useful for, and how to work with it! [...]

useEffect React hook, how to use 🔗

Find out what the useEffect React hook is useful for, and how to work with it! [...]

How to use the useCallback React hook 🔗

Find out what the useCallback React hook is useful for, and how to work with it! [...]

How to use the useState React hook 🔗

Find out what the useState React hook is useful for, and how to work with it! [...]

The Navigator Object 🔗

Find out what is the Navigator object and how to use it [...]

JavaScript Public Class Fields 🔗

A simple tutorial on the new JavaScript Public Class Fields [...]

How to sort an array by date value in JavaScript 🔗

Find out how to sort an array of items by date value in JavaScript [...]

How I record my videos 🔗

A detailed description of how I do my videos. Mostly as a reference to myself. [...]

How to make your first Pull Request on GitHub 🔗

How do you create a PR to edit a project on GitHub? [...]

Have you filled a developer bucket today? 🔗

Or, how to be more fulfilled as a developer. And make other developers have a more fulfilled life too. [...]

JavaScript Private Class Fields 🔗

Introduction and code samples on using private class fields in JavaScript. [...]

How to add an event listener to multiple elements in JavaScript 🔗

Say you want to add an event listener to multiple elements in JavaScript. How can you do so? [...]

How to get the value of a CSS property in JavaScript 🔗

Say you want to fetch the value of a CSS property in a web page, one that is set using a stylesheet. How can you do so? [...]

JavaScript Operators 🔗

Operators allow you to get one or more simple expressions and combine them to form a more complex expression. [...]

The Streams API 🔗

Using streams we can receive a resource from the network, or from other sources, and process it as soon as the first bit arrives [...]

CSS Normalizing 🔗

Why and how to use CSS normalizing [...]

How to create a GraphQL Server with Node.js and Express 🔗

A simple tutorial on how to create a Node.js and Express powered GraphQL server [...]

How to enable ES Modules in Node.js 🔗

How do you enable the `import` syntax in Node.js? [...]

How to get the real number of pageviews of a static site 🔗

Given a static site, how do you get the real count of visitors? [...]

The CSS float property and clearing 🔗

How to work with the `float` property in CSS and with clearing [...]

The JavaScript `in` operator 🔗

Learn the basics of the JavaScript `in` Operator [...]

CSS Padding 🔗

How to work with padding in CSS [...]

How to get the value of an input element in React 🔗

Given a form, how do you get the value of one of the form fields? [...]

CSS Fonts 🔗

Learn how to work with fonts in CSS [...]

CSS Comments 🔗

How to work with comments in CSS [...]

The JavaScript reduce() Function 🔗

The details of the `reduce()` Function in JavaScript [...]

The JavaScript map() Function 🔗

The details of the `map()` Function in JavaScript [...]

The JavaScript filter() Function 🔗

The details of the `filter()` Function in JavaScript [...]

The JavaScript Global Object 🔗

The details of the Global object in JavaScript [...]

JavaScript Error Objects 🔗

The various Error objects you will find in JavaScript [...]

CSS Backgrounds 🔗

Learn how to change the background of an element using CSS [...]

JavaScript Object Properties 🔗

Find out all you need to know about JavaScript Object Properties [...]

JavaScript Recursion 🔗

Learn the basics of Recursion in JavaScript [...]

CSS Box Sizing 🔗

How to work with box sizing in CSS [...]

JavaScript Ternary Operator 🔗

Learn the basics of the JavaScript Ternary Operator [...]

CSS Filters 🔗

How to work with the CSS `filter` property [...]

CSS Error Handling 🔗

How CSS handles errors [...]

Importing a CSS file using @import 🔗

Learn how to import CSS files using the @import directive [...]

CSS Borders 🔗

How to work with borders in CSS [...]

JavaScript Logical Operators 🔗

Learn the basics of the JavaScript Logical Operators [...]

JavaScript Return Values 🔗

Learn the basics of JavaScript Return Values [...]

The JavaScript Spread Operator 🔗

Learn the basics of the JavaScript Spread Operator [...]

The CSS calc() function 🔗

Learn how to work with the CSS calc() function [...]

JavaScript Function Parameters 🔗

Learn the basics of JavaScript Function Parameters [...]

The JavaScript delete Operator 🔗

Learn the basics of the JavaScript delete Operator [...]

The CSS Display property 🔗

How to work with the `display` property in CSS [...]

The JavaScript Switch Conditional 🔗

Learn the basics of the JavaScript Switch Conditional [...]

Styling HTML Tables with CSS 🔗

A brief guide at working with tables in CSS [...]

The JavaScript if/else conditional 🔗

Learn the basics of the JavaScript `if` conditional [...]

JavaScript Equality Operators 🔗

Learn the basics of the JavaScript Equality Operators [...]

JavaScript Type Conversions (casting) 🔗

Learn the basics of JavaScript Type Conversions [...]

CSS Pseudo Elements 🔗

Learn the basics of CSS Pseudo Elements [...]

CSS Pseudo Classes 🔗

Learn the basics of CSS Pseudo Classes [...]

CSS Inheritance 🔗

Learn what CSS Inheritance means and why it's important [...]

CSS Vendor Prefixes 🔗

An overview of the CSS Vendor Prefixes, Autoprefixer and why they are not much relevant going forward [...]

How to style lists using CSS 🔗

Styling lists with CSS [...]

JavaScript Scope 🔗

Learn the basics of JavaScript Scope [...]

The BroadcastChannel API 🔗

Learn the basics of 1-to-many communication using the BroadcastChannel API [...]

CSS Transforms 🔗

How to work with the CSS `transform` property [...]

JavaScript Statements 🔗

Learn the basics of JavaScript Statements [...]

CSS Feature Queries 🔗

How to work with feature queries in CSS [...]

CSS Media Queries and Responsive Design 🔗

How to work with media queries in CSS to build responsive web pages [...]

JavaScript instanceof Operator 🔗

Learn the basics of the JavaScript instanceof Operator [...]

The DataView Object 🔗

Find out what is a DataView object and how to use it [...]

Typed Arrays 🔗

Find out what Typed Arrays are and how to use them [...]

The CSS position property 🔗

How to work with the `position` property in CSS [...]

The URL Object 🔗

Find out what is a URL object and how to use it [...]

JavaScript Operators Precedence Rules 🔗

Learn the basics of the JavaScript Operators Precedence Rules [...]

ArrayBufferView 🔗

Find out what is an ArrayBufferView object and how to use it [...]

ArrayBuffer 🔗

Find out what is an ArrayBuffer and how to use it [...]

The FileList Object 🔗

Find out what is a FileList object and how to use it [...]

JavaScript Comparison Operators 🔗

Learn the basics of the JavaScript Comparison Operators [...]

The CSS Box Model 🔗

How to work with the CSS Box Model [...]

CSS Typography 🔗

How to work with typography in CSS [...]

The FileReader Object 🔗

Find out what is a FileReader object and how to use it [...]

The File Object 🔗

Find out what is a File object and how to use it [...]

JavaScript new Operator 🔗

Learn the basics of the JavaScript new Operator [...]

CSS url() 🔗

Learn how to work with the CSS url() function [...]

CSS Units 🔗

Learn how to work with units in CSS [...]

CSS Colors 🔗

Learn how to work with colors in CSS [...]

JavaScript typeof Operator 🔗

Learn the basics of the JavaScript typeof Operator [...]

JavaScript Internationalization 🔗

Learn how to work with internationalization in JavaScript [...]

CSS Attribute Selectors 🔗

Learn how to use CSS attribute selectors [...]

JavaScript Assignment Operator 🔗

Learn the basics of the JavaScript Assignment Operator [...]

The Blob Object 🔗

Find out what is a Blob and how to use it [...]

CSS Specificity 🔗

Learn what CSS Specificity means and why it's important [...]

CSS Cascade 🔗

Learn what CSS Cascade means and why it's important [...]

CSS Selectors 🔗

Learn all the most important things about CSS Selectors [...]

JavaScript Reference: Object 🔗

All about the JavaScript Object properties and methods [...]

The Object valueOf() method 🔗

Find out all about the JavaScript valueOf() method of an object [...]

The Object toString() method 🔗

Find out all about the JavaScript toString() method of an object [...]

The Object toLocaleString() method 🔗

Find out all about the JavaScript toLocaleString() method of an object [...]

The Object propertyIsEnumerable() method 🔗

Find out all about the JavaScript propertyIsEnumerable() method of an object [...]

How to fix the "Missing write access" error when using npm 🔗

Quickly solve this annoying problem when installing global packages using npm [...]

The Object isPrototypeOf() method 🔗

Find out all about the JavaScript isPrototypeOf() method of an object [...]

The Object hasOwnProperty() method 🔗

Find out all about the JavaScript hasOwnProperty() method of an object [...]

The Object values() method 🔗

Find out all about the JavaScript values() method of the Object object [...]

The Object setPrototypeOf() method 🔗

Find out all about the JavaScript setPrototypeOf() method of the Object object [...]

The Object seal() method 🔗

Find out all about the JavaScript seal() method of the Object object [...]

The Object preventExtensions() method 🔗

Find out all about the JavaScript preventExtensions() method of the Object object [...]

The Object keys() method 🔗

Find out all about the JavaScript keys() method of the Object object [...]

The Object isSealed() method 🔗

Find out all about the JavaScript isSealed() method of the Object object [...]

The Object isFrozen() method 🔗

Find out all about the JavaScript isFrozen() method of the Object object [...]

The Object isExtensible() method 🔗

Find out all about the JavaScript isExtensible() method of the Object object [...]

The Object is() method 🔗

Find out all about the JavaScript is() method of the Object object [...]

The Object getPrototypeOf() method 🔗

Find out all about the JavaScript getPrototypeOf() method of the Object object [...]

The Object getOwnPropertySymbols() method 🔗

Find out all about the JavaScript getOwnPropertySymbols() method of the Object object [...]

The Object getOwnPropertyNames() method 🔗

Find out all about the JavaScript getOwnPropertyNames() method of the Object object [...]

The Object getOwnPropertyDescriptors() method 🔗

Find out all about the JavaScript getOwnPropertyDescriptors() method of the Object object [...]

How to be productive 🔗

Productivity tips and hacks for developers and writers [...]

The Object getOwnPropertyDescriptor() method 🔗

Find out all about the JavaScript getOwnPropertyDescriptor() method of the Object object [...]

The Object freeze() method 🔗

Find out all about the JavaScript freeze() method of the Object object [...]

The Object entries() method 🔗

Find out all about the JavaScript entries() method of the Object object [...]

The Object defineProperty() method 🔗

Find out all about the JavaScript defineProperty() method of the Object object [...]

The Object defineProperties() method 🔗

Find out all about the JavaScript defineProperties() method of the Object object [...]

The Object create() method 🔗

Find out all about the JavaScript create() method of the Object object [...]

The Object assign() method 🔗

Find out all about the JavaScript assign() method of the Object object [...]

JavaScript Property Descriptors 🔗

An explanation of property descriptors and what they are useful for [...]

JavaScript Reference: Number 🔗

All about the JavaScript Number properties and methods [...]

The Number isFinite() method 🔗

Find out all about the JavaScript isFinite() method of the Number object [...]

The Number toFixed() method 🔗

Find out all about the JavaScript toFixed() method of a number [...]

The Number toLocaleString() method 🔗

Find out all about the JavaScript toLocaleString() method of a number [...]

The Number toExponential() method 🔗

Find out all about the JavaScript toExponential() method of a number [...]

The Number toPrecision() method 🔗

Find out all about the JavaScript toPrecision() method of a number [...]

The Number valueOf() method 🔗

Find out all about the JavaScript valueOf() method of a number [...]

The Number toString() method 🔗

Find out all about the JavaScript toString() method of a number [...]

The Number parseInt() method 🔗

Find out all about the JavaScript parseInt() method of the Number object [...]

The Number parseFloat() method 🔗

Find out all about the JavaScript parseFloat() method of the Number object [...]

The Number isSafeInteger() method 🔗

Find out all about the JavaScript isSafeInteger() method of the Number object [...]

The Number isNaN() method 🔗

Find out all about the JavaScript isNaN() method of the Number object [...]

The Number isInteger() method 🔗

Find out all about the JavaScript isInteger() method of the Number object [...]

JavaScript Reference: String 🔗

All about the JavaScript String properties and methods [...]

The String valueOf() method 🔗

Find out all about the JavaScript valueOf() method of a string [...]

Memoization in JavaScript 🔗

An introduction to memoization in JavaScript [...]

The String trimStart() method 🔗

Find out all about the JavaScript trimStart() method of a string [...]

The String trimEnd() method 🔗

Find out all about the JavaScript trimEnd() method of a string [...]

The String trim() method 🔗

Find out all about the JavaScript trim() method of a string [...]

The String toUpperCase() method 🔗

Find out all about the JavaScript toUpperCase() method of a string [...]

The String toString() method 🔗

Find out all about the JavaScript toString() method of a string [...]

How to debug CSS by bisecting 🔗

One of the workflows I use to debug CSS [...]

The String toLowerCase() method 🔗

Find out all about the JavaScript toLowerCase() method of a string [...]

The String toLocaleUpperCase() method 🔗

Find out all about the JavaScript toLocaleUpperCase() method of a string [...]

Introduction to Puppeteer 🔗

Introduction to programmatically controlling Chrome from Node.js [...]

The String toLocaleLowerCase() method 🔗

Find out all about the JavaScript toLocaleLowerCase() method of a string [...]

The String substring() method 🔗

Find out all about the JavaScript substring() method of a string [...]

The String startsWith() method 🔗

Find out all about the JavaScript startsWith() method of a string [...]

Web Scraping using Node.js and Puppeteer 🔗

A short introductory tutorial to Web Scraping [...]

The String split() method 🔗

Find out all about the JavaScript split() method of a string [...]

The String slice() method 🔗

Find out all about the JavaScript slice() method of a string [...]

Arduino vs Raspberry Pi 🔗

A comparison of two of the most popular platforms to tinker with [...]

The String repeat() method 🔗

Find out all about the JavaScript repeat() method of a string [...]

The String padStart() method 🔗

Find out all about the JavaScript padStart() method of a string [...]

Making a table responsive using CSS 🔗

A practical way to make tables display nice on mobile [...]

The String padEnd() method 🔗

Find out all about the JavaScript padEnd() method of a string [...]

The String normalize() method 🔗

Find out all about the JavaScript normalize() method of a string [...]

The String match() method 🔗

Find out all about the JavaScript match() method of a string [...]

The String localeCompare() method 🔗

Find out all about the JavaScript localeCompare() method of a string [...]

The UNIX Filesystem Commands 🔗

A brief guide to the UNIX filesystem commands [...]

The String lastIndexOf() method 🔗

Find out all about the JavaScript lastIndexOf() method of a string [...]

The String indexOf() method 🔗

Find out all about the JavaScript indexOf() method of a string [...]

The String includes() method 🔗

Find out all about the JavaScript includes() method of a string [...]

UNIX Editors 🔗

A brief guide to the UNIX editors [...]

The String endsWith() method 🔗

Find out all about the JavaScript endsWith() method of a string [...]

The String concat() method 🔗

Find out all about the JavaScript concat() method of a string [...]

The String codePointAt() method 🔗

Find out all about the JavaScript codePointAt() method of a string [...]

The Node.js Runtime v8 options list 🔗

All the possible options you can use when you start a Node.js program [...]

The String charCodeAt() method 🔗

Find out all about the JavaScript charCodeAt() method of a string [...]

The String charAt() method 🔗

Find out all about the JavaScript charAt() method of a string [...]

The ES2019 Guide 🔗

ECMAScript is the standard upon which JavaScript is based, and it's often abbreviated to ES. Discover everything about ECMAScript, and the features ad [...]

How I run little JavaScript snippets 🔗

The tools I use to run my JavaScript when testing or trying out things [...]

How to exit Vim 🔗

Let me help you finally exit Vim! [...]

The String search() method 🔗

Find out all about the JavaScript search() method of a string [...]

The String replace() method 🔗

Find out all about the JavaScript replace() method of a string [...]

Configuring the macOS command line 🔗

How to set up the macOS terminal from zero to a perfect tool for you day to day development [...]

Configuring VS Code 🔗

How to set up VS Code from zero to a perfect tool for JavaScript development [...]

Everyone can learn programming 🔗

Just like everyone can learn the math basics. Or just like everyone can learn how to drive a car, or learn how to use a smartphone [...]

Do I need a degree to be a programmer? 🔗

No. I have a degree and I can safely say that a degree is not a pre-requisite to being a programmer. [...]

Why interview questions for programming jobs are so difficult? 🔗

I have to say I hate programming interview questions. Why they are so difficult? [...]

Why use a preview version of a browser? 🔗

Find out why is it a good thing to use Chrome Canary, Firefox Nightly or Safari Technology Preview [...]

How to list all methods of an object in JavaScript 🔗

Find out how to get an array with a JavaScript object methods [...]

Does programming require knowing math? 🔗

You can be a great programmer even if you were bad at math in school [...]

What is pnpm? 🔗

Introduction to pnpm, the drop in npm replacement that saves you disk space [...]

Shell, watch file content as it populates 🔗

A brief guide to the `tail` UNIX command line tool [...]

How to solve the unexpected identifier error when importing modules in JavaScript 🔗

My advice on solving this problem I encountered [...]

The node_modules folder size is not a problem. It's a privilege 🔗

My thoughts on the node_modules folder size debate [...]

JavaScript Generators Tutorial 🔗

Generators are a special kind of function with the ability to pause itself, and resume later, allowing other code to run in the meantime. [...]

Should I write comments? 🔗

Thoughts on commenting code, and on commenting the right way [...]

How to learn how to learn 🔗

Notes and observations on how to learn things quicker and in a more effective way [...]

React, how to transfer props to child components 🔗

How to pass all props a components gets from its parent, to its own children, in React [...]

Conditional rendering in React 🔗

How to dynamically output something vs something else in React [...]

How to return multiple elements in JSX 🔗

How to workaround that the limitation that JSX has when having to return multiple elements from a component [...]

How to handle errors in React 🔗

Best practices to handle errors in React using error boundaries [...]

Casting in JavaScript 🔗

How to cast from one data type to another in JavaScript [...]

How to style DOM elements using JavaScript 🔗

The ways you can apply styling to elements on the page, dynamically, using plain JavaScript [...]

Loosely typed vs strongly typed languages 🔗

The key differences between using a loosely typed language compared to a strongly typed languages [...]

Passing undefined to JavaScript Immediately-invoked Function Expressions 🔗

Sometimes you can spot old code in the wild where `undefined` is passed to a function. Why? [...]

How to pass a parameter to event handlers in React 🔗

Find out how to pass a parameter to onClick events for example, without invoking the method on mount [...]

The Fish Shell 🔗

An introduction to the Fish shell [...]

Introduction to Bash Shell Scripting 🔗

A detailed overview to scripting the Bash Shell [...]

The Bash shell 🔗

A user introduction to the Bash shell [...]

How to continuously rotate an image using CSS 🔗

How to use CSS Animations to continuously rotate an image [...]

Dynamically select a method of an object in JavaScript 🔗

Learn how to access a method of an object dynamically in JavaScript [...]

TypeScript Tutorial 🔗

TypeScript is one of the fastest rising technologies of 2018. It's everywhere, everyone talks about it. This article guides you towards understanding [...]

How to estimate programming time 🔗

The fine art of estimating how long it takes to create software [...]

How to discover a bug using git bisect 🔗

How I debug almost all problems that involve a long history of changes, tracked using Git, and discover when you introduced a bug in your code [...]

The pros of using a boring stack 🔗

Why I think choosing a boring stack is important in programming [...]

The definitive guide to debugging JavaScript 🔗

Learn how to debug JavaScript using the browser DevTools debugger [...]

Testing React components 🔗

Test your first React component using Jest and `react-testing-library` [...]

Destructuring Objects and Arrays in JavaScript 🔗

Learn how to use the destructuring syntax to work with arrays and objects in JavaScript [...]

Work with objects and arrays using Rest and Spread 🔗

Learn two modern techniques to work with arrays and objects in JavaScript [...]

Introduction to PeerJS, the WebRTC library 🔗

Working with WebRTC can be hard. PeerJS is an awesome library that makes WebRTC easier [...]

React Render Props 🔗

Learn how Render Props can help you build a React application [...]

React Portals 🔗

Find out how to use React Portals [...]

React StrictMode 🔗

What is React StrictMode and how to use it [...]

What is Serverless? 🔗

What is serverless and why should you care? [...]

Netlify Lambda Functions Tutorial 🔗

How to use Netlify Lambda Functions and add dynamic processing to JAMstack sites [...]

Handling Forms in React 🔗

How to handle forms in a React application [...]

Using SASS in React 🔗

How to use SASS to style a React application [...]

CSS in React 🔗

How to use CSS to style a React application [...]

How to install React 🔗

How to install React on your development computer [...]

Server Side Rendering with React 🔗

What is Server Side Rendering? How to do it with React? [...]

How I added Dark Mode to my website 🔗

The step by step instructions to make 2 versions of your website, to make it perfect for both day and night use [...]

Code Splitting in React 🔗

What is Code Splitting and how to introduce it in a React app [...]

React: Presentational vs Container Components 🔗

The difference between Presentational and Container Components in React [...]

React Concept: Composition 🔗

What is composition and why is it a key concept in your React apps [...]

Introduction to create-react-app 🔗

create-react-app is the easiest way to start up a React application [...]

How to only accept images in an input file field 🔗

When adding a file field to a form, you might want to limit the selector to images [...]

Introduction to React Hooks 🔗

Learn how Hooks can help you build a React application [...]

React Concept: Purity 🔗

What is purity, a pure function and a pure component [...]

React Concept: Immutability 🔗

What is immutability? And how does it fit in the React world? [...]

React Lifecycle Events 🔗

Find out the React Lifecycle events and how you can use them [...]

JSON Web Token (JWT) explained 🔗

Learn the basics of JWT and how to use them [...]

React Higher Order Components 🔗

Find out what Higher Order Components are and how they are useful when programming a React application [...]

The HTTP/2 protocol 🔗

A detailed description of how the HTTP/2 protocol works [...]

call() and apply() in JavaScript 🔗

Find out how to use call() and apply() and their difference in JavaScript [...]

Unidirectional Data Flow in React 🔗

Working with React you might encounter the term Unidirectional Data Flow. What does it mean? [...]

How to reference a DOM element in React 🔗

Find out how to ref a DOM element in React [...]

How to count the number of properties in a JavaScript object 🔗

Find out how to calculate how many properties has a JavaScript object [...]

How to sort an array of objects by a property value in JavaScript 🔗

Let's find out how to sort an array of objects by a property value in JavaScript! [...]

How to set default parameter values in JavaScript 🔗

Find out how to add a default parameter value into a JavaScript function [...]

How to encode a URL with JavaScript 🔗

You might need to encode a URL if you are sending it as part of a GET request, for example. [...]

How to empty a JavaScript array 🔗

Given a JavaScript array, see how to clear it and empty all its elements [...]

How to replace a DOM element 🔗

Given a DOM element, how do you replace it with another? [...]

How to get the scroll position of an element in JavaScript 🔗

When you are building a user interface in the browser, you might have an element which can be scrolled, and it's a common need to know the horizontal [...]

How to merge two objects in JavaScript 🔗

Find out how to merge 2 JavaScript objects and create a new object that combines the properties [...]

Introduction to Gatsby 🔗

Gatsby is a platform for building apps and websites using React [...]

What is a CDN? 🔗

Discover what is a CDN and why it's useful [...]

What is the JAMstack? 🔗

Find out what does JAMstack mean, and the advantages of this set of technologies [...]

Use the Chrome DevTools to debug a Node.js app 🔗

When we're programming it's common to have the need to quickly test and do some experiments with a piece of code. [...]

How to use MongoDB with Node.js 🔗

In this tutorial I'll show you how to interact with a MongoDB database from Node.js [...]

How MongoDB is different from a SQL database 🔗

Generally speaking there are 2 major types of databases: SQL databases, and NoSQL databases [...]

The MongoDB basics tutorial 🔗

MongoDB is a database, the part of the application responsible for storing and retrieving information. [...]

How to use the macOS terminal 🔗

The terminal is one key piece of your programming arsenal. It allows you to perform tasks that are otherwise impossible to achieve. [...]

Angular 🔗

Do you have any Angular tutorials? [...]

How to hide a DOM element using plain JavaScript 🔗

Find out how to hide and then show again elements in vanilla JavaScript [...]

Should you use or learn jQuery in 2020? 🔗

To use or not to use? To learn or not to learn? Let's see how you can avoid jQuery altogether, and the reasons you should keep using it [...]

WebRTC, the Real Time Web API 🔗

How to use WebRTC to create a direct webcam communication application with this simple tutorial [...]

How much JavaScript you need to know to use React? 🔗

Find out if you have to learn something before diving into learning React [...]

How to hide the address bar in Chrome 🔗

Useful for screenshots and screencasts, or just to increase the real estate of your screen [...]

The JSONP Guide 🔗

JSONP is a way to load data from 3rd party servers, bypassing the same-origin policy [...]

Introduction to JSON 🔗

JSON is a great format to store data, widely used in JavaScript but not only - discover all about it! [...]

Run a web server from any folder 🔗

An introduction to WebAssembly 🔗

Discover why WebAssembly is a very important part of the Web platform of the future [...]

What is a Single Page Application? 🔗

Modern Web Applications are also called Single Page Applications. What does this mean? [...]

Should you use Vue or React? 🔗

Many people asked me to write my opinion on React vs Vue.js. Here are my thoughts. [...]

Should you use jQuery or React? 🔗

The tl;dr is, it depends! [...]

Props vs State in React 🔗

What's the difference between state and props in React? [...]

How to get the index of an iteration in a for-of loop in JavaScript 🔗

How to loop inside React JSX 🔗

How to do a loop in a React component [...]

React: How to show a different component on click 🔗

Toggle the visibility of components by telling React to display another component when you click something [...]

HTML Canvas API Tutorial 🔗

A guide to the Canvas API, one way offered by browsers to draw to the screen [...]

React concepts: declarative 🔗

What does it mean when you read that React is declarative [...]

React PropTypes 🔗

How to use PropTypes to set the required type of a prop [...]

The React Context API 🔗

The Context API is a neat way to pass state across the app without having to use props [...]

The React Fragment 🔗

How to use React.Fragment to create invisible HTML tags [...]

React Props 🔗

How to use props to pass data around your React components [...]

The React State 🔗

How to interact with the state of your components [...]

React Events 🔗

Learn how to interact with events in a React application [...]

The Virtual DOM 🔗

The Virtual DOM is a technique that React uses to optimize interacting with the browser [...]

React Components 🔗

A brief introduction to React Components [...]

Introduction to React 🔗

An introduction to the React view library [...]

Add click event to DOM elements returned from querySelectorAll 🔗

How to iterate a NodeList and attach an event listener to each element [...]

How to change a DOM node value 🔗

Given a DOM element, how do you change its value? [...]

How to check if a DOM element has a class 🔗

How do you check if a particular DOM element you have the reference of, has a class? [...]

How to remove a class from a DOM element 🔗

TL;DR: Use the remove() method on element.classList [...]

How to generate a random number between two numbers in JavaScript 🔗

The simplest possible way to randomly pick a number between two [...]

How to loop over DOM elements from querySelectorAll 🔗

TL;DR: Use the for..of loop [...]

How to add a class to a DOM element 🔗

TL;DR: Use the add() method on element.classList [...]

How to wait for the DOM ready event in plain JavaScript 🔗

How to run JavaScript as soon as we can, but not sooner [...]

Async vs sync code 🔗

The difference between running code synchronously or asynchronously [...]

Why should you use Node.js in your next project? 🔗

When is it a good idea to use Node.js over other technologies? Why Node.js and not another solution? This post aims to answer that question. [...]

How to write a JSON object to file in Node.js 🔗

Discover how to save a JSON object to file in Node.js, and retrieve it later [...]

How to determine if a date is today in JavaScript 🔗

Discover how to find out if a Date object represents a today datetime [...]

How to get the last updated date of a file using Node.js 🔗

Discover how to retrieve the last updated date of a file with Node.js [...]

How to use Async and Await with Array.prototype.map() 🔗

Using async/await combined with map() can be a little tricky. Find out how. [...]

How to remove a file with Node.js 🔗

Discover how to remove a file from the filesystem with Node.js [...]

How to create an empty file in Node.js 🔗

Discover how create an empty file in a filesystem folder in Node.js [...]

The HTTP Status Codes List 🔗

Every HTTP response comes with a status code that signals with a clear number information about how the request was processed [...]

Caching in HTTP 🔗

A detailed description of the caching options available through the HTTP protocol [...]

The curl guide to HTTP requests 🔗

curl is an awesome tool that lets you create network requests from the command line [...]

The HTTPS protocol 🔗

The HTTPS protocol is an extension of HTTP, the Hyper Text Transfer Protocol, that provide secure communication [...]

The HTTP protocol 🔗

A detailed description of how the HTTP protocol, and the Web, work [...]

The ES2018 Guide 🔗

ECMAScript is the standard upon which JavaScript is based, and it's often abbreviated to ES. Discover everything about ECMAScript, and the features ad [...]

What is an RFC? 🔗

RFCs, Request for Comments, are publications from the technology community [...]

The ES2017 Guide 🔗

ECMAScript is the standard upon which JavaScript is based, and it's often abbreviated to ES. Discover everything about ECMAScript, and the features ad [...]

How to initialize a new array with values in JavaScript 🔗

Find out how you can initialize a new array with a set of values in JavaScript [...]

The ES2016 Guide 🔗

ECMAScript is the standard upon which JavaScript is based, and it's often abbreviated to ES. Discover everything about ECMAScript, and the features ad [...]

How to get the current URL in JavaScript 🔗

Find out the ways JavaScript offers you to get the current URL that's opened in the browser [...]

The ES6 Guide 🔗

ECMAScript is the standard upon which JavaScript is based, and it's often abbreviated to ES. Discover everything about ECMAScript, and the features ad [...]

How to create a multiline string in JavaScript 🔗

Discover how to create a multiline string [...]

The best podcasts for frontend developers 🔗

Some nice podcasts to listen to while commuting or in general when you are away from keyboard [...]

How to check if a string starts with another in JavaScript 🔗

Checking if a string starts with another substring is a common thing to do. See how to perform this check in JavaScript [...]

How to get the unique properties of a set of objects in a JavaScript array 🔗

Given an array of objects, here's what you can do if you want to get the values of a property, but not duplicated. [...]

How to validate an email address in JavaScript 🔗

There are lots of ways to validate an email address. Learn the correct way, and also find out all the options you have, using plain JavaScript [...]

How to check if a file exists in Node.js 🔗

How to check if a file exists in the filesystem using Node.js, using the `fs` module [...]

Remote working for software developers 🔗

Is remote working making you a more effective developer? A happier developer? How can you improve? [...]

Node, the difference between development and production 🔗

Learn how to set up different configurations for production and development environments [...]

Manage Cookies with Express 🔗

How to use the `Response.cookie()` method to manipulate your cookies [...]

Handling CORS in Express 🔗

How to allow cross site requests by setting up CORS [...]

Handling file uploads in forms using Express 🔗

How to manage storing and handling files uploaded via forms, in Express [...]

The idea is nothing 🔗

Ideas are worthless. Execution plus idea is everything. [...]

Handling forms in Express 🔗

How to process forms using Express [...]

Work with HTTP headers in Express 🔗

Learn how to access and change HTTP headers using Express [...]

Setup Let's Encrypt for Express 🔗

How to set up HTTPS using the popular free solution Let's Encrypt [...]

Express Middleware 🔗

A piece of middleware is a function that hooks into the routing process, performing an arbitrary operation at some point in the chain (depending on wh [...]

Handling redirects with Express 🔗

How to redirect to other pages server-side [...]

Retrieve the POST query parameters using Express 🔗

Found out how to retrieve the POST query parameters using Express [...]

The Node events module 🔗

The events module of Node.js provides the EventEmitter class [...]

The Node os module 🔗

The os module of Node.js provides useful functions to interact with underlying system [...]

Express, Request Parameters 🔗

A handy reference to all the request object properties and how to use them [...]

How to exit from a Node.js program 🔗

Learn how to terminate a Node.js app in the best possible way [...]

How to read environment variables from Node.js 🔗

Learn how to read and make use of environment variables in a Node.js program [...]

The Pug Guide 🔗

How to use the Pug templating engine [...]

An Express HTTPS server with a self-signed certificate 🔗

How to create a self-signed HTTPS certificate for Node.js to test apps locally [...]

Error handling in Node.js 🔗

How to handle errors during the execution of a Node.js application [...]

Routing in Express 🔗

Routing is the process of determining what should happen when a URL is called, or also which parts of the application should handle a specific incomin [...]

Sanitizing input in Express using express-validator 🔗

Send files using Express 🔗

Express provides a handy method to transfer a file as attachment: `Response.download()` [...]

Send a response using Express 🔗

How to send a response back to the client using Express [...]

Express Sessions 🔗

How to use sessions to identify users across requests [...]

Send a JSON response using Express 🔗

How to serve JSON data using the Node.js Express library [...]

Serving Static Assets with Express 🔗

How to serve static assets directly from a folder in Express [...]

Express Templates 🔗

Express is capable of handling server-side template engines. Template engines allow us to add data to a view, and generate HTML dynamically. [...]

Validating input in Express using express-validator 🔗

Learn how to validate any data coming in as input in your Express endpoints [...]

The basics of working with MySQL and Node 🔗

MySQL is one of the most popular relational databases in the world. Find out how to make it work with Node.js [...]

Using WebSockets with Node.js 🔗

WebSockets are an alternative to HTTP communication in Web Applications. They offer a long lived, bidirectional communication channel between client a [...]

The Node http module 🔗

The http module of Node.js provides useful functions and classes to build an HTTP server [...]

The Node path module 🔗

The path module of Node.js provides useful functions to interact with file paths [...]

Working with folders in Node 🔗

How to interact with folders using Node [...]

Working with file descriptors in Node 🔗

How to interact with file descriptors using Node [...]

Node file stats 🔗

How to get the details of a file using Node [...]

Writing files with Node 🔗

How to write files using Node [...]

Node File Paths 🔗

How to interact with file paths and manipulate them in Node [...]

Reading files with Node 🔗

How to read files using Node and the `fs` module [...]

HTTP requests in Node using Axios 🔗

Axios is a very convenient JavaScript library to perform HTTP requests in Node.js [...]

The Node fs module 🔗

The fs module of Node.js provides useful functions to interact with the file system [...]

Making HTTP requests with Node 🔗

How to perform HTTP requests with Node.js using GET, POST, PUT and DELETE [...]

Build an HTTP Server 🔗

How to build an HTTP server with Node.js [...]

The Node Event emitter 🔗

How to work with custom events in Node [...]

Understanding setImmediate() 🔗

The Node.js setImmediate function interacts with the event loop in a special way [...]

Understanding process.nextTick() 🔗

The Node.js process.nextTick function interacts with the event loop in a special way [...]

The Node.js Event Loop 🔗

The Event Loop is one of the most important aspects to understand about Node [...]

npm dependencies and devDependencies 🔗

When is a package a dependency, and when is it a dev dependency? [...]

npm global or local packages 🔗

When is a package best installed globally? Why? [...]

Uninstalling npm packages with `npm uninstall` 🔗

How to uninstall an npm Node package, locally or globally [...]

Accept input from the command line in Node 🔗

How to make a Node.js CLI program interactive using the built-in readline Node module [...]

Output to the command line using Node 🔗

How to print to the command line console using Node, from the basic console.log to more complex scenarios [...]

Node, accept arguments from the command line 🔗

How to accept arguments in a Node.js program passed from the command line [...]

How to use the Node.js REPL 🔗

REPL stands for Read-Evaluate-Print-Loop, and it's a great way to explore the Node features in a quick way [...]

How much JavaScript do you need to know to use Node? 🔗

If you are just starting out with JavaScript, how much deeply do you need to know the language? [...]

How to install Node.js 🔗

How you can install Node.js on your system: a package manager, the official website installer or nvm [...]

A brief history of Node.js 🔗

A look back on the history of Node.js from 2009 to today [...]

Node Buffers 🔗

Learn what Node buffers are, what they are used for, how to use them [...]

Get HTTP request body data using Node 🔗

Find out how to extract the data sent as JSON through an HTTP request body using Node [...]

Make an HTTP POST request using Node 🔗

Find out how to make an HTTP POST request using Node [...]

Differences between Node and the Browser 🔗

How writing JavaScript application in Node.js differs from programming for the Web inside the browser [...]

Expose functionality from a Node file using exports 🔗

How to use the module.exports API to expose data to other files in your application, or to other applications as well [...]

How to log an object in Node 🔗

Logging objects in Node.js [...]

How to get the current folder in Node 🔗

The two ways of referencing the filesystem: ./ and __dirname, explained [...]

Install an older version of an npm package 🔗

Learn how to install an older version of an npm package, something that might be useful to solve a compatibility problem [...]

Node.js Streams 🔗

Learn what streams are for, why are they so important, and how to use them. [...]

Find the installed version of an npm package 🔗

How to find out which version of a particular package you have installed in your app [...]

Parsing JSON with Node.js 🔗

How to parse JSON from a string, and how to read a JSON file in Node.js [...]

Update all the Node dependencies to their latest version 🔗

How do you update all the npm dependencies store in the package.json file, to their latest version available? [...]

Retrieve the GET query string parameters using Express 🔗

The query string is the part that comes after the URL path and starts with a question mark ('?'). Let's see how to get the properties and their values [...]

Should you commit the node_modules folder to Git? 🔗

That's a good question to have. There are pros and cons. I discuss the topic so you can make your own opinion. [...]

Semantic Versioning using npm 🔗

Semantic Versioning is a convention used to provide a meaning to versions [...]

The package-lock.json file 🔗

The package-lock.json file is automatically generated when installing node packages. Learn what it's about [...]

How to use or execute a package installed using npm 🔗

How to include and use in your code a package installed in your node_modules folder [...]

How to update Node.js 🔗

Find out how to properly upgrade the Node.js version you have installed [...]

Where does npm install the packages? 🔗

How to find out where npm installs the packages [...]

The package.json guide 🔗

The package.json file is a key element in lots of app codebases based on the Node.js ecosystem. [...]

Quotes in JavaScript 🔗

An overview of the quotes allowed in JavaScript and their unique features [...]

The JavaScript Cookbook 🔗

The JavaScript cookbook contains lots of useful how-to articles that explain how to perform common things in JavaScript [...]

HTTP vs HTTPS 🔗

Explore the main differences between HTTP and HTTPS, see why HTTPS is faster and better for everything [...]

The HTTP Response Headers List 🔗

Every HTTP response has a set of headers. This post aims to list all those headers, and describe them [...]

The HTTP Request Headers List 🔗

Every HTTP request has a set of mandatory and optional headers. This post aims to list all those headers, and describe them. [...]

How HTTP requests work 🔗

What happens when you type an URL in the browser, from start to finish [...]

How to use JavaScript Classes 🔗

In 2015 the ECMAScript 6 (ES6) standard introduced classes. Learn all about them [...]

JavaScript Exceptions 🔗

When the code runs into an unexpected problem, the JavaScript idiomatic way to handle this situation is through exceptions [...]

JavaScript Prototypal Inheritance 🔗

JavaScript is quite unique in the popular programming languages landscape because of its usage of prototypal inheritance. Let's find out what that mea [...]

How to make your JavaScript functions sleep 🔗

Learn how to make your function sleep for a certain amount of time in JavaScript [...]

8 good reasons to become a software developer 🔗

Why becoming a software engineer is a good plan for your future career [...]

Generate random and unique strings in JavaScript 🔗

How I created an array of 5000 unique strings in JavaScript [...]

How to setup the Git SSH keys 🔗

When working with Git using the command line, the most common way to handle authentication is through the use of SSH keys. Find out how to set them up [...]

The npx Node Package Runner 🔗

npx is a very cool way to run Node code, and provides many useful features [...]

The JavaScript Math library 🔗

The Math object contains lots of utilities math-related. This tutorial describes them all [...]

The JavaScript Arithmetic operators 🔗

Performing math operations and calculus is a very common thing to do with any programming language. JavaScript offers several operators to help us wor [...]

Semicolons in JavaScript 🔗

JavaScript semicolons are optional. I personally like avoiding using semicolons in my code, but many people prefer them. [...]

Roadmap to become a Vue.js 2 developer in 2020 🔗

This is a graph I made with the technologies that will make you a well-rounded developer proficient in Vue.js programming. [...]

Vue 2, why data must be a function 🔗

Using Vue you might surely asked yourself the question 'why must data be a function that returns an object, and not just an object?' [...]

Vue 2, how to use v-model 🔗

The v-model Vue directive allows us to create a two-way binding. Learn how to use it [...]

How to dynamically apply a class using Vue 2 🔗

Learn how to make Vue output a class or another depending on some condition [...]

Store Vue data to localStorage using Vuex 🔗

Learn how to store Vuex data automatically to localStorage or sessionStorage [...]

The Vue.js 2 Cheat Sheet 🔗

Common commands and instructions you'll use in your day-to-day Vue.js coding sessions [...]

The Tailwind Cheat Sheet 🔗

Reference list of common CSS properties you'll want to use in Tailwind, and their relative classes [...]

A Moment.js tutorial 🔗

Moment.js is a great help in managing dates in JavaScript [...]

The definitive guide to JavaScript Dates 🔗

Working with dates in JavaScript can be complicated. Learn all the quirks and how to use them. [...]

How to inspect a JavaScript object 🔗

Find out the ways JavaScript offers you to inspect an object (or any other kind of value) [...]

How to trim the leading zero in a number in JavaScript 🔗

If you have a number with a leading zero, like 010 or 02, how to remove that zero? [...]

Dynamically show a Vue 2 component 🔗

Using Vue you define the application layout using components. In the beginning you manually place components where you want, but at some point you nee [...]

A quick reference guide to Modern JavaScript Syntax 🔗

Many times, code samples are using the latest JavaScript features available. Sometimes those features can be hard to be distinguished from a framework [...]

How to replace all occurrences of a string in JavaScript 🔗

Find out the proper way to replace all occurrences of a string in plain JavaScript, from regex to other approaches [...]

Run package.json scripts upon any file changes in a folder 🔗

This article explains how to make a package.json script re-run whenever a file in a folder changes. [...]

How to setup Tailwind with PurgeCSS and PostCSS 🔗

How I set up my workflow to trim the Tailwind CSS using PurgeCSS and a simple PostCSS setup (no webpack involved) [...]

The Vue 2 Router 🔗

How to use the Vue Router, one of the essential pieces of a Vue application [...]

The V8 JavaScript Engine 🔗

V8 is the name of the JavaScript engine that powers Google Chrome. It's the thing that takes our JavaScript and executes it while browsing with Chrome [...]

Emmet Tutorial 🔗

Emmet is a pretty cool tool that helps you write HTML very very fast. It's like magic. Emmet is not something new, it's been around for years and ther [...]

Using Tailwind with Vue.js 2 🔗

This article explains how to set up Tailwind for usage in a Vue CLI 3 project [...]

How to use SCSS with Vue.js 2 Single File Components 🔗

Find out how to enable SCSS into your Vue.js components [...]

Parcel, a simpler webpack 🔗

Parcel is a Web Application Bundler. It's in the same tool category of webpack, with a different value proposition. Parcel promises to do many things [...]

Vue 2, how to use a prop as the class name 🔗

Sometimes you pass a prop to a component, and you want to use that prop value as the class name. How to do that? [...]

Vue 2, use a component inside another component 🔗

Here's how to import a component inside another component in Vue.js [...]

Vuex, the Vue.js 2 State Manager 🔗

Vuex is the official state management library for Vue.js. In this tutorial I'm going to explain its basic usage. [...]

Vue.js 2 Components Communication 🔗

How you can make components communicate in a Vue.js application. [...]

Vue.js 2 Events 🔗

Vue.js allows us to intercept any DOM event by using the v-on directive on an element. This topic is key to making a component interactive [...]

JavaScript Asynchronous Programming and Callbacks 🔗

JavaScript is synchronous by default, and is single threaded. This means that code cannot create new threads and run in parallel. Find out what asynch [...]

Vue.js 2 Component Props 🔗

Props are used to pass down state to child components. Learn all about them [...]

Introduction to Electron 🔗

Learn the basics of Electron, the framework built by GitHub that powers a lot of innovative and very popular cross-platform applications [...]

Vue.js 2 Slots 🔗

Slots help you position content in a component, and allow parent components to arrange it. [...]

Introduction to CommonJS 🔗

The CommonJS module specification is the standard used in Node.js for working with modules. Modules are very cool, because they let you encapsulate al [...]

Introduction to ES Modules 🔗

ES Modules is the ECMAScript standard for working with modules. While Node.js has been using the CommonJS standard since years, the browser never had [...]

Vue.js 2 Components 🔗

Components are single, independent units of an interface. They can have their own state, markup and style. [...]

Vue.js 2 Filters 🔗

Filters are the way Vue.js lets us apply formatting and transformations to a value that's used in a template interpolation. [...]

Vue 2 methods vs watchers vs computed properties 🔗

Vue.js provides us methods, watchers and computed properties. When to use one vs the other? [...]

Vue.js 2 Watchers 🔗

A Vue watcher allows you to listen to the component data and run whenever a particular property changes [...]

Styling Vue.js 2 components using CSS 🔗

Learn all the options at your disposal to style Vue.js components using CSS [...]

The stack I use to run this blog 🔗

In this post I describe how I run my blog [...]

Vue.js 2 Computed Properties 🔗

Learn how you can use Vue Computed Properties to cache calculations [...]

Vue.js 2 Methods 🔗

A Vue method is a function associated with the Vue instance. Methods are defined inside the `methods` property. Let's see how they work. [...]

Vue.js 2 Directives 🔗

Vue.js uses a templating language that's a superset of HTML. We can use interpolation, and directives. This article explains directives. [...]

Vue.js 2 templates and interpolations 🔗

Vue.js uses a templating language that's a superset of HTML. Any HTML is a valid Vue.js template, and in addition to that, Vue.js provides two powerfu [...]

Vue.js 2 Single File Components 🔗

Learn how Vue helps you create a single file that is responsible for everything that regards a single component, centralizing the responsibility for t [...]

Create your first app with Vue.js 2 🔗

If you've never created a Vue.js application, I am going to guide you through the task of creating one, and understanding how it works. The app we're [...]

Configuring VS Code for Vue Development 🔗

VS Code is one of the most used code editors in the world right now. When you're such a popular editor, people build nice plugins. One of such plugins [...]

How to use VS Code 🔗

VS Code, VSCode for friends, is an incredibly powerful editor that's hugely growing in popularity. Find out why, and its main features for developers [...]

The Vue.js DevTools 🔗

Vue has a great panel that integrates into the Browser Developer Tools, which lets you inspect your application and interact with it, to ease debuggin [...]

The Vue.js 2 CLI: learn how to use it 🔗

Vue is a very impressive project, and in addition to the core of the framework, it maintains a lot of utilities that make a Vue programmer's life easi [...]

An overview of Vue.js 2 🔗

Vue is a very impressive project. It's a very popular JavaScript framework, one that's experiencing a huge growth. It is simple, tiny and very perform [...]

Express, a popular Node.js Framework 🔗

Express is a Node.js Web Framework. Node.js is an amazing tool for building networking services and applications. Express builds on top of its feature [...]

How to check if a JavaScript object property is undefined 🔗

In a JavaScript program, the correct way to check if an object property is undefined is to use the `typeof` operator. See how you can use it with this [...]

How to append an item to an array in JavaScript 🔗

Find out the ways JavaScript offers you to append an item to an array, and the canonical way you should use [...]

The CSS Guide 🔗

CSS is the language that defines the visual appearance of an HTML page in the browser. Learn all about CSS, from the zero to flexbox, CSS Grid and CSS [...]

Introduction to CSS 🔗

CSS is the language that defines the visual appearance of an HTML page in the browser. It's evolving quickly, and thanks to the newest features, CSS h [...]

How to remove a property from a JavaScript object 🔗

There are various ways to remove a property from a JavaScript object. Find out the alternatives and the suggested solution [...]

How to redirect to another web page using JavaScript 🔗

JavaScript offers many ways to redirect the user to a different web page. Learn the canonical way, and also find out all the options you have, using p [...]

JavaScript Immediately-invoked Function Expressions (IIFE) 🔗

An Immediately-invoked Function Expression is a way to execute functions immediately, as soon as they are created. IIFEs are very useful because they [...]

JavaScript Strict Mode 🔗

Strict Mode is an ES5 feature, and it's a way to make JavaScript behave in a better way. And in a different way, as enabling Strict Mode changes the s [...]

How to get the current timestamp in JavaScript 🔗

Find out the ways JavaScript offers you to generate the current UNIX timestamp [...]

Testing JavaScript with Jest 🔗

Jest is a library for testing JavaScript code. It's an open source project maintained by Facebook, and it's especially well suited for React code test [...]

this in JavaScript 🔗

`this` is a value that has different values depending on where it's used. Not knowing this tiny detail of JavaScript can cause a lot of headaches, so [...]

The Speech Synthesis API 🔗

The Speech Synthesis API is an awesome API, great to experiment new kind of interfaces and let the browser talk to you [...]

How to convert a string to a number in JavaScript 🔗

Learn how to convert a string to a number using JavaScript [...]

How to format a number as a currency value in JavaScript 🔗

Learn how to convert a number into a currency value, using the JavaScript Internationalization API [...]

Interact with the Google Analytics API using Node.js 🔗

Learn how to interface a Node.js application with the Google Analytics API, using the official `googleapis` package. We'll use a JSON Web Token and se [...]

How to authenticate to any Google API 🔗

The Google Developers Console can be complicated to get right, and it's one of the reasons I sometimes have resistance into using one of the Google AP [...]

How I automate sharing old blog posts on Twitter 🔗

I have lots of evergreen content on my blog. This tutorial explains how I automated the repurpose of such content on Twitter [...]

How to uppercase the first letter of a string in JavaScript 🔗

JavaScript offers many ways to capitalize a string to make the first character uppercase. Learn the various ways, and also find out which one you shou [...]

Unicode in JavaScript 🔗

Learn how to work with Unicode in JavaScript, learn what Emojis are made of, ES6 improvements and some pitfalls of handling Unicode in JS [...]

Introduction to Unicode and UTF-8 🔗

Unicode is an industry standard for consistent encoding of written text. Learn the basics and most important parts of it, in particular concerning UTF [...]

The Beginner's Guide to Meteor 🔗

Meteor is a web application platform. It's a tool for both beginners and experts, it makes it super easy to start, and provides a huge ecosystem of li [...]

How to deep clone a JavaScript object 🔗

JavaScript offers many ways to copy an object, but not all provide deep copy. Learn the most efficient way, and also find out all the options you have [...]

Airtable API for Developers 🔗

Airtable is an amazing tool. Discover why it's great for any developer to know about it and its API [...]

Glitch, a great Platform for Developers 🔗

Glitch is a pretty amazing platform to learn and experiment with code. This post introduces you to Glitch and makes you go from zero to hero [...]

How to remove an item from an Array in JavaScript 🔗

JavaScript offers many ways to remove an item from an array. Learn the canonical way, and also find out all the options you have, using plain JavaScri [...]

How to check if a string contains a substring in JavaScript 🔗

JavaScript offers many ways to check if a string contains a substring. Learn the canonical way, and also find out all the options you have, using plai [...]

How to use JavaScript Regular Expressions 🔗

Learn everything about JavaScript Regular Expressions with this brief guide that summarizes the most important concepts and shows them off with exampl [...]

A tutorial to JavaScript Arrow Functions 🔗

Arrow Functions are one of the most impactful changes in ES6/ES2015, and they are widely used nowadays. They slightly differ from regular functions. F [...]

Introduction to WebSockets 🔗

WebSockets are an alternative to HTTP communication in Web Applications. They offer a long lived, bidirectional communication channel between client a [...]

Working with the DevTools Console and the Console API 🔗

Every browser exposes a console that lets you interact with the Web Platform APIs and also gives you an inside look at the code by printing messages t [...]

A CSS Animations Tutorial 🔗

CSS Animations are a great way to create visual animations, not limited to a single movement like CSS Transitions, but much more articulated. An anima [...]

Introduction to CSS Transitions 🔗

CSS Transitions are the most simple way to create an animation in CSS. In a transition, you change the value of a property, and you tell CSS to slowly [...]

Compare the options for Animations on the Web 🔗

Animation is a fascinating topic. Whether you want to add interaction animations like transitions, or building a whole full screen experience, you hav [...]

JavaScript Closures explained 🔗

A gentle introduction to the topic of closures, key to understanding how JavaScript functions work [...]

The JavaScript Glossary 🔗

A guide to a few terms used in frontend development that might be alien to you [...]

What is the Doctype 🔗

Any HTML document must start with a Document Type Declaration, abbreviated Doctype, which tells the browser the version of HTML used in the page [...]

JavaScript Functions 🔗

Learn all about functions, from the general overview to the tiny details that will improve how you use them [...]

The JavaScript Event Loop 🔗

The Event Loop is one of the most important aspects to understand about JavaScript. This post explains it in simple terms [...]

The requestAnimationFrame() guide 🔗

Learn the API to perform animations and schedule event in a predictable way [...]

Web Workers 🔗

Learn the way to run JavaScript code in the background using Web Workers [...]

How to print your HTML with style 🔗

A few tips on printing from the browser to the printer or to a PDF document using CSS [...]

Write JavaScript loops using map, filter, reduce and find 🔗

How to perform common operations in JavaScript where you might use loops, using map(), filter(), reduce() and find() [...]

Where to host a Node.js app 🔗

A Node.js application can be hosted in a lot of places, depending on your needs. This is a list of all the various options you have at your disposal [...]

JavaScript Loops 🔗

JavaScript provides many way to iterate through loops. This tutorial explains all the various loop possibilities in modern JavaScript [...]

JavaScript Events Explained 🔗

JavaScript in the browser uses an event-driven programming model. Everything starts by following an event. This is an introduction to JavaScript event [...]

CORS, Cross-Origin Resource Sharing 🔗

An introduction to Cross-Origin Resource Sharing, the way to let clients and servers communicate even if they are not on the same domain [...]

Roadmap to learn the Web Platform 🔗

The Web Platform is an amazing ecosystem of APIs, tools and languages, and it is more powerful than ever today. Learn the Web Platform through simple [...]

What are Data URLs 🔗

A Data URL is a URI scheme that provides a way to inline data in a document, and it's commonly used to embed images in HTML and CSS [...]

An in-depth SVG tutorial 🔗

SVG is an awesome and incredibly powerful image format. This tutorial gives you an overview of SVG by explaining all you need to know in a simple way [...]

XMLHttpRequest (XHR) 🔗

The introduction of XMLHttpRequest (XHR) in browsers in the mid 2000's was a huge win for the Web Platform. Let's see how it works. [...]

HTTP requests using Axios 🔗

Axios is a very popular JavaScript library you can use to perform HTTP requests, that works in both Browser and Node.js platforms [...]

The WebP Image Format 🔗

WebP is an Open Source image format developed at Google, which promises to generate images smaller in size compared to JPG and PNG formats, while gene [...]

The History API 🔗

The History API is the way browsers let you interact with the address bar and the navigation history [...]

Auto trigger deploys on Netlify 🔗

I have a list of scheduled posts that I want to publish every week on my blog. Here is how I auto trigger my Hugo Static Site deploys every morning on [...]

Discover JavaScript Timers 🔗

When writing JavaScript code, you might want to delay the execution of a function. Learn how to use setTimeout and setInterval to schedule functions i [...]

Learn how HTTP Cookies work 🔗

Cookies are a fundamental part of the Web, as they allow sessions and in general to recognize the users during the navigation [...]

The Web Storage API: local storage and session storage 🔗

The Web Storage API provides a way to store data in the browser. It defines two storage mechanisms which are very important: Session Storage and Local [...]

Introduction to React Router 🔗

React Router is the perfect tool to link together the URL and your React app. React Router is the de-facto React routing library, and it's one of the [...]

CSS System Fonts 🔗

How to use System Fonts in CSS to improve your site and provide a better experience to your users in terms of speed and page load time [...]

The Document Object Model (DOM) 🔗

DOM stands for Document Object Model, a representation of an HTML document in nodes and objects. Browsers expose an API that you can use to interact w [...]

Efficiently load JavaScript with defer and async 🔗

When loading a script on an HTML page, you need to be careful not to harm the loading performance of the page. Depending on where and how you add your [...]

Getting started with Next.js, a tutorial 🔗

Next.js is a very popular Node.js framework which enables an easy server-side React rendering, and provides many other amazing features [...]

Introduction to Node.js 🔗

This post is a getting started guide to Node.js, the server-side JavaScript runtime environment. Node.js is built on top of the Google Chrome V8 JavaS [...]

How to center an element with CSS 🔗

Centering an element with CSS has always been easy for some things, hard for others. Here is the full list of how to center with CSS, with modern CSS [...]

A list of cool Chrome DevTools Tips and Tricks 🔗

The Chrome DevTools provide an amazing set of tools to help you develop on the Web platform. Here are a few tips you might not know yet [...]

A complete introduction to Apollo, the GraphQL toolkit 🔗

Apollo is a suite of tools to create a GraphQL server, and to consume a GraphQL API. Let's explore Apollo in detail, both Apollo Client and Apollo Ser [...]

JavaScript Expressions 🔗

Expressions are units of code that can be evaluated and resolve to a value. Expressions in JS can be divided in categories. [...]

Roadmap to Learn JavaScript 🔗

JavaScript is such an amazing language! Born as a simple way to manipulate documents in the browser, over the years it became the most popular program [...]

A guide to JavaScript Template Literals 🔗

Introduced in ES2015, aka ES6, Template Literals offer a new way to declare strings, but also some new interesting constructs which are already widely [...]

Code Linters and Formatters for Web Developers 🔗

There are many online tools that help you lint or format code. This post list many of the most useful ones for HTML, CSS and JavaScript [...]

The Selectors API: querySelector and querySelectorAll 🔗

Access DOM elements using querySelector and querySelectorAll. They accept any CSS selector, so you are no longer limited by selecting elements by `id` [...]

Keep your code clean with ESLint 🔗

Learn the basics of the most popular JavaScript linter, which can help to make your code adhere to a certain set of syntax conventions, check if the c [...]

The CSS margin property 🔗

margin is a simple CSS property that has a shorthand syntax I keep forgetting about, so I wrote this reference post [...]

A tutorial to host your Static Site on Netlify 🔗

Discover Netlify, a great hosting service ideal for static sites which has a nice free plan, free CDN and it's blazing fast [...]

Format your code with Prettier 🔗

Prettier is an opinionated code formatter. It is a great way to keep code formatted consistently for you and your team, and supports a lot of differen [...]

Overview of the Browser DevTools 🔗

The Browser DevTools are a fundamental element in the frontend developer toolbox, and they are available in all modern browsers. Discover the basics o [...]

Introduction to PostCSS 🔗

Discover PostCSS, a great tool to help you write modern CSS. PostCSS is a very popular tool that allows developers to write CSS pre-processors or post [...]

CSS Variables (Custom Properties) 🔗

Discover CSS Custom Properties, also called CSS Variables, a powerful new feature of modern browsers that help you write better CSS [...]

The Set JavaScript Data Structure 🔗

A Set data structure allows to add data to a container, a collection of objects or primitive types (strings, numbers or booleans), and you can think o [...]

The Map JavaScript Data Structure 🔗

Discover the Map data structure introduced in ES6 to associate data with keys. Before its introduction, people generally used objects as maps, by asso [...]

JavaScript Loops and Scope 🔗

There is one feature of JavaScript that might cause a few headaches to developers, related to loops and scoping. Learn some tricks about loops and sco [...]

Dive into IndexedDB 🔗

IndexedDB is one of the storage capabilities introduced into browsers over the years. Here's an introduction to IndexedDB, the Database of the Web sup [...]

The complete Git guide 🔗

Git is a free and Open Source version control system (VCS), a technology used to track older versions of files, providing the ability to roll back and [...]

How to use async/await in JavaScript 🔗

Discover the modern approach to asynchronous functions in JavaScript. JavaScript evolved in a very short time from callbacks to Promises, and since ES [...]

An introduction to Yarn 🔗

Yarn is a JavaScript Package Manager, a direct competitor of npm, one of the Facebook Open Source projects [...]

An introduction to Functional Programming with JavaScript 🔗

Getting started with the main concepts of Functional Programming in the JavaScript Programming Language [...]

The Notification API Guide 🔗

The Notifications API is responsible for showing the user system notifications. It's the interface that browsers expose to the developer to allow show [...]

The Cache API Guide 🔗

The Cache API is part of the Service Worker specification, and is a great way to have more power on resources caching. [...]

A list of sample Web App Ideas 🔗

Every time I start a tutorial I find myself in a limbo wondering which app should I build. A to-do app? Not again! [...]

Service Workers Tutorial 🔗

Service Workers are a key technology powering Progressive Web Applications on the mobile web. They allow caching of resources and push notifications, [...]

A developer's introduction to GitHub 🔗

GitHub is a website where millions of developers gather every day to collaborate on open source software. It's also the place that hosts billions of l [...]

JavaScript Variables 🔗

A variable is a literal assigned to an identifier, so you can reference and use it later in the program. Learn how to declare one with JavaScript [...]

JavaScript Types 🔗

You might sometimes read that JS is untyped, but that's incorrect. It's true that you can assign all sorts of different types to a variable, but JavaS [...]

A short and simple guide to Babel 🔗

Babel is an awesome entry in the Web Developer toolset. It's an awesome tool, and it’s been around for quite some time, but nowadays almost every Java [...]

The Lexical Structure of JavaScript 🔗

A deep dive into the building blocks of JavaScript: unicode, semicolons, white space, case sensitivity, comments, literals, identifiers and reserved w [...]

How to use promises in JavaScript 🔗

Promises are one way to deal with asynchronous code in JavaScript, without writing too many callbacks in your code. [...]

Styled Components 🔗

Styled Components are one of the new ways to use CSS in modern JavaScript. It is the meant to be a successor of CSS Modules, a way to write CSS that's [...]

The Channel Messaging API 🔗

The Channel Messaging API allows iframes and workers to communicate with the main document thread, by passing messages [...]

CSS Grid Tutorial 🔗

CSS Grid is an awesome tool we use in CSS to design interfaces [...]

The Flexbox Tutorial 🔗

Flexbox, also called Flexible Box Module, is one of the two modern layouts systems, along with CSS Grid [...]

The Push API Guide 🔗

The Push API allows a web app to receive messages pushed by a server, even if the web app is not currently open in the browser or not running on the d [...]

The Fetch API 🔗

Learn all about the Fetch API, the modern approach to asynchronous network requests which uses Promises as a building block [...]

The Complete ECMAScript 2015-2019 Guide 🔗

ECMAScript is the standard upon which JavaScript is based, and it's often abbreviated to ES. Discover everything about ECMAScript and its latest featu [...]

Getting started with JSX 🔗

JSX is a technology that was introduced by React. Let's dive into it [...]

An introduction to GraphQL 🔗

GraphQL is a query language for your API, and a set of server-side runtimes (implemented in various backend languages) for executing queries [...]

An introduction to the npm package manager 🔗

A quick guide to npm, the powerful package manager key to the success of Node.js. In January 2017 over 350000 packages were reported being listed in t [...]

Learn how to use Redux 🔗

Redux is a state manager that's usually used along with React, but it's not tied to that library. Learn Redux by reading this simple and easy to follo [...]

Introduction to Webpack 🔗

Webpack is a tool that has got a lot of attention in the last few years, and it is now seen used in almost every project. Learn about it. [...]

Introduction to the JavaScript Programming Language 🔗

JavaScript is one of the most popular programming languages in the world, and now widely used also outside of the browser. The rise of Node.js in the [...]

The Complete Guide to Progressive Web Apps 🔗

A Progressive Web App is an app that can provide additional features based on the device support, including offline capabilities, push notifications a [...]

How to start with Firebase Hosting 🔗

Firebase is a Google Cloud service, an articulated product, mainly targeted at mobile applications. Firebase Hosting is one small part of it. [...]

An incomplete list of great Git tutorials 🔗

The web is full of Git tutorials. Here are a few I recommend checking out [...]

The roadmap to learn React 🔗

React is a JavaScript library that aims to simplify development of visual interfaces. Learn why it's so popular and what problems does it solve. [...]

The Heroku Redis Maxmemory Policy 🔗

Tutorial: create a Spreadsheet using React 🔗

How to build a simple Google Sheets or Excel clone using React [...]

How I made a CMS-based website work offline 🔗

How I introduced a brand new technology stack to progressively enhance the website when viewed on modern devices [...]

How to set environment variables in bash and zsh 🔗

Create an app with Electron and React 🔗

How to create an Electron Node.js desktop application using `create-react-app` [...]

An introduction to JavaScript Arrays 🔗

A gentle introduction to Arrays, a key building block of JavaScript [...]

How to pass props to a child component via React Router 🔗

This short tutorial explains how to pass props to a child component via React Router [...]

Build a simple counter with React 🔗

A very simple example of building a counter in React [...]

A React simple app example: fetch GitHub users information via API 🔗

Very simple example of a form that accepts a GitHub username and once it receives a `submit` event, it asks the GitHub API for the user information, a [...]

VS Code: use language-specific settings 🔗

VS Code setup for React development 🔗

Simple steps to get a nice VS Code setup with linting hints and format on save [...]

Deploying a Go Application in a Docker Container 🔗

Go tutorial: REST API backed by PostgreSQL 🔗

The complete guide to Go Data Structures 🔗

Go Data Structures: Binary Search Tree 🔗

Analysis and implementation of the Binary Search Tree data structure in Go [...]

Go Data Structures: Set 🔗

Analysis and implementation of the Set data structure in Go [...]

Building a Web Crawler with Go to detect duplicate titles 🔗

Getting started with Go CPU and memory profiling 🔗

Visualize your local Git contributions with Go 🔗

Tutorial on writing a Git stats analysis CLI tool using Go [...]

Use Go to get a list of repositories from GitHub 🔗

Go CLI tutorial: fortune clone 🔗

Building a CLI command with Go: cowsay 🔗

Build a Command Line app with Go: lolcat 🔗

Debugging Go with VS Code and Delve 🔗

Up and running with debugging Go with VS Code [...]

RGB color codes 🔗

A table summarizing the RGB color codes, which are useful but are hard to remember. Find out what color corresponds to a code, and vice versa. [...]

Git workflow to manage work on multiple branches 🔗

My strategy when using Git as the versioning tools for my projects [...]

A Git Cheat Sheet 🔗

This page contains a list of Git commands I find handy to know but I find hard to remember [...]

JavaScript Coding Style 🔗

This JavaScript Coding Style is the set of conventions I use every day when using JavaScript. It's a live document, with the main set of rules I follo [...]

Using node-webkit to create a Desktop App 🔗

In this post I'm scratching the surface of node-webkit, by deploying and building a package for a web application, on Mac and Windows. [...]

How to upload files to the server using JavaScript 🔗

Uploading a file an process it in the backend in one of the most common file handling functionalities in a web app [...]

Deferreds and Promises in JavaScript (+ Ember.js example) 🔗

Promises are a relatively new approach to async management, and they can be really helpful to structure your code [...]

Introduction to Frontend Testing 🔗

How to start with testing frontend applications using Mocha and Chai [...]

Bower, the browser package manager 🔗

Bower defines itself as a browser package manager, and it’s a powerful tool to manage your project assets: javascript, CSS and images. [...]

Some useful tricks available in HTML5 🔗

Introduction to Yeoman 🔗

Yeoman is one of the cool kids in the yard, a combined effort of a lot of respectable developers to provide a tool that simplifies the setup and manag [...]

Things to avoid in JavaScript (the bad parts) 🔗

A quick list of things to avoid when writing JavaScript code [...]