Développement d'extensions personnalisées pour Quill.js : Un module de redimensionnement d'image

L'extensibiilté est l'une des caractéristiques les plus puisssantes de l'éditeur de texte enrichi Quill.js, principalement grâce à son système de plugins, ou comme Quill les appelle, les "Modules". Cet article explore le processus de création de modules personnalisés en se basant sur un exemple pratique de redimensionnement d'image. Q ...

Publié le 28 juillet à 10h09

Modèle d'Objets de Document (DOM)

1 Vue d'ensemble du DOM 1.1 Qu'est-ce que le DOM Le Modèle d'Objets de Document (Document Object Model) Le DOM est une API fondamentale pour représenter et manipuler le contenu des documents HTML et XML Le DOM est une interface de programmation standard recommandée par le W3C pour traiter les documents XML 1.2 Classification du DOM DOM Core ...

Publié le 27 juillet à 19h37

Conception d'une Galerie 3D Animée avec Effets de Météores (HTML5/CSS3)

La création d'interfaces immersives en 3D repose aujourd'hui sur l'utilisation conjointe des transformations CSS3 avancées et de la manipulation du DOM via JavaScript. Cet article détaille la mise en œuvre d'un album rotatif tridimensionnel intégrant un arrière-plan dynamiuqe simulant une pluie de météores et un effet de pluie sur canevas. Stru ...

Publié le 27 juillet à 12h19

Exploration du BOM et du DOM via l'Architecture des Navigateurs

Le JavaScript, en tant que langage côté client, s'exécute au sein d'un environnement navigateur. Deux interfaces clés facilitent cette interaction : le Modèle Objet du Navigateur (BOM) et le Modèle Objet du Document (DOM). Tandis que le BOM sert de pont entre votre code JavaScript et les fonctionnalités du navigateur, le DOM est l'interface déd ...

Publié le 26 juillet à 14h00

Collection d'utilitaires JavaScript pour les tâches courantes

Validation d'adresses électroniques Vérifie si une chaîne de caractères est un format d'adresse électronique valide. export const estAdresseEmailValide = (chaine) => { return /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+ ...

Publié le 26 juillet à 10h46

Maîtriser les données géographiques de la Chine avec province-city-china

La gestion des divisions administratives chinoises (provinces, villes, districts et cantons) représente souvent un défi technique majeur pour les développeurs travaillant sur des applications destinées au marché chinois. Entre les changements de noms, les fusions de districts et la complexité des hiérarchies, maintenir une base de données à jou ...

Publié le 26 juillet à 03h29

Principes fondamentaux et évolution de JavaScript

Histoire de JavaScript En 1992, Nombas a développé un langage de script embarqué appelé C-minus-minus (C--), intégré dans le logiciel CEnvi. Ce langage a ensuite été renommmé ScriptEase et exécuté côté client. Inspiré par cette idée, Netscape a créé Livescript pour Netscape Navigator 2.0, sous la direction de Brendan Eich. En collaboration avec ...

Publié le 25 juillet à 13h36

Exemples d'épreuves écrites pour les entretiens de développement frontend

Suite à une récente expérience d'entretien, j'ai été confronté à plusieurs questions portant sur des concepts fondamentaux du développement front end. Cette session m'a rappelé l'importance d'une révision continue et approfondie des bases techniques. L'oubli ou le manque de pratique peuvent rapidement entraîner des lacunes dans les compétences. ...

Publié le 25 juillet à 13h25

Navigation programmatique dans Vue Router 4

En Vue Router 4, il est possible d'effectuer une navigation par programmation, indépendamment des clics sur des liens. Cette approche repose principalement sur deux fonctions : push et replace. La méthode router.push La fonction router.push permet de naviguer vers une URL différente ou d'ajouter des paramètres de requête à l'URL courante. Voici ...

Publié le 25 juillet à 09h11

Principes Fondamentaux de React : Composants et Gestion d'État

Cette introduction explore les concepts fondamentaux de React, couvrant les expressions JSX, la création et la distinction entre les types de composants, la transmission de données via les propriétés (props) et la gestion de l'état, y compris l'utilisation des Hooks pour les composants fonctionnels. Expressions d'Interpolation en JSX En Reac ...

Publié le 24 juillet à 17h27