-
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
-
Every developer should have a blog. Here’s why, and how to stick with it
A blog is useful for many reasons. In this post I highlight my thoughs on this topic.
-
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!
-
How to use the useEffect React hook
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
-
The FormData Object
Find out what is a FormData object and how to use it
-
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