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 هو أداة تعتمد على المتصفح ومميز صيغة HTML يضيف تنسيقاً بصرياً وأرقام أسطر إلى كتل الكود الخام على صفحات الويب. يعمل كمنسق كود من جانب العميل ومكتبة محلل (lexer) قابلة للتخصيص لتحديد قواعد التمييز الخاصة باللغة. يسمح النظام بإنشاء محللات مخصصة لتوفير تمييز الصيغة للغات البرمجة المملوكة أو غير الشائعة. تتم إدارة العرض البصري من خلال تنسيق كود مخصص ودمج أوراق أنماط CSS خارجية لتحديد الألوان والخطوط. يوفر المشروع تمييزاً تلقائياً للصيغة وترقيماً تسلسلياً للأسطر لمقتطفات الكود المصدري المضمنة في HTML. يدعم إضافة دعم لغات مخصصة وتنسيق الوثائق التقنية.

ihp هو إطار عمل ويب آمن من حيث الأنواع (type-safe) ومنسق تطبيقات متكامل مصمم لـ PostgreSQL. يعمل كإطار عمل للرسم من جانب الخادم (SSR) وORM آمن من حيث الأنواع يقوم تلقائيًا بإنشاء أنواع السجلات من مخططات SQL لضمان التحقق من الاستعلامات في وقت التجميع. تتميز المنصة بالتحقق من التوجيه، واستعلامات قاعدة البيانات، والقوالب في وقت التجميع لمنع الأعطال في وقت التشغيل. وتنفذ واجهات ويب في الوقت الفعلي باستخدام WebSockets لمزامنة البيانات الفورية وتستخدم الوسائط المتعددة التي يحركها الخادم (server-driven hypermedia) لتصحيح DOM الجزئي. يغطي إطار العمل مجموعة واسعة من الإمكانيات المتكاملة، بما في ذلك إدارة هوية المستخدم مع دعم مفاتيح المرور (passkeys) وOAuth، وطبقة تخزين بيانات كاملة مع عمليات ترحيل آلية، ونظام عرض واجهة مستخدم شامل مع قوالب HTML آمنة من حيث الأنواع. كما يوفر أدوات مدمجة لتطوير واجهة برمجة تطبيقات JSON، وتنفيذ مهام الخلفية غير المتزامنة، والتكامل المالي لبوابات الدفع. تتم إدارة بيئات الإنتاج من خلال نشر NixOS التصريحي للبنية التحتية القابلة للتكرار.

هذا المشروع عبارة عن مجموعة من الإضافات التي طورها المجتمع وإطار عمل معياري مصمم لتوسيع وظائف بيئة Jupyter notebook. يعمل كأداة تخصيص تعدل مساحة العمل القائمة على المتصفح من خلال نظام من السكربتات المحقونة، وأوراق الأنماط، والمكونات التفاعلية. يدير إطار العمل دورة حياة وتسجيل مكونات الواجهة المستقلة باستخدام تهيئة مدفوعة بالبيانات الوصفية. وهذا يسمح للمستخدمين بتمكين أو تعطيل أدوات محددة عبر قائمة تهيئة لتخصيص مساحة العمل دون تعديل كود مصدر التطبيق الأساسي. تغطي الإضافات المتاحة مجموعة من مجالات الإنتاجية، بما في ذلك تنسيق الكود المصدري الآلي، والتنقل في المستندات عبر جداول المحتويات التفاعلية، وفحص متغيرات وقت التشغيل. تشمل الإمكانيات الأخرى أدوات لإدارة هيكل دفتر الملاحظات، والتحكم في شاشات العرض، وتصدير المستندات التفاعلية إلى تنسيقات ثابتة للمشاركة.

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

This project is a markdown-based personal knowledge base and digital learning journal used to store notes and summaries from books and technical literature. It serves as a reading summary repository and technical reference library for archiving key takeaways and insights from non-fiction and professional materials. The collection functions as a digital garden for curating insights from books, articles, and videos. It specifically focuses on distilling complex architectural patterns, technical concepts, and professional leadership principles into a searchable format for long-term reference. T

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

هذا المشروع هو إطار عمل تعليمي مهيكل مصمم لتوجيه الأفراد عبر المتطلبات المهنية لمهنة هندسة تعلم الآلة. يعمل كمنهج شامل ينظم الموضوعات التقنية المعقدة والأسس النظرية في مسار منطقي ومتسلسل لتطوير المهارات. تتخيل خارطة الطريق مسارات العمل المهنية، وترسم التقدم من مناصب المبتدئين إلى أدوار القيادة التقنية المتقدمة. ومن خلال تفكيك الكفاءات الأساسية اللازمة لعلوم البيانات والذكاء الاصطناعي، فإنه يوفر نظرة عامة واضحة على المعالم المطلوبة لإتقان سير عمل تعلم الآلة الحديث. يتم الحفاظ على المحتوى من خلال مستودع محكوم بالإصدارات باستخدام ملفات markdown، والتي تتم معالجتها إلى موقع ثابت. تتيح هذه الواجهة للمستخدمين التفاعل مع خارطة الطريق، مما يمكنهم من تصفية واستكشاف خطوات التعلم من خلال عرض مرئي ديناميكي.

يوفر هذا المشروع مجموعة من قوالب لوحة التحكم الإدارية الجاهزة ومجموعة واجهة مستخدم شاملة مصممة لبناء تطبيقات إدارة احترافية. تم بناؤه على إطار عمل Bootstrap، مما يوفر مجموعة من السمات سريعة الاستجابة وكتل التخطيط التي تتكيف مع أحجام الشاشات المختلفة. يتميز إطار العمل بتوفير كتل بناء نمطية قابلة لإعادة الاستخدام تسمح للمطورين بتجميع واجهات إدارية معقدة. يتضمن مكونات متخصصة لإدارة شبكة البيانات، مما يتيح تنظيم وفرز وتصفية مجموعات البيانات الكبيرة، إلى جانب أدوات تصريحية لعرض المخططات والرسوم البيانية الإحصائية لتصور الاتجاهات. تغطي مجموعة الأدوات مجموعة واسعة من متطلبات الواجهة، بما في ذلك العناصر التفاعلية مثل النوافذ المنبثقة (modals)، وتلميحات الأدوات، والتنبيهات لتوجيه سلوك المستخدم. يتم تصميم هذه المكونات باستخدام مجموعة محددة مسبقاً من فئات CSS التي تعين لعناصر HTML القياسية، مدعومة بنظام شبكة سريع الاستجابة لتكوين تخطيط الصفحة المرن.