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
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
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
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
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
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.
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.
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.
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
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
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 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
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
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
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
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 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
Learn the API to perform animations and schedule event in a predictable way
A few tips on printing from the browser to the printer or to a PDF document using CSS
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