Awesome GitHub RepositoriesDirective-Based Manipulators

Bootstrap-vue is a Vue.js UI framework and component library that integrates Bootstrap CSS styling and utility classes into a component-driven development workflow. It provides a set of pre-styled interface elements and layout patterns designed for building responsive web user interfaces. The library functions as a bridge between Bootstrap and Vue.js, allowing developers to create responsive web layouts and reusable frontend components such as navbars, alerts, and modals. It focuses on bringing Bootstrap's design system into a Vue.js application environment. The framework covers core capabil

Moon is a minimal reactive UI library for building user interfaces with a component composition framework, client-side routing, server-side rendering, and signals-based reactivity. It provides a virtual DOM diffing engine that computes minimal real DOM mutations, enabling efficient view updates by comparing in-memory UI representations against previous versions. The library distinguishes itself through a signals-based reactivity system that tracks data dependencies through observable signals, triggering targeted DOM updates only when values change. It implements a state driver pattern for uni

This is a style guide for structuring AngularJS applications using a component-based architecture. It provides a set of conventions for organizing code into self-contained modules, each encapsulating its own logic, templates, and routing. The guide promotes a modular application structure built from root, component, common, and feature modules to improve maintainability and reusability. The guide establishes a one-way data flow pattern where parent components pass data to children through bindings, and children communicate changes back up through events. It distinguishes between stateful comp

هذا تطبيق مرجعي لـ AngularJS يوضح المعمارية وهيكل المجلدات وتنظيم الوحدات المطلوبة لبناء تطبيقات الصفحة الواحدة. يعمل كتطبيق CRUD يعتمد على REST ومصمم لإدارة المشاريع. يتضمن المشروع تنفيذاً كاملاً لخط أنابيب CI/CD ومجموعة اختبارات آلية. تقوم هذه الأدوات بأتمتة فحص الكود (linting)، وتصغير الأصول، وتنفيذ اختبارات الوحدة والاختبارات الشاملة عبر متصفحات متعددة للتحقق من منطق التطبيق. يغطي التطبيق التحكم في الوصول إلى الواجهة الأمامية من خلال أنماط المصادقة والتفويض. كما ينفذ معمارية تطبيق CRUD لإدارة سجلات البيانات عبر واجهة برمجة تطبيقات خلفية.

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

ngx-bootstrap هي مجموعة من أدوات واجهة المستخدم ومكونات Bootstrap المصممة خصيصاً لإطار عمل Angular. توفر مكتبة من عناصر الواجهة القابلة لإعادة الاستخدام المصممة للعمل مع محرك تجميع وعرض Angular Ivy. تتيح المكتبة دمج مكونات Bootstrap في تطبيقات Angular لإنشاء واجهات مستخدم مستجيبة دون الحاجة إلى CSS أو JavaScript يدوي. تحل محل الحاجة إلى jQuery باستخدام توجيهات Angular لإدارة الحالة ومحرك تحديد موضع تكيفي للعناصر العائمة. تغطي مجموعة المكونات مجموعة واسعة من العناصر التفاعلية، بما في ذلك عناصر التحكم في التنقل مثل علامات التبويب والترقيم، والنوافذ المتراكبة مثل النوافذ المنبثقة (modals) والتلميحات (popovers)، وأدوات إدخال البيانات مثل منتقي التاريخ والوقت. تتضمن أيضاً أدوات التخطيط والتعليقات مثل الأكورديون، وأشرطة التقدم، والتنبيهات.

هذا هو موقع التوثيق الشامل لإطار عمل JavaScript التقدمي Vue 2. وهو بمثابة مرجع فني ودليل تطوير لبناء واجهات مستخدم تفاعلية وتطبيقات الصفحة الواحدة. يوفر الموقع مرجعاً مفصلاً لـ JavaScript API ودليل مكونات الويب. ويغطي تنفيذ البنى القائمة على المكونات، وإدارة الحالة التفاعلية، واستخدام DOM افتراضي لمزامنة حالة التطبيق مع المتصفح. تشرح الوثائق الإمكانيات بما في ذلك التوجيه من جانب العميل، ومعالجة DOM التعريفية، وتحسينات بناء الواجهة الأمامية مثل العرض من جانب الخادم وتجميع القوالب المسبق. كما تشرح نهج إطار العمل لمزامنة الحالة، ودورات حياة المكونات، واستخدام التوجيهات المخصصة. يتم الحفاظ على المحتوى كمجموعة من البرامج التعليمية والمواصفات، مع تحرير الوثائق عبر Markdown.

This project is a comprehensive set of architectural patterns, coding standards, and reference materials for AngularJS applications. It establishes a structural approach for separating business logic into injectable services and restricting document object model manipulation to directives. The guide provides a standardized framework for project organization through consistent naming conventions, directory hierarchies, and module structuring. It emphasizes the use of isolated scopes for component encapsulation and explicit array notation for dependency injection to ensure stability during code

This project is a curated collection of technical interview questions and detailed answers designed for professional software engineering roles. It serves as an Angular framework study resource and interview guide for developers preparing for frontend engineering assessments. The resource covers core architectural patterns including component-based view architecture, hierarchical dependency injection, and declarative template binding. It also addresses implementation details regarding observable-driven data streams and the use of directives for DOM manipulation. Additional content focuses on

هذا المشروع هو مكتبة واجهة مستخدم للسحب والإفلات ومكون Vue 3 لتنفيذ قوائم قابلة للفرز وواجهات متزامنة الحالة. يعمل كغلاف لمكتبة Sortable.js، ويوفر مكون قائمة متزامن الحالة يقوم تلقائياً بتحديث مصفوفة البيانات الأساسية عند إعادة ترتيب العناصر أو نقلها. تدعم المكتبة واجهات قابلة للسحب متداخلة وتنظيم بيانات هرمي، مما يسمح بتداخل حاويات قابلة للسحب داخل عناصر أخرى قابلة للتحريك لإنشاء هياكل متعددة المستويات. كما تتيح نقل البيانات متعدد الأعمدة، مما يسمح بنقل العناصر أو استنساخها بين حاويات قابلة للسحب مختلفة. تشمل القدرات الإضافية استخدام مقابض تفاعل مقيدة لبدء الحركة والقدرة على تضمين محتوى ثابت غير قابل للتحريك داخل قائمة قابلة للسحب. يتتبع النظام دورات حياة حدث السحب لتشغيل ردود الاتصال عند إضافة العناصر أو إزالتها أو إعادة وضعها.