Le code est un moyen d’expression performant. Construire des choses parce qu’elles sont utiles, c’est super. Mais les projets code plus loufoques sont moins connus alors qu’ils sont géniaux !

Dans cet article, je vais vous parler de 8 projets JavaScript qui, je l’espère, vont vous amener de la joie - ou au moins vous arracher un sourire.

1. Pettier

Dans l’entreprise pour laquelle je travaillais avant, un ingénieur a intégré une pull-request, qui changeait 4 espaces en 2, dans toute la codebase JavaScript. Des centaines d’ingénieurs ont été coincés dans un embouteillage de merge conflicts, et la productivité a été enrayée pendant des heures. Bons souvenirs!

C’est facile d’avoir des avis sur le style du code en oubliant son essence même. Au lieu de débattre sur les points-virgules, pourquoi ne pas convaincre votre équipe d’utiliser Pettier? En prenant l’approche la plus nihiliste sur les conventions de styles de …

Les êtres humains apprennent mieux en jouant.

Peu importe votre niveau, débutant ou habitué, cet article vous donnera 7 APIs drôles et absurdes avec lesquelles vous amuser !

Si vous n’avez jamais écrit une ligne de code, ne vous inquiétez pas ! Nous vous montrerons comment ça fonctionne. Pour les plus expérimentés, n’hésitez pas à passer directement à la partie “Les 7 APIs à découvrir” ;)

C’est quoi une API?

API est l’acronyme de “Application Programming Interface” (Interface de Programmation d’Application). C’est une méthode de communication entre deux programmes. Ils peuvent être exécutés à partir du même ordinateur ou non, ça n’a pas vraiment d’importance.

Il y a plusieurs types d’APIs - le terme est très large. Aujourd’hui nous allons nous concentrer sur les APIs REST.

Les APIs REST suivent un pattern qui définit comment l’information sera transmise d’un ordinateur à un autre. Celui qui demande la data est appelé …

La communication, c’est complexe. Quelle que soit l'activité de votre entreprise, il est nécessaire de rencontrer les gens là où ils sont et de s'engager avec eux sur les plateformes de communication qu'ils utilisent déjà.

Twilio Conversations permet de créer des espaces unifiés où les utilisateurs de différentes plateformes peuvent échanger entre eux.

Twilio Studio est un outil qui permet de créer des applications pour gérer les flux de messagerie avec une logique conditionnelle, sans écrire le moindre code.

Dans cet article, vous apprendrez à intégrer Studio et Conversations en quelques étapes de configuration avec un temps de code minime.

Vous verrez quelques exemples d'utilisation, tels que:

• Suivre la livraison des messages avec des mise à jour sur le statut via des callbacks
• L’envoi de la transcription intégrale du chat à un opérateur humain

Prérequis

• Un compte Twilio gratuit - inscrivez-vous ici
• Acheter un numéro de téléphone Twilio avec …

Telemedicine is rapidly changing the healthcare industry. COVID-19 concerns aside, being able to see a doctor’s face without having to commute is a game changer.

Twilio Video allows developers to craft HIPAA-compliant telemedicine solutions that are fully under your control and tailored to your patients’ needs. Today I’ll show you how to make a telemedicine app using Twilio Video that lets you show a “virtual waiting room” where the patient can hang out until their doctor arrives. For the sake of simplicity, let’s build the front end in vanilla JS without a framework.

At a high level, here’s the steps we’ll be following:

• Set up a back end to control access to the application
• Set up basic front end scaffolding
• Build the provider experience
• Build the patient experience

For impatient types who want to skip straight to the code, the whole project is on GitHub.

Prerequisites

• A developer environment …

Code is a powerful means of self-expression. Building things because they’re useful is great. Purely ridiculous coding projects are less common but awesome.

In this post, I’ll show you 8 JavaScript projects that will (hopefully!) bring you joy, or at least some mild amusement.

1. Pettier

At a previous company I worked at, an engineer merged a pull request changing 4 spaces to 2 spaces in the entire JavaScript codebase. Hundreds of engineers were stuck in a merge conflict traffic jam, derailing productivity for hours. Good times.

It’s so easy to have opinions about code style at the expense of substance. Instead of arguing about semicolons, why not convince your team to use Pettier? Taking the nihilistic approach to code style conventions, Pettier randomizes your linter configuration every time you save a file. I’ve gotta say, the project’s naming is spot on. For those not in the know, …

Today I’ll teach you how to send an email from a Gatsby website using Twilio Sendgrid, Twilio Serverless Functions and React. But first, what is Gatsby and why should you care?

Gatsby 101

If you spend time in JavaScript land, you might have heard of the JAMstack -- JavaScript, APIs, and Markup.

Traditional web apps dynamically generate HTML from templates when the server receives a request. JAMstack websites use static site generators to turn templates into HTML when the site is deployed, instead of when a request comes in.

Since plain ol’ HTML can be much faster to serve, JAMstack can give you a huge performance boost. Especially if you’re using a content delivery network. Although, there are limits to the amount of UI complexity static sites can support.

Gatsby bridges the gap between JAMstack static sites and traditional web apps. You write React components that compile to …

Today I’ll teach you to send a SMS message from a Gatsby website using Twilio Serverless Functions and React. But first, what is Gatsby and why should you care?

Gatsby 101

If you spend time in JavaScript land, you might have heard of the JAMstack -- JavaScript, APIs, and Markup.

Traditional web apps dynamically generate HTML from templates when the server receives a request. JAMstack websites use static site generators to turn templates into HTML when the site is deployed, instead of when a request comes in.

Since plain ol’ HTML can be much faster to serve, JAMstack can give you a huge performance boost. Especially if you’re using a content delivery network. Although, there are limits to the amount of UI complexity static sites can support.

Gatsby bridges the gap between JAMstack static sites and traditional web apps. You write React components that compile to HTML plus …

Since 2018, the creator of Node.js has been working on a new JavaScript runtime called Deno that addresses some of the pain points he had identified. Deno’s features include:

• An improved security model
• Decentralized package management
• A standard library
• Built in tooling

Check out this blog post for a full overview of Deno’s features and how it compares to Node.js.

Deno 1.0 was just released. What better time to dive in? In this post we’ll get started with Deno by building a small project.

When I’m learning a new framework or language, I try to find a Goldilocks project. That is, not too hard, not too soft, somewhere between “hello world” and production ready code.

Let’s write a Deno script that sends you an SMS affirmation. In order to do that we'll use Deno to:

• Read a file
• Read environment variables
• Run a script
• Import and …

404 Not Found and 500 Server Error are probably the most famous HTTP status codes, but many others exist.

For some reason, a lot of the lesser-known HTTP status codes sound like descriptors of relationship problems. In this post we’ll explore them.

If you’re already familiar with how HTTP response cycles work, you can skip HTTP Requests 101 and head straight to the good stuff in the next section.

HTTP Requests 101

HTTP requests involve at least two computers. The computer asking for the data is called the client, and the computer sending the data back is known as a server. This dance is called the request-response cycle.

When the server returns a response, it also sends back a status code to provide more information. The status codes are grouped into buckets based on their starting digit.

• 1xx indicates a status update on a request that’s still in …