Quelle est la différence entre internet et le web ?
Quelles sont les origines d'Internet ?
TCP/IP : qu'est-ce que c'est et comment ça fonctionne ?
Comprendre les 7 couches du modèle OSI
Qu'est-ce qu'un serveur web ?
Comment fonctionne un navigateur web ?
Comprendre l’architecture 3-tiers
Qu'est-ce qu'un slug et pourquoi faut-il l'utiliser dans vos urls ?
Qu'est-ce que le SSR ou Server-Side Rendering ?
Comprendre ce qu’est le CRUD en 1 minute
Quelles sont les différences entre une API et un SDK ?
Qu'est-ce qu'une API REST ?
À quoi servent les Data Transfer Objects (DTO) ?
Les 7 choses que vous ignorez sur l'histoire de Javascript !
Quelles sont les différences entre var, let et const en Javascript ?
Javascript : Les promises expliquées aux débutants
Comprendre async/await en Javascript
Non, NodeJS n'est pas un langage !
Comment choisir entre SQL et NoSQL ?
Comment fonctionnent les index en base de données
Qu'est-ce qu'une transaction en base de données ?
Qu'est-ce qu'un hébergement web mutualisé ?
Qu’est-ce qu’un CDN ?
Le PaaS, ou "Platform-as-a-Service" expliqué
Faire ses débuts sur la ligne de commande Linux
Y’a-t’il une différence entre compilation et transpilation ?
Bibliothèque vs Framework, quelle est la différence ?
Qu'est-ce que l'architecture logicielle ?
Comprendre le concept d’immutabilité des données
Comprendre le concept de récursivité en programmation
Comprendre l’architecture Modèle-Vue-Contrôleur (MVC)
Comprendre la complexité algorithmique (notation Big-O) ?
Qu'est-ce qu'une fuite de mémoire en programmation ?
Le guide pour apprendre à débugger du code
Les 5 raisons d'utiliser Git même quand on travaille seul
Comment bien écrire vos messages de commit ?
Qu'est-ce que le Semantic Versioning ?
Qu'est-ce qu'un artisan logiciel ?
Stocker des mots de passe de manière sécurisée
Comment fonctionne le hashage ?
Comment fonctionne le chiffrement symétrique ?
Comprendre les tokens JWT en 3 minutes
Le fingerprinting, ou comment traquer un utilisateur sans cookies
Qu'est-ce que la méthodologie Agile ?
Qu'est-ce qu'une User Story ?
Qu'est-ce que le «bus factor» dans un projet tech ?
Qu'est-ce que le «cargo cult» dans le développement logiciel ?
Qu'est-ce qu'une licence logicielle ?
Qu'est-ce qu'un logiciel open-source et/ou libre ?
Pourquoi l'aléatoire n'existe pas en informatique ?
Qu'est-ce que la souveraineté numérique ?
Qu'est-ce que l'OSINT, ou "Open-Source Intelligence" ?
Quelle est la différence entre un dev junior, confirmé et sénior ?
Prouver son expérience de développeur sans avoir été embauché
Ne pas confondre veille technologique et apprentissage
Les 10 qualités que partagent les bon(ne)s développeur(se)s
Les 6 façons de monétiser un site ou une application web
Comment gagner de l'argent avec la programmation
Comment devenir développeur web freelance en France ?
Ce que veut dire être développeur freelance en 7 points clés
Qu’est-ce qu’une architecture en microservices ?
Qu’est-ce que le Virtual DOM ?
Qu'est-ce qu'un headless CMS ?
Introduction à la compression de données avec l'algorithme RLE
La compression GZIP, c’est quoi ?
Qu'est-ce qu'une blockchain ?
Comprendre le Web Assembly
La stack technique derrière Wikipédia, 20 ans de réussite
Top 9 des films et documentaires sur l’informatique
Top 7 des séries TV sur l'informatique et la programmation

We assume that by now you’ve all read the wonderful news about GSAP now becoming 100% free, for everyone. Thanks to Webflow’s support, all of the previously paid plugins in GSAP are now accessible to everyone. That’s why today, Osmo, Codrops and GSAP are teaming up to bring you 5 demos, available both as a Webflow cloneable and CodePen. We hope these will provide a fun intro to some cool plugins and spark a few ideas!

What you’ll learn:

• SplitText basics: Break text into lines, words, or letters—with the new automatic resizing and built-in masking options!
• DrawSVG scribbles: Add a playful, randomized underline to links (or anything) on hover using DrawSVG.
• Physics2D text smash: Combine SplitText + Physics2D so your headline shatters into letters that tumble off the top of the viewport like a roof.
• Inertia dot grid: Create an interactive, glowing dot matrix that springs and flows with your cursor for a dynamic background effect.
• MorphSVG toggle: Build a seamless play/pause button that morphs one SVG into another in a single tween.

Before we dive in, let’s make sure you have the GSAP core included in your project. I will let you know the exact plugins you need per demo! You can use the official GSAP Install Helper if you need the correct npm commands or CDN links. If you’re following this as a Webflow user and you want to build from scratch, Webflow has made it super easy to integrate GSAP into your project. If you want, you can read more here. When using this approach, just make sure to add your custom code somewhere in the before </body> section of the page or project settings.

