12 repository-uri
Execution of programmable logic within the web browser to handle user interactions and dynamic content updates.
Distinct from Client-Side Directives: The candidates focus on server-side scripting, security analysis, or tracking, rather than general browser-based interactive logic.
Explore 12 awesome GitHub repositories matching web development · Client-Side Scripting. Refine with filters or upvote what's useful.
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
Provides reference samples for adding interactive behavior and dynamic functionality using JavaScript in the browser.
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
Provides a client-side scripting framework to modify form behavior and user interactions directly in the browser.
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
Enables browser-based logic execution to handle stateful interactions and improve responsiveness by reducing network roundtrips.
Code-prettify este un instrument bazat pe browser și un highlighter de sintaxă HTML care adaugă formatare vizuală și numere de linie blocurilor de cod brut de pe paginile web. Funcționează ca un formator de cod client-side și o bibliotecă lexer personalizabilă pentru definirea regulilor de evidențiere specifice limbajului. Sistemul permite crearea de lexere personalizate pentru a oferi evidențierea sintaxei pentru limbaje de programare proprietare sau mai puțin comune. Prezentarea vizuală este gestionată prin stilizarea personalizată a codului și integrarea foilor de stil CSS externe pentru a defini culorile și fonturile. Proiectul oferă evidențierea automată a sintaxei și numerotarea secvențială a liniilor pentru fragmentele de cod sursă încorporate în HTML. Suportă adăugarea de suport pentru limbaje personalizate și stilizarea documentației tehnice.
Runs as an embeddable JavaScript file that processes page content after the initial HTML load.
ihp este un framework web type-safe și un orchestrator de aplicații full-stack conceput pentru PostgreSQL. Funcționează ca un framework de randare pe partea de server și un ORM type-safe care generează automat tipuri de înregistrări din scheme SQL pentru a asigura validarea interogărilor la momentul compilării. Platforma se distinge prin verificarea rutelor, a interogărilor de bază de date și a template-urilor la compilare pentru a preveni erorile la runtime. Implementează interfețe web în timp real folosind WebSockets pentru sincronizarea instantanee a datelor și utilizează hypermedia condusă de server pentru patch-uri parțiale de DOM. Framework-ul acoperă o gamă largă de capabilități integrate, inclusiv gestionarea identității utilizatorilor cu suport pentru passkey și OAuth, un strat complet de stocare a datelor cu migrări automate și un sistem cuprinzător de randare UI cu template-uri HTML type-safe. Oferă, de asemenea, instrumente încorporate pentru dezvoltarea de API-uri JSON, execuția asincronă a sarcinilor de fundal și integrare financiară pentru gateway-uri de plată. Mediile de producție sunt gestionate prin deployment declarativ NixOS pentru infrastructură reproductibilă.
Embeds scripts in HTML attributes to perform DOM manipulations without requiring external files.
Acest proiect este o colecție de plugin-uri dezvoltate de comunitate și un framework modular conceput pentru a extinde funcționalitatea mediului Jupyter notebook. Servește drept instrument de personalizare care modifică spațiul de lucru bazat pe browser printr-un sistem de scripturi injectate, stylesheet-uri și componente interactive. Framework-ul gestionează ciclul de viață și înregistrarea componentelor de interfață independente folosind configurarea bazată pe metadate. Acest lucru permite utilizatorilor să activeze sau să dezactiveze instrumente specifice printr-un meniu de configurare pentru a adapta spațiul de lucru fără a modifica codul sursă al aplicației de bază. Extensiile disponibile acoperă o gamă de domenii de productivitate, inclusiv formatarea automată a codului sursă, navigarea în documente prin tabele de conținut interactive și inspectarea variabilelor la runtime. Alte capabilități includ instrumente pentru gestionarea structurii notebook-ului, controlul afișării output-urilor și exportul documentelor interactive în formate statice pentru partajare.
Uses client-side scripting to dynamically modify the document object model and interface behavior within the browser.
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
Functions as a lightweight browser script that handles real-time height recalculations for text inputs.
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
Teaches how to execute programmable logic within the web browser to handle user interactions and dynamic content updates.
Acest proiect este o bază de cunoștințe personală bazată pe markdown și un jurnal de învățare digital utilizat pentru a stoca notițe și rezumate din cărți și literatură tehnică. Acesta servește drept depozit de rezumate de lectură și bibliotecă de referință tehnică pentru arhivarea ideilor principale și a cunoștințelor din materiale non-ficțiune și profesionale. Colecția funcționează ca o grădină digitală pentru curarea ideilor din cărți, articole și videoclipuri. Se concentrează în mod specific pe distilarea modelelor arhitecturale complexe, a conceptelor tehnice și a principiilor de leadership profesional într-un format căutabil pentru referință pe termen lung. Depozitul organizează, de asemenea, cunoștințele personale prin colectarea de framework-uri de gândire reutilizabile, modele mentale și instrumente de luare a deciziilor profesionale. Include un sistem pentru urmărirea progresului lecturii prin gestionarea listelor de lucrări finalizate și în curs de desfășurare.
Records technical notes on attaching behavioral logic to interface elements using scripts.
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
Enables defining interactive client-side logic directly within HTML attributes to avoid external JavaScript files.
Acest proiect este un framework de învățare structurat, conceput pentru a ghida persoanele prin cerințele profesionale ale unei cariere în ingineria machine learning. Funcționează ca un curriculum cuprinzător care organizează subiecte tehnice complexe și fundamente teoretice într-o cale logică și secvențială pentru dezvoltarea abilităților. Roadmap-ul vizualizează traiectoriile de carieră, mapând progresia de la poziții entry-level până la roluri avansate de leadership tehnic. Prin descompunerea competențelor esențiale necesare pentru data science și inteligență artificială, oferă o privire de ansamblu clară asupra etapelor necesare pentru a stăpâni fluxurile de lucru moderne de machine learning. Conținutul este menținut printr-un repository cu control al versiunilor folosind fișiere markdown, care sunt procesate într-un site static. Această interfață permite utilizatorilor să interacționeze cu roadmap-ul, permițându-le să filtreze și să exploreze pașii de învățare printr-un afișaj vizual dinamic.
Executes scripts in the browser to provide an interactive and filterable visual interface for the roadmap.
Acest proiect oferă o colecție de template-uri de dashboard administrativ pre-construite și un kit cuprinzător de interfață utilizator conceput pentru construirea aplicațiilor de management profesionale. Este construit pe framework-ul Bootstrap, oferind un set de teme responsive și blocuri de layout care se adaptează la diverse dimensiuni de ecran. Framework-ul se distinge prin furnizarea de blocuri de construcție modulare, reutilizabile, care permit dezvoltatorilor să asambleze interfețe administrative complexe. Include componente specializate pentru gestionarea grilelor de date, permițând organizarea, sortarea și filtrarea seturilor mari de date, alături de instrumente declarative pentru randarea diagramelor și graficelor statistice pentru a vizualiza tendințele. Toolkit-ul acoperă o gamă largă de cerințe de interfață, inclusiv elemente interactive precum modale, tooltip-uri și alerte pentru a ghida comportamentul utilizatorului. Aceste componente sunt stilizate folosind un set predefinit de clase CSS care se mapează la elemente HTML standard, susținute de un sistem de grilă responsive pentru compoziția flexibilă a layout-ului paginii.
Provides client-side JavaScript logic to handle interactive interface behaviors and DOM manipulation.