🪄 Floating UI: Une bibliothèque pour positionner et interagir avec des éléments flottants.

👌 En lire davantage sur notre blog: https://www.codingteam.fr/2024/10/floating-ui-une-bibliotheque-pour.html?ref=Telegram

#javascriptdeveloper #library #uiux

Comment annuler des promesses en JavaScript

En JavaScript, vous savez peut-être déjà comment annuler une requête : vous pouvez utiliser xhr.abort() pour XHR et signal pour fetch. Mais comment annuler une promesse classique ?

Actuellement, Promise de JavaScript ne fournit pas nativement d'API pour annuler une Promise standard. Nous allons donc voir maintenant comment ignorer/ignorer le résultat d'une Promise.

👉 https://www.codingteam.fr/2024/10/comment-annuler-des-promesses-en.html

AbortController est plus que vous ne le pensez

AbortController est une API JavaScript permettant de créer un objet avec deux propriétés, un signal et une méthode abort() , qui peuvent être utilisées pour interrompre des tâches.

📌 Utilisation :

🟠 Vous pouvez utiliser AbortController pour abandonner les requêtes HTTP via fetch() .
🟠 Vous pouvez ajouter des gestionnaires d’événements à l’aide d’ AbortSignal , ce qui vous permettra de vous désabonner automatiquement des événements.
🟠 AbortController prend également en charge l’abandon des flux.

📌 Fonctionnalités avancées :

🟠 Utilisez AbortSignal.timeout() pour une annulation automatique basée sur une minuterie.
🟠 AbortSignal.any() vous permet de combiner plusieurs signaux en un seul, rendant l'API encore plus flexible.
🟠 Gestion des erreurs d'annulation : lors de l'appel de abort() , vous pouvez transmettre une raison d'annulation, permettant une gestion plus flexible des opérations annulées.

😳 In Your Face

Extension VSCode qui réagit aux erreurs de code. Et ce n'est pas n'importe qui qui réagit à vos erreurs, mais le visage du personnage principal du légendaire DOOM , de l'époque de DOS et de Windows 95

Chaque fois qu'une erreur est détectée dans le code, l'extension affiche le « Ouch Face » correspondant, ce qui rend le processus de débogage plus interactif et amusant

Disponible ici https://marketplace.visualstudio.com/items?itemName=VirejDasani.in-your-face

Python est désormais le langage le plus populaire sur GitHub

Python est devenu le langage le plus utilisé sur GitHub, dépassant JavaScript après 10 ans de domination . Ce changement montre à quel point Python est largement utilisé dans des domaines tels que la science des données, l'apprentissage automatique et le développement Web.

L'augmentation du nombre de projets d'IA sur GitHub, qui a augmenté de 98 % au cours de l'année écoulée, a également joué un rôle important dans l'essor de Python. De plus en plus de personnes utilisent Jupyter Notebooks.

Cependant, JavaScript reste le premier pour les push de code uniquement et Rust continue de gagner en popularité pour sa sécurité, ses performances et sa productivité.

Source: https://github.blog/news-insights/octoverse/octoverse-2024/

🚀 LiteJsonDb : Simplifiez votre vie avec JSON !

Vous en avez marre de...
- Écrire du code compliqué pour accéder à des données imbriquées ?

# JSON natif 😫
if 'users' in data and '1' in data['users'] and 'settings' in data['users']['1']:
    notification_status = data['users']['1']['settings'].get('notifications', False)

# LiteJsonDb 😊
notification_status = db.get_data("users/1/settings/notifications", default=False)

- Gérer manuellement les fichiers JSON ?

# JSON natif 😫
with open('data.json', 'r') as f:
    data = json.load(f)
data['users']['1']['settings']['theme'] = 'dark'
with open('data.json', 'w') as f:
    json.dump(data, f)

# LiteJsonDb 😊
db.set_data("users/1/settings/theme", "dark")

- Vérifier constamment si les données existent ?

# JSON natif 😫
try:
    user_data = data['users']['1']
except KeyError:
    user_data = {}

# LiteJsonDb 😊
user_data = db.get_or_default("users/1", default={})

🎯 La solution : LiteJsonDb !

⚡ Installation rapide

pip install litejsondb

🔥 Pourquoi LiteJsonDb révolutionne la gestion JSON

1. Paths simplifiés vs JSON natif

# Accès aux données imbriquées
# JSON natif 😫
data['users']['1']['profile']['settings']['notifications']['email']

# LiteJsonDb 😊
db.get_data("users/1/profile/settings/notifications/email")

2. Manipulation intelligente des données