Perfect, with that set, let’s start building an interactive SplitText demo!

An Open Source JavaScript Visualization Library

Charts.css is a modern CSS framework. It uses CSS utility classes to style HTML elements as charts.

The source code is available on GitHub.

In this article, we are going to take a look at what CORS is, how you can configure CORS with Express, and how to customize the CORS middleware to your needs.

Conditional rendering in React allows you to display different UI elements based on conditions. This is useful for handling authentication states, user permissions, loading states, and more.

Just like JavaScript provides if-else, ternary (? :), logical AND (&&), and switch-case, React also uses these methods for rendering components conditionally.

In this post, you’ll learn about all these techniques, their best use cases, and best practices.

Features Include

• All Javascript is wrapped in an Immediately Invoked Function Expression (IIFE) for you
• Javascript linting
• Multiline cursor
• Javascript intellisense
• Code is automatically minified and uglified
• Works great on mobile devices

• Blumed (Cullan)

Konva : une library JavaScript permettant de manipuler le Canvas HTML5 avec des fonctionnalités avancées comme l'interactivité, la gestion des couches, les animations et les événements.

Bearstech

• konvajs/konva Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
• Starting with Konva Konva - JavaScript Canvas 2d Library

jQuery and its cousins are great, and by all means use them if it makes it easier to develop your application.

If you're developing a library on the other hand, please take a moment to consider if you actually need jQuery as a dependency. Maybe you can include a few lines of utility code, and forgo the requirement. If you're only targeting more modern browsers, you might not need anything more than what the browser ships with.

Les gens supposent souvent que tout développeur doit savoir comment déployer une application sur un serveur distant. En réalité, beaucoup ne sont pas à l’aise avec la mise en production d’un site web.

Dans cet article, nous allons déployer une application AdonisJS sur un serveur de type VPS tournant sur Ubuntu 24.04. Il faut savoir que la démarche sera identique, peu importe le framework que vous utilisez.

Write your app first, choose your backend later. Getting started is as easy as adding a script tag or running npm install use-fireproof in your project. Experience live updates across peers so everyone can collaborate together, using your existing backend.

Try the React or Solid tutorials, open the code pen above , hack on this HTMX example.

Lume (pronounced /lume/ 🔈) is the Galician word for fire but also a static site generator for Deno.

It's inspired by other static site generators, such as Jekyll, Hugo or Eleventy, but easier to use and configure and much more flexible.

• It supports multiple file formats, like markdown, yaml, JavaScript, typescript, jsx and nunjucks, and it's easy to extend with more.
• You can hook processors to manipulate html and assets, like css or js.
• It's Deno: Forget about managing thousands of packages in node_modules or complex bundlers. Lume only installs what you need. Clean, fast and secure.

I love interactive things, but I’m not a fan of expensive devices, especially those we have to buy year after year to have the latest hardware in our hands!

I’m a fan of accessible technology!

With that in mind, today I’m going to show you how to control elements in a 3D scene using just your hands, a webcam, and a web browser. The key focus here is converting a 2D screen into a 3D space, with full depth control. I’ll keep the focus on that!

To achieve this result, we will use Mediapipe and Three.js.

Master 6 Powerful JavaScript Functions! Check out these essential functions every web... Tagged with javascript, functional, webdev, programming.

An API Driven Rich Text Editor

Built for Developers
Granular access to the editor's content, changes and events through a simple API. Works consistently and deterministically with JSON as both input and output.
Cross Platform
Supports all modern browsers on desktops, tablets and phones. Experience the same consistent behavior and produced HTML across platforms.

JavaScript is a powerful language for building dynamic web applications, but with great power comes great responsibility. Ensuring the security and privacy of your web applications is crucial. This guide covers essential best practices to protect your applications and users.

Voici comment je fais pour rajouter automatiquement une balise autour des emojis présents dans mes articles :

function niceEmoji(text) {
  const emojiRegex = /(\p{ExtPict}(\u200d\p{ExtPict}|\p{EMod})*)/gu;
  return text.replace(emojiRegex, '<span class="u-emoji">$1</span>');
}

GraphQL is a powerful tool for querying data from remote servers and my preferred way of building APIs (Application Programming Interface). For some people, it might be difficult to learn as the tutorials are usually written using tools such as Apollo or Relay. These tools are great but often suited for more complicated projects. In certain scenarios, there might be better to choose a more lightweight approach and not increase bundle size with additional libraries. In these cases, you can work directly with the tools available in the browser. In this quick tutorial, we will use fetch, commonly available in your browser. Let’s first quickly revise what fetch is and how it is usually used with REST API, then we can move to simple GraphQL queries execution.

The goal of this handbook is to provide gentle step-by-step instructions that will help you learn the key concepts of React.

Instead of covering all the theories and concepts of React in their entirety, I'll be teaching you important building blocks of the library. You'll learn about JSX, components, props, states, event handlers, creating forms, and running network requests.

Stimulus is a JavaScript framework with modest ambitions. It doesn’t seek to take over your entire front-end—in fact, it’s not concerned with rendering HTML at all. Instead, it’s designed to augment your HTML with just enough behavior to make it shine. Stimulus pairs beautifully with Turbo to provide a complete solution for fast, compelling applications with a minimal amount of effort.