Awesome GitHub RepositoriesWeb Performance Optimizations

MDN Web Docs is the official source for comprehensive documentation about HTML, CSS, JavaScript, HTTP, and Web APIs for web developers. It serves as both a complete reference for web browser technologies and a structured learning platform that guides users from beginner to advanced levels through tutorials covering core web standards. The project distinguishes itself by providing a complete reference documentation for standard browser APIs alongside guidance for building accessible websites that work with assistive technologies. It offers documented security techniques and best practices for

This project is a technical interview preparation resource focused on JavaScript. It provides a collection of common technical questions, detailed answers, and conceptual quizzes designed to help users master core language fundamentals and browser APIs. The resource utilizes an interactive infrastructure that includes a coding workspace with in-browser runtime execution and an automated test suite to validate code correctness. It organizes content through curated learning paths and modular concept mapping to decompose complex language fundamentals into searchable study modules. The curriculu

This project is a comprehensive collection of frontend development best practices and standards. It provides guides for writing semantic HTML, efficient CSS, and functional JavaScript to improve overall web performance and accessibility. The repository establishes frameworks for modern CSS architecture, focusing on specificity management and the use of Flexbox and Grid for predictable layouts. It outlines patterns for functional JavaScript programming, emphasizing the use of pure functions and composition to reduce execution time and dependency bloat. The guidelines cover several core capabi

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

This project is a front-end interview study guide and a collection of structured notes designed for technical job preparation. It serves as a comprehensive reference for web technologies, common technical interview questions, and JavaScript algorithm implementation. The notebook distinguishes itself by integrating specialized guides for web performance optimization, browser API documentation, and JavaScript algorithm references. It provides a structured approach to solving coding challenges involving data structures like binary trees, linked lists, and array manipulation. The content covers

This project is a comprehensive frontend interview preparation resource built around a question bank of over 1000 curated questions. It covers HTML, CSS, JavaScript, Vue, React, Node, TypeScript, Webpack, algorithms, and network security, with each question accompanied by a detailed answer explanation. The content is organized into a hierarchical category tree for browsable exploration, and a daily question rotation algorithm presents one question per day for systematic review. A client-side search index enables instant filtering of questions by title or tag, and the entire question bank is p

Daily-Question is a frontend interview preparation platform and technical knowledge base. It provides a structured engineering curriculum consisting of high-frequency interview questions and core technical topics organized by increasing difficulty. The platform includes an interview experience archive that collects real-world reports from technology companies to help users analyze hiring patterns and salary benchmarks. It also serves as a library for web engineering concepts and network protocols, utilizing interactive code examples and diagrams. The project covers broad capability areas inc

Spec is a comprehensive set of frontend coding standard specifications and project architecture guides. It provides a framework for organizing directory structures, module dependencies, and package layouts to create scalable and predictable codebases. The project defines rigorous governance standards for React components, including specific naming conventions and structural patterns for props. It also establishes a JSON API data specification to ensure predictable communication between system components through standardized exchange formats and HTTP response structures. The specification cov

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

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