All the Frontend DevTools tutorials ⤵️
-
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
-
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. V8 provides the runtime environment in which JavaScript executes. The DOM and the other Web Platform APIs are provided by the browser.
-
An Emmet reference for HTML
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.
-
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 without any configuration at all, and be fast too.
-
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
-
How to use Visual Studio Code
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
-
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 testing, although not limited to that: it can test any JavaScript code. Jest is very fast and easy to use
-
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
-
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 code contains possible sources of problems and if the code matches a set of standards you or your team define
-
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 different languages out of the box
-
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 of what they can do for you
-
An introduction to Yarn
Yarn is a JavaScript Package Manager, a direct competitor of npm, one of the Facebook Open Source projects
-
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 JavaScript developer relies on it, and this will continue going on, because Babel is now indispensable and has solved a big problem for everyone.
-
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.
-
VS Code: use language-specific settings
-
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.
-
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.
-
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 management of web app projects