Speed up your coding skills with one tutorial per day 🚀
How I created an array of 5000 unique strings in JavaScript
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.
npx is a very cool way to run Node code, and provides many useful features
The Math object contains lots of utilities math-related. This tutorial describes them all
Performing math operations and calculus is a very common thing to do with any programming language. JavaScript offers several operators to help us work with numbers
JavaScript semicolons are optional. I personally like avoiding using semicolons in my code, but many people prefer them.
This is a graph I made with the technologies that will make you a well-rounded developer proficient in Vue.js programming.
Using Vue you might surely asked yourself the question 'why must data be a function that returns an object, and not just an object?'
The v-model Vue directive allows us to create a two-way binding. Learn how to use it
Learn how to make Vue output a class or another depending on some condition
Learn how to store Vuex data automatically to localStorage or sessionStorage
Common commands and instructions you'll use in your day-to-day Vue.js coding sessions
Reference list of common CSS properties you'll want to use in Tailwind, and their relative classes
Moment.js is a great help in managing dates in JavaScript
Working with dates in JavaScript can be complicated. Learn all the quirks and how to use them.
Find out the ways JavaScript offers you to inspect an object (or any other kind of value)
If you have a number with a leading zero, like 010 or 02, how to remove that zero?
Using Vue you define the application layout using components. In the beginning you manually place components where you want, but at some point you need to have a more flexible way to show or hide components based on the application state
Many times, code samples are using the latest JavaScript features available. Sometimes those features can be hard to be distinguished from a framework features. It happens frequently with React for example, which encourages a very modern approach to JavaScript.
Find out the proper way to replace all occurrences of a string in plain JavaScript, from regex to other approaches
This article explains how to make a package.json script re-run whenever a file in a folder changes.
How I set up my workflow to trim the Tailwind CSS using PurgeCSS and a simple PostCSS setup (no webpack involved)
Discover one of the essential pieces of a Vue application: the router
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. V8 provides the runtime environment in which JavaScript executes. The DOM and the other Web Platform APIs are provided by the browser.
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 there is a plugin for every editor out there.
This article explains how to set up Tailwind for usage in a Vue CLI 3 project
Find out how to enable SCSS into your Vue.js components
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 without any configuration at all, and be fast too.
Sometimes you pass a prop to a component, and you want to use that prop value as the class name. How to do that?
Here's how to import a component inside another component in Vue.js
Vuex is the official state management library for Vue.js. In this tutorial I'm going to explain its basic usage.
How you can make components communicate in a Vue.js application.
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 is synchronous by default, and is single threaded. This means that code cannot create new threads and run in parallel. Find out what asynchronous code means and how it looks like
Props are used to pass down state to child components. Learn all about them
Learn the basics of Electron, the framework built by GitHub that powers a lot of innovative and very popular cross-platform applications
Slots help you position content in a component, and allow parent components to arrange it.
The CommonJS module specification is the standard used in Node.js for working with modules. Modules are very cool, because they let you encapsulate all sorts of functionality, and expose this functionality to other JavaScript files, as libraries
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 a module system, as every major decision such as a module system must be first standardized by ECMAScript and then implemented
Components are single, independent units of an interface. They can have their own state, markup and style.
Filters are the way Vue.js lets us apply formatting and transformations to a value that's used in a template interpolation.
Vue.js provides us methods, watchers and computed properties. When to use one vs the other?
A Vue watcher allows you to listen to the component data and run whenever a particular property changes
Learn all the options at your disposal to style Vue.js components using CSS
In this post I describe how I run my site, and my workflows
Learn how you can use Vue Computed Properties to cache calculations
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 uses a templating language that's a superset of HTML. We can use interpolation, and directives. This article explains directives.
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 powerful things: interpolation and directives.
Learn how Vue helps you create a single file that is responsible for everything that regards a single component, centralizing the responsibility for the appearance and behavior
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 going to build is already done, and it's the Vue CLI default application
Visual Studio 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 is an awesome tool that can help us Vue.js developers.
Visual Studio Code, VSCode for friends, is an incredibly powerful editor that's hugely growing in popularity. Find out why, and its main features for developers
Vue has a great panel that integrates into the Browser Developer Tools, which lets you inspect your application and interact with it, to ease debugging and understanding
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 easier. One of them is the Vue CLI.
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 performant. Learn more about it
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 features to provide easy to use functionality that satisfy the needs of the Web Server use case.
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 simple explanation
Find out the ways JavaScript offers you to append an item to an array, and the canonical way you should use
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 Variables
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 has never been easier to use
There are various ways to remove a property from a JavaScript object. Find out the alternatives and the suggested solution
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 plain JavaScript
An Immediately-invoked Function Expression is a way to execute functions immediately, as soon as they are created. IIFEs are very useful because they don't pollute the global object, and they are a simple way to isolate variables declarations
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 semantics of the JavaScript language. It's really important to know the main differences between JavaScript code in strict mode, and normal JavaScript, which is often referred as sloppy mode
Find out the ways JavaScript offers you to generate the current UNIX timestamp
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 testing, although not limited to that: it can test any JavaScript code. Jest is very fast and easy to use
`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 it's worth taking 5 minutes to learn all the tricks
The Speech Synthesis API is an awesome API, great to experiment new kind of interfaces and let the browser talk to you
Learn how to convert a string to a number using JavaScript
Learn how to convert a number into a currency value, using the JavaScript Internationalization API
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 see some examples
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 APIs. This article aims to make it simple to use
I have lots of evergreen content on my blog. This tutorial explains how I automated the repurpose of such content on Twitter
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 should use, using plain 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
Unicode is an industry standard for consistent encoding of written text. Learn the basics and most important parts of it, in particular concerning UTF-8
Meteor is an awesome web application platform. It's a great tool for both beginners and experts, it makes it super easy to start, and provides a huge ecosystem of libraries you can leverage
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 is an amazing tool. Discover why it's great for any developer to know about it and its API
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
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 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 plain JavaScript
Learn everything about JavaScript Regular Expressions with this brief guide that summarizes the most important concepts and shows them off with examples
Arrow Functions are one of the most impactful changes in ES6/ES2015, and they are widely used nowadays. They slightly differ from regular functions. Find out how
WebSockets are an alternative to HTTP communication in Web Applications. They offer a long lived, bidirectional communication channel between client and server. Learn how to use them to perform network interactions
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 that are generated by your JavaScript code running in the page
CSS Animations are a great way to create visual animations, not limited to a single movement like CSS Transitions, but much more articulated. An animation is applied to an element using the `animation` property
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 change it according to some parameters, towards a final state
Animation is a fascinating topic. Whether you want to add interaction animations like transitions, or building a whole full screen experience, you have all the tools you need
A gentle introduction to the topic of closures, key to understanding how JavaScript functions work
A guide to a few terms used in frontend development that might be alien to you
Any HTML document must start with a Document Type Declaration, abbreviated Doctype, which tells the browser the version of HTML used in the page
Learn all about functions, from the general overview to the tiny details that will improve how you use them
The Event Loop is one of the most important aspects to understand about JavaScript. This post explains it in simple terms
Learn the API to perform animations and schedule event in a predictable way
Learn the way to run JavaScript code in the background using Web Workers
A few tips on printing from the browser to the printer or to a PDF document using CSS
How to perform common operations in JavaScript where you might use loops, using map(), filter(), reduce() and find()
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