Catégorie

Web

Illustration représentant un circuit imprimé. À gauche, les logos de Python, Jupyter (pour les notebooks) et Selenium sont connectés par des lignes lumineuses (circuits) qui convergent vers la droite. À droite, un logo d'horloge avec des traits symbolisant l'accélération du temps, indiquant un gain de rapidité. Le tout sur un fond sombre de carte mère.

Guide Selenium Python : coder rapidement grâce aux notebooks

Ce guide complet vous montre comment accélérer le codage de vos scripts Selenium Python en utilisant Jupyter Notebooks. Développer des jobs Selenium en Python peut rapidement devenir frustrant lorsque chaque modification du script impose un redémarrage complet du programme. Que ce soit pour des tests automatisés ou du web scraping, cette contrainte ralentit considérablement le cycle de […]

Capture d'écran d'un IDE présentant un extrait de code utilisant ng-template avec la mise en avant du logo Angular avec une tinte verte représentant les tests unitaires

Angular : Tester ngTemplateOutlet et createEmbeddedView

Dans mon dernier article, j’ai expliqué comment utiliser ngTemplateOutlet et createEmbeddedView pour créer des vues dynamiques avec ng-template dans une application Angular. Bien que rarement utilisées, ces fonctionnalités sont extrêmement utiles pour développer des composants réutilisables et flexibles. Cependant, tester ces vues dynamiques est un réel défi car elles dépendent d’un composant parent. Dans cet […]

Capture d'écran d'un IDE présentant un extrait de code utilisant ng-template avec la mise en avant du logo Angular

Créer des vues dynamiquement dans Angular avec ng-template

Angular est un framework puissant pour créer des applications Web dynamiques. Il simplifie le développement des interfaces utilisateur grâce à ses composants, ses directives et ses templates. Lorsque la structure des vues est connue à l’avance, elles peuvent être définies dans des fichiers HTML statiques et incluses dans les composants. Cependant, il arrive parfois que […]

Illustration stylisée représentant le logo Angular à gauche, le logo Jasmine à droite, et un composant "Mock" au centre, reliés entre eux sur un fond clair.

Guide Angular testing : le mocking de service avec Jasmine

Dans le cadre des tests unitaires, le mocking est une technique essentielle pour simuler le comportement des unités de code et tester efficacement notre projet. Dans le contexte d’Angular, le mocking de services est particulièrement utile pour tester efficacement nos composants Angular en isolant les dépendances et en simulant leur comportement.Bien que de nombreux développeurs […]

Illustration représentant une directive Angular agissant sur un textarea pour le redimensionner automatiquement

Directives Angular : simplifiez votre code

Dans le développement d’applications Web modernes, Angular s’est imposé comme l’un des frameworks incontournables grâce à sa robustesse et sa flexibilité. Bien que les développeurs utilisent souvent l’ensemble des fonctionnalités d’Angular, les directives restent souvent méconnues et sous-estimées. Pourtant, elles permettent de simplifier le code et de rendre les applications plus modulaires et plus faciles […]

Scène 3D du système Terre-Lune codé en HTML et JavaScript.

Animer le système Terre-Lune en HTML et JavaScript (2/2)

Dans l’article précédent, nous avons exploré comment créer une scène 3D dynamique du système Terre-Lune en utilisant la librairie Globe.GL. Grâce à cette approche, nous avons pu animer le système en nous appuyant sur des coordonnées GPS, qu’elles soient en temps réel, historiques ou simulées. Cependant, l’accès limité à ces données constitue une contrainte importante. […]

Illustration représentant les logos HTML et JavaScript accompagnés d'un croquis du système Terre-Lune affiché sur un écran, symbolisant la simulation 3D.

Simuler le système Terre-Lune en HTML et JavaScript (1/2)

Lors d’une visite au CNES, mon attention a été attirée par des écrans affichant une constellation de satellites en orbite autour de la Terre. J’ai appris qu’il s’agissait d’une application Web simulant la position des satellites en temps réel.Intrigué par cette application, je me suis demandé à quel point un tel projet peut-il être complexe. […]

Comparaison de deux textareas : l'un sans redimensionnement automatique nécessitant un défilement manuel, l'autre s'ajustant automatiquement à la hauteur du contenu.

Comment redimensionner automatiquement un textarea ?

Récemment, j’ai été confronté à une fonctionnalité intéressante : coder un textarea capable d’ajuster automatiquement sa hauteur en fonction de son contenu. Après avoir exploré plusieurs stratégies, j’ai pu proposer une solution fonctionnelle.Vous voulez savoir comment redimensionner automatiquement un textarea ? Laissez-moi vous présenter ma réflexion et ma solution. Comportement par défaut du textarea Pour rappel, le […]