# Mise à jour partielle
# JSON natif 😫
if 'users' in data and '1' in data['users']:
    data['users']['1'].update({'name': 'Alex'})
    with open('data.json', 'w') as f:
        json.dump(data, f)

# LiteJsonDb 😊
db.edit_data("users/1/name", "Alex"}) 

3. Sécurité intégrée

# Chiffrement
# JSON natif 😫
# Nécessite une implémentation manuelle complexe...

# LiteJsonDb 😊
db = JsonDB(crypted=True)  # C'est tout ! en BASE64

💡 Fonctionnalités qui changent tout

Accès intelligent aux données
- Paths intuitifs : users/1/name au lieu de ['users']['1']['name']
- Des utilité : Plus de productivité !
- Création automatique des chemins intermédiaires

Protection des données
- Chiffrement automatique
- Sauvegarde locale ou Telegram
- Protection contre l'écrasement accidentel

Manipulation simplifiée
- Fusion automatique lors des mises à jour
- Création récursive des structures
- Suppression propre des données

👥 Parfait pour :

1. Développeurs de bots

# Configuration simple
db.set_data("bot/settings", {
    "prefix": "!",
    "welcome_message": "Bonjour {user}!"
})

2. Applications Web

# Stockage utilisateur
db.set_data("users/1", {
    "profile": {"name": "Alex"},
    "preferences": {"theme": "dark"}
})

3. Scripts d'automatisation

# Suivi des tâches
db.set_data("tasks/daily", {
    "last_run": "2024-03-20",
    "status": "success"
})

🚀 Exemple complet d'utilisation

from litejsondb import JsonDB

# Initialisation
db = JsonDB(crypted=True)

# Création de structure complexe
db.set_data("app/users/1", {
    "name": "Alex",
    "settings": {
        "notifications": True,
        "theme": "dark"
    }
})

# Modification facile
db.edit_data("app/users/1/settings", {
    "language": "fr"  # Ajoute sans écraser
})

# Accès simple
theme = db.get_data("app/users/1/settings/theme")

📈 Performance et fiabilité
- Optimisé pour les petites et moyennes bases de données
- Parfait pour remplacer les fichiers de configuration
- Idéal pour le stockage local de données structurées

🔄 Mise à jour facile

pip install --upgrade litejsondb

🌟 Ce que disent les développeurs
> "Plus besoin de me battre avec les dictionnaires imbriqués !"
> "Le système de paths est un game changer"
> "Enfin une solution simple pour mes bots Discord"

En savoir plus: https://www.codingteam.fr/2024/09/litejsondb-le-guide-ultime-pour-devenir.html

#Python #JSON #Database #Developer #OpenSource #Productivity

Nous proposons une formation pour apprendre HTML ! Et le tout est gratuit.

Ça se passe ici: https://t.me/mactechnology_off/8

Quel est le SECRET pour maîtriser le débordement CSS dans le développement Web ?

@metacodelearn

Avez-vous déjà rencontré des problèmes de mise en page sur votre site Web ? Plongeons dans le secret de la maîtrise du débordement CSS dans le développement Web !

Le débordement CSS consiste à contrôler ce qui se passe lorsque le contenu dépasse son conteneur. Par défaut, cela peut conduire à des mises en page désordonnées, mais avec les bonnes propriétés, vous pouvez créer une expérience utilisateur propre et conviviale.

Les principales propriétés de débordement sont : « visible », « hidden », « scroll » et « auto ». « Visible » permet au contenu de déborder, tandis que « hidden » le coupe, ce qui conduit souvent à des résultats inattendus. « Scroll » ajoute une barre de défilement, permettant aux utilisateurs d'accéder au contenu masqué. Et « auto » fait un peu des deux, en ajoutant une barre de défilement uniquement lorsque cela est nécessaire.

Mais ce n'est pas tout ! Vous pouvez combiner CSS et JavaScript pour rendre vos mises en page encore plus dynamiques. Imaginez utiliser JavaScript pour détecter les débordements de contenu et ajuster les styles...

🚀 Bibliothèques Python utiles

💾 LiteJsonDB

📌 Bibliothèque Python pour travailler avec des bases de données basées sur JSON, pour les cas où une configuration complexe n'est pas requise.

-Gestion facile des données : ajoutez, modifiez, récupérez et supprimez des données avec seulement quelques lignes de code.

- Cryptage des données : protégez vos données avec un cryptage supplémentaire.

-Sauvegarde et restauration : sauvegarde automatique pour protéger vos données.

-Sous-collections : organisez vos données dans des structures ordonnées et imbriquées.

- Gestion pratique des erreurs : messages d'erreur utiles et colorés pour vous aider.

⚙️ Installation 👇👇👇

 pip install LiteJsonDb

📁 Documentation

#bibliothèques