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 es una herramienta basada en navegador y resaltador de sintaxis HTML que añade formato visual y números de línea a bloques de código sin procesar en páginas web. Funciona como un formateador de código del lado del cliente y una librería de lexer personalizable para definir reglas de resaltado específicas del lenguaje. El sistema permite la creación de lexers personalizados para proporcionar resaltado de sintaxis para lenguajes de programación propietarios o poco comunes. La presentación visual se gestiona a través de estilos de código personalizados y la integración de hojas de estilo CSS externas para definir colores y fuentes. El proyecto proporciona resaltado de sintaxis automático y numeración de líneas secuencial para fragmentos de código fuente incrustados en HTML. Admite la adición de soporte para lenguajes personalizados y el estilo de la documentación técnica.

ihp es un framework web con tipado fuerte y orquestador de aplicaciones full-stack diseñado para PostgreSQL. Funciona como un framework de renderizado del lado del servidor y un ORM con tipado fuerte que genera automáticamente tipos de registro a partir de esquemas SQL para garantizar la validación de consultas en tiempo de compilación. La plataforma se distingue por verificar el enrutamiento, las consultas a la base de datos y las plantillas en tiempo de compilación para evitar errores en tiempo de ejecución. Implementa interfaces web en tiempo real utilizando WebSockets para la sincronización instantánea de datos y emplea hipermedia impulsada por el servidor para parches parciales del DOM. El framework cubre una amplia gama de capacidades integradas, incluyendo gestión de identidad de usuario con soporte para passkeys y OAuth, una capa completa de almacenamiento de datos con migraciones automatizadas y un sistema integral de renderizado de UI con plantillas HTML con tipado fuerte. También proporciona herramientas integradas para el desarrollo de API JSON, ejecución de tareas en segundo plano de forma asíncrona e integración financiera para pasarelas de pago. Los entornos de producción se gestionan mediante despliegue declarativo con NixOS para una infraestructura reproducible.

Este proyecto es una colección de plugins desarrollados por la comunidad y un framework modular diseñado para extender la funcionalidad del entorno de Jupyter notebook. Sirve como una herramienta de personalización que modifica el espacio de trabajo basado en navegador a través de un sistema de scripts inyectados, hojas de estilos y componentes interactivos. El framework gestiona el ciclo de vida y el registro de componentes de interfaz independientes utilizando configuración basada en metadatos. Esto permite a los usuarios habilitar o deshabilitar herramientas específicas a través de un menú de configuración para adaptar el espacio de trabajo sin modificar el código fuente de la aplicación principal. Las extensiones disponibles cubren una variedad de áreas de productividad, incluyendo el formateo automático de código fuente, la navegación de documentos mediante tablas de contenido interactivas y la inspección de variables en tiempo ejecución. Otras capacidades incluyen herramientas para gestionar la estructura del notebook, controlar las pantallas de salida y exportar documentos interactivos a formatos estáticos para compartir.

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

Este proyecto es una base de conocimiento personal basada en markdown y un diario de aprendizaje digital utilizado para almacenar notas y resúmenes de libros y literatura técnica. Sirve como repositorio de resúmenes de lectura y biblioteca de referencia técnica para archivar ideas clave y conocimientos de materiales de no ficción y profesionales. La colección funciona como un jardín digital para curar ideas de libros, artículos y vídeos. Se centra específicamente en destilar patrones arquitectónicos complejos, conceptos técnicos y principios de liderazgo profesional en un formato buscable para referencia a largo plazo. El repositorio también organiza el conocimiento personal a través de la colección de frameworks de pensamiento reutilizables, modelos mentales y herramientas de toma de decisiones profesionales. Incluye un sistema para realizar un seguimiento del progreso de lectura mediante la gestión de listas de obras completadas y en curso.

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

Este proyecto es un framework de aprendizaje estructurado diseñado para guiar a las personas a través de los requisitos profesionales de una carrera en ingeniería de machine learning. Funciona como un plan de estudios integral que organiza temas técnicos complejos y fundamentos teóricos en un camino lógico y secuencial para el desarrollo de habilidades. La hoja de ruta visualiza las trayectorias profesionales, mapeando la progresión desde puestos de nivel inicial hasta roles de liderazgo técnico avanzado. Al desglosar las competencias esenciales necesarias para la ciencia de datos y la inteligencia artificial, proporciona una visión clara de los hitos necesarios para dominar los flujos de trabajo modernos de machine learning. El contenido se mantiene a través de un repositorio con control de versiones utilizando archivos markdown, que se procesan en un sitio estático. Esta interfaz permite a los usuarios interactuar con la hoja de ruta, permitiéndoles filtrar y explorar los pasos de aprendizaje a través de una visualización dinámica.

Este proyecto proporciona una colección de plantillas de panel administrativo preconstruidas y un kit de interfaz de usuario integral diseñado para construir aplicaciones de gestión profesional. Está construido sobre el framework Bootstrap, ofreciendo un conjunto de temas receptivos y bloques de diseño que se adaptan a varios tamaños de pantalla. El framework se distingue por proporcionar bloques de construcción modulares y reutilizables que permiten a los desarrolladores ensamblar interfaces administrativas complejas. Incluye componentes especializados para la gestión de cuadrículas de datos, permitiendo la organización, ordenamiento y filtrado de grandes conjuntos de datos, junto con herramientas declarativas para renderizar gráficos y tablas estadísticas para visualizar tendencias. El kit de herramientas cubre una amplia gama de requisitos de interfaz, incluyendo elementos interactivos como modales, tooltips y alertas para guiar el comportamiento del usuario. Estos componentes están estilizados utilizando un conjunto predefinido de clases CSS que se asignan a elementos HTML estándar, respaldados por un sistema de cuadrícula receptivo para una composición de diseño de página flexible.