Awesome GitHub RepositoriesClient-Side Scripting

This project provides educational course materials and reference code for learning frontend web development. It serves as a tutorial and collection of examples demonstrating how to build responsive user interfaces using HTML, CSS, and JavaScript. The repository contains practical implementations and references for responsive web design, specifically focusing on fluid grids and media queries to adapt layouts across different screen sizes. It includes client-side scripting samples that illustrate how to add interactive behavior and dynamic functionality to web pages. The material covers a broa

Frappe is a Python-based low-code web framework used for building data-driven business applications. It functions as a full-stack meta-framework that integrates a Python backend with a JavaScript frontend, providing a development environment for rapid application prototyping and deployment. The framework employs a model-driven architecture that automatically generates database schemas, REST API endpoints, and administrative interfaces based on defined metadata. This system is complemented by a command-line scaffolding tool for creating standardized project directory structures and boilerplate

Mesop is a stateful, declarative Python web UI framework and component library designed for building interactive web applications and AI demos. It allows for the construction of data-driven interfaces and chat systems using only Python, removing the need to write separate HTML or CSS. The framework is specifically tailored for AI application development, offering dedicated tools for conversational UI design and the creation of dashboards for large language model applications. It distinguishes itself with a visual UI editor for real-time property adjustments and the ability to embed custom Jav

Code-prettify est un outil basé sur navigateur et un surligneur de syntaxe HTML qui ajoute un formatage visuel et des numéros de ligne aux blocs de code bruts sur les pages web. Il fonctionne comme un formateur de code côté client et une bibliothèque de lexer personnalisable pour définir des règles de surlignage spécifiques au langage. Le système permet la création de lexers personnalisés pour fournir une coloration syntaxique pour des langages de programmation propriétaires ou peu courants. La présentation visuelle est gérée via un style de code personnalisé et l'intégration de feuilles de style CSS externes pour définir les couleurs et les polices. Le projet fournit une coloration syntaxique automatique et une numérotation séquentielle des lignes pour les extraits de code source intégrés en HTML. Il prend en charge l'ajout de la prise en charge de langages personnalisés et le stylage de la documentation technique.

ihp est un framework web typé et un orchestrateur d'applications full-stack conçu pour PostgreSQL. Il fonctionne comme un framework de rendu côté serveur et un ORM typé qui génère automatiquement des types d'enregistrements à partir de schémas SQL pour garantir la validation des requêtes à la compilation. La plateforme se distingue en vérifiant le routage, les requêtes de base de données et les modèles (templates) au moment de la compilation pour éviter les plantages à l'exécution. Elle implémente des interfaces web en temps réel utilisant les WebSockets pour une synchronisation instantanée des données et emploie l'hypermédia piloté par le serveur pour la mise à jour partielle du DOM. Le framework couvre un large éventail de capacités intégrées, incluant la gestion de l'identité utilisateur avec support des passkeys et OAuth, une couche de stockage de données complète avec migrations automatisées, et un système de rendu d'interface utilisateur complet avec templating HTML typé. Il fournit également des outils intégrés pour le développement d'API JSON, l'exécution de tâches asynchrones en arrière-plan et l'intégration financière pour les passerelles de paiement. Les environnements de production sont gérés via un déploiement NixOS déclaratif pour une infrastructure reproductible.

Ce projet est une collection de plugins développés par la communauté et un framework modulaire conçu pour étendre la fonctionnalité de l'environnement Jupyter notebook. Il sert d'outil de personnalisation qui modifie l'espace de travail basé sur le navigateur via un système de scripts injectés, de feuilles de style et de composants interactifs. Le framework gère le cycle de vie et l'enregistrement des composants d'interface indépendants en utilisant une configuration pilotée par les métadonnées. Cela permet aux utilisateurs d'activer ou de désactiver des outils spécifiques via un menu de configuration pour adapter l'espace de travail sans modifier le code source de l'application principale. Les extensions disponibles couvrent un éventail de domaines de productivité, incluant le formatage automatique du code source, la navigation dans les documents via des tables des matières interactives et l'inspection des variables à l'exécution. D'autres capacités incluent des outils pour gérer la structure des notebooks, contrôler les affichages de sortie et exporter des documents interactifs vers des formats statiques pour le partage.

