Believemy

Développement web

HTML, CSS, JavaScript, React, Next.js, Git : des tutoriels pas à pas pour construire votre site ou votre outil vous-même.

Respecter les principes SOLID avec React

Les principes SOLID sont un ensemble de cinq concepts fondamentaux en programmation. Ils sont majoritairement appliqués en POO (Programmation Orienté Objet). On peux également les appliquer ailleurs. Ils sont indispensables en architecture logiciel. Pour vous présenter ces principes, j'ai fait le choix d'utiliser Javascript plutôt que Typescript pour ne pas alourdir les exemples. Nous allons appliquer ces principes à travers une simple "Todo List".

Créer une extension pour son navigateur

Les extensions sur les navigateurs sont désormais incontournables, alors pourquoi ne pas créer la vôtre ? Apprenez dans cette article comment créer, utiliser et même publier votre extension. Dans ce article, on va créer un extension qui répertorie pleins de sites cools pour les devs !

Mettre en place la revalidation sur-demande avec NextJS

Si vous êtes développeur web, vous savez sûrement à quel point il est important d'avoir un site rapide et réactif pour offrir une expérience utilisateur optimale. Dans cet article, nous allons vous présenter comment mettre en place la revalidation sur-demande avec NextJS, une fonctionnalité qui permet de rafraîchir les données de votre site uniquement lorsque cela est nécessaire. Grâce à cette méthode, vous pourrez économiser des ressources et améliorer la performance de votre site web, tout en offrant des données à jour à vos utilisateurs.

Mettre en place un loader au changement d'une page Nextjs

Avez-vous déjà été sur un site où vous cliquez sur un lien et rien ne se passe ? Ou peut-être vous êtes-vous demandé si votre demande a bien été reçue ? C'est ici que la mise en place d'un loader entre en jeu. Dans cet article, nous allons vous expliquer pourquoi il est important d'avoir un loader sur votre site web, comment le mettre en place dans votre projet Nextjs et créer une fonction qui permettra d'afficher le loader tant que la page n'est pas chargée. Si vous souhaitez améliorer l'expérience utilisateur sur votre site web et rassurer vos visiteurs, cet article est pour vous.

CSS Flexbox - Apprendre les bases 2/2

Alors ça y est ! Vous êtes convaincu de l'utilité de flexbox ? Si oui, alors revenez, car je n'en ai pas fini avec vous 🙂 ! Cette fois-ci, nous attaquons les propriétés flex-direction et flex-wrap.

CSS Flexbox - Apprendre les bases 1/2

Flexbox par-ci, flexbox par là. Qui n'a jamais entendu parler de flexbox ? Si vous êtes intéressés par le développement web, il y a de forte chance que vous ayez déjà croisé ce terme. Venez avec moi, car derrière ce mot dansant, se cache l'une des propriétés CSS la plus utilisée dans le monde du web.

Mettre des points de suspension pour cacher le reste d'un texte avec CSS

Cet article va vous permettre d'ajouter des points de suspension pour cacher un texte. Ceci est très intéressant lorsque vous ne désirez pas casser le style de vos pages à cause d'un prénom trop long ou d'une description aussi longue qu'un livre.

Le petit guide sur les unités de mesure avec CSS

Les unités de mesure… Quel grand sujet ! Un sujet qui se veut un peu perturbant lorsqu'on commence et qui pourtant est primordial lorsque nous nous lançons dans nos projets. Dans ce petit guide, découvrons ensemble tout ce qu'il faut savoir sur les unités de mesure avec CSS.

Le guide complet sur les barres de soulignement (CSS)

Tout tout tout... Vous saurez tout sur les barres de soulignement ! Bon, d'accord, vous avez reconnu la musique au moins ? En tout cas, les barres de soulignement ne se limitent pas à souligner nos textes de temps en temps, il s'agit d'un véritable outil de stylisation nous permettant d'ajouter des barres au-dessous, mais aussi au-dessus, sous forme de vague, de pointillés, de tirets... Vous l'aurez compris, nous allons voir tout ceci dans cet article.

Envoyer un email avec NextJS et SendGrid gratuitement

Vous avez toujours souhaité envoyer des emails avec JavaScript ? Ou plus précisément, comment envoyer des emails avec React voir NextJS ? Alors découvrons ensemble comment utiliser SendGrid ! Il s'agit d'une solution facile et rapide à mettre en place, qui nous permettra de s'assurer que nos emails soient envoyés et le plus important : qu'ils soient bien réceptionnés.

Comment utiliser les variables CSS pour tout dynamiser ?

Vous avez peut-être déjà vécu ce moment où vous souhaitiez changer la couleur principale d'un de vos projets ? Ou peut-être avez-vous déjà vécu ces moments où vous reveniez en arrière pour récupérer les couleurs du thème de votre site ? Tout ceci est long, et très peu pratique. Grâce aux variables CSS, ce sera un vieux souvenir ! Découvrons comment nous allons faire.

Ajouter un bouton "cliquer pour copier" avec JavaScript

Vous aimeriez permettre à vos utilisateurs de copier rapidement et très facilement du texte sur votre projet ? Ce fameux lien pour partager votre article ? Ce lien d'affiliation qui vous permet de générer des ventes supplémentaires ? Alors cet article est fait pour vous ! Voyons ensemble les deux méthodes principales qui vont permettre d'ajouter un bouton "cliquer pour copier" avec l'aide de JavaScript.