📋 محتويات الصفحة
📖 الوصف
Roadmap.sh يوفر خرائط طريق بصرية وشاملة لأهم التخصصات التقنية (Frontend, Backend, DevOps, AI/ML). يوضح المهارات المطلوبة، الموارد التعليمية، والترتيب المنطقي للتعلم.
🎯 يستخدم في
مجالات استخدام هذه الأداة
معرفة مسار التعلم الكامل
تحديد ما يجب تعلمه بالترتيب
تقييم مستواك الحالي
تحديد الفجوات في المعرفة
التخطيط للتعلم الذاتي
الاستعداد للوظائف
✨ المميزات
أبرز مميزات هذه الأداة
خرائط طريق بصرية ومفصلة
تحديث مستمر (مجتمع مفتوح المصدر)
مسارات متعددة (Frontend
Backend
DevOps
DBA
etc.)
موارد تعليمية لكل مهارة
قائمة تحقق (Checklist) للمهارات
مشاريع عملية مقترحة
محتوى مجاني تمامًاً
⚠️ العيوب
نقاط يجب مراعاتها
قد يكون مخيفاً بحجمه للمبتدئين
لا يعلم المهارات، فقط يوضحها
بعض المسارات تحتاج مصادر إضافية
قد يتغير باستمرار (إرباك)
💻 مثال على الاستخدام
كيفية استخدام هذه الأداة
## خريطة Frontend (مختصرة):
### Stage 1: Internet & Web Basics
- How does the internet work?
- What is HTTP?
- DNS and how it works?
- Browsers and how they work?
### Stage 2: HTML
- Semantic HTML
- Forms and Validations
- Accessibility
- SEO Basics
### Stage 3: CSS
- Syntax & Selectors
- Box Model
- Layouts (Flexbox, Grid)
- Responsive Design
### Stage 4: JavaScript
- Basics (Variables, Types, Functions)
- DOM Manipulation
- Fetch API / Async
- ES6+ Features
- OOP, Closures, Scope
### Stage 5: Version Control
- Git Basics
- GitHub/GitLab
### Stage 6: Package Managers
- npm
- yarn / pnpm
### Stage 7: CSS Architecture
- BEM
- CSS Modules
- Tailwind CSS
### Stage 8: JS Frameworks
- React / Vue / Angular
### Stage 9: Modern CSS
- CSS-in-JS
- Component Libraries
- Design Systems
### Stage 10: Testing
- Unit Testing
- Integration Testing
- E2E Testing📚 أدوات أخرى في Learning
قد يعجبك أيضاً
freeCodeCamp
⭐منصة تعليم مجاني لتطوير الويب (Free Web Development Education)
Frontend Masters
⭐منصة تعليمية احترافية لمطوري الويب (Professional Web Development Education)
Frontend Mentor
⭐منصة تحديات التصميم والمشاريع العملية (Design Challenges Platform)
JavaScript.info
⭐مصدر تعلّم
JavaScript.info
⭐كتاب ويب شامل عن JavaScript (Comprehensive JavaScript Book)
Josh Comeau
⭐مدونة تعليمية تفاعلية عن تطوير الويب (Interactive Web Dev Blog)