autosize is a client-side JavaScript utility that automatically adjusts the height of HTML textarea elements to fit their text content. It functions as a DOM layout tool designed to manage the dimensions and scrolling behavior of input fields in real time. The utility handles dynamic resizing during user typing and window resize events. It supports height constraints by comparing calculated dimensions against CSS minimum and maximum properties to restore overflow scrolling when limits are reached. The tool provides capabilities to monitor resize events, manually trigger layout refreshes for

This project is a structured JavaScript programming course and learning path designed for beginners. It functions as an interactive coding tutorial and frontend web development guide, providing a curriculum centered on the JavaScript language. The project focuses on building dynamic web interfaces through the manipulation of the Document Object Model. It provides a series of instructional guides and practical challenges that allow for interactive coding practice and the verification of code execution within a dedicated environment. The curriculum covers core programming fundamentals, includi

Ce projet est une base de connaissances personnelle basée sur Markdown et un journal d'apprentissage numérique utilisé pour stocker des notes et des résumés de livres et de littérature technique. Il sert de dépôt de résumés de lecture et de bibliothèque de référence technique pour archiver les points clés et les idées tirés de documents non-fictionnels et professionnels. La collection fonctionne comme un jardin numérique pour organiser les idées issues de livres, d'articles et de vidéos. Elle se concentre spécifiquement sur la distillation de modèles architecturaux complexes, de concepts techniques et de principes de leadership professionnel dans un format interrogeable pour une référence à long terme. Le dépôt organise également les connaissances personnelles à travers la collecte de frameworks de réflexion réutilisables, de modèles mentaux et d'outils de prise de décision professionnelle. Il inclut un système pour suivre la progression de lecture en gérant des listes d'ouvrages terminés et en cours.

Hyperscript is a DOM manipulation library and HTML scripting language that functions as a logic engine and reactive UI framework. It allows for the definition of interactive behavior and client-side logic directly within HTML attributes. The system distinguishes itself through declarative web scripting and in-HTML interactive behavior, which removes the requirement for separate JavaScript files to manage element states. It utilizes a specialized syntax for data processing, employing pipe operators to filter, sort, and convert data collections within the browser. The framework provides capabi

Ce projet est un framework d'apprentissage structuré conçu pour guider les individus à travers les exigences professionnelles d'une carrière en ingénierie d'apprentissage automatique (machine learning). Il fonctionne comme un programme complet qui organise des sujets techniques complexes et des fondements théoriques en un chemin logique et séquentiel pour le développement des compétences. La feuille de route visualise les trajectoires de carrière, mappant la progression des postes de niveau débutant aux rôles de leadership technique avancé. En décomposant les compétences essentielles nécessaires à la science des données et à l'intelligence artificielle, elle fournit un aperçu clair des jalons requis pour maîtriser les flux de travail modernes d'apprentissage automatique. Le contenu est maintenu via un dépôt contrôlé en version utilisant des fichiers markdown, qui sont transformés en un site statique. Cette interface permet aux utilisateurs d'interagir avec la feuille de route, leur permettant de filtrer et d'explorer les étapes d'apprentissage via un affichage visuel dynamique.

Ce projet fournit une collection de modèles de tableau de bord administratif pré-construits et un kit d'interface utilisateur complet conçu pour construire des applications de gestion professionnelles. Il est construit sur le framework Bootstrap, offrant un ensemble de thèmes réactifs et de blocs de mise en page qui s'adaptent à diverses tailles d'écran. Le framework se distingue en fournissant des blocs de construction modulaires et réutilisables qui permettent aux développeurs d'assembler des interfaces administratives complexes. Il inclut des composants spécialisés pour la gestion de grille de données, permettant l'organisation, le tri et le filtrage de grands jeux de données, parallèlement à des outils déclaratifs pour rendre des graphiques et des diagrammes statistiques afin de visualiser les tendances. La boîte à outils couvre un large éventail d'exigences d'interface, y compris des éléments interactifs comme des modales, des info-bulles et des alertes pour guider le comportement de l'utilisateur. Ces composants sont stylisés en utilisant un ensemble prédéfini de classes CSS qui correspondent aux éléments HTML standard, soutenus par un système de grille réactif pour une composition de mise en page flexible.