تعلم تطوير الويب

تعلّم تطوير الويب مع Frontend باستخدام HTML وCSS وJavaScript معًا منذ الدرس الأول. التطبيق مناسب لكل من يريد إتقان مهارات مطور الواجهة الأمامية، من المبتدئ إلى المتقدم.

ما بالداخل

• 41 دورة، 163 درسًا قصيرًا: A1–C2

• editor مباشر للكود: لوحات HTML وCSS وJavaScript متجاورة؛ ومعاينة فورية أسفلها على هاتفك

• قوالب مشاريع HTML أو React أو Vue أو Angular أو Node أو TypeScript

• 20 مشروعًا خطوة بخطوة: صفحة وصفة، نموذج تواصل، شبكة بطاقات، شريط تنقل، جدول بيانات وغيرها

• 15 مهمة لتصحيح أخطاء حقيقية: تخطيط معطّل بعرض 375px، صورة تضرّ بمؤشر LCP، نموذج يمنع التنقل بمفتاح Tab، تسرّب ذاكرة في مكوّن، اختبار ينجح محليًا ويفشل في CI

• امتحان نهائي وشهادة إتمام

• 22 لغة

مسار واحد، من المبتدئ إلى المتقدم

• أساسيات الويب، HTML، النماذج، الترميز الدلالي

• أساسيات CSS، المتغيرات، الانتقالات، الحركات، flexbox، grid

• تصميم متجاوب لكل الشاشات

• JavaScript، المصفوفات، الكائنات، ES6+، DOM، واجهات API للمتصفح، البرمجة غير المتزامنة

• أدوات المطورين، Git، سير العمل الجماعي، الوحدات، أدوات البناء

• TypeScript من الأساسيات إلى الأنماط المتقدمة

• أساسيات React، useEffect، جلب البيانات، الخطافات والأنماط المتقدمة

• Vue 3، Composition API، الأنماط المتقدمة

• إدارة الحالة، واجهات REST API، WebSockets، واجهات مستخدم آنية

• التصيير على الخادم: Next.js، Nuxt 3؛ تطبيقات الويب التقدمية (PWA)

• إمكانية الوصول، الاختبار، الأداء، الأمان

• معمارية CSS، أنظمة التصميم، CI/CD، الأدوات الحديثة

تدريب يرسخ في الذاكرة

• اختبارات قصيرة ومراجعات

• مرجع سريع: 83 مدخلًا للصياغة البرمجية والأنماط

• 50 سؤالًا وإجاباتها لمقابلات وظائف Frontend developer ومطوري الويب

• مكتبة أمثلة برمجية قابلة للتعديل

• حفظ الكود والملاحظات والدروس المفضلة

• تحديات برمجية: ادعُ أصدقاءك برمز أو واجه منافسين عشوائيين

• تحدي البرمجة العالمي: ثلاث جولات عالمية يوميًا بلغات JavaScript وPython وغيرها

• سلاسل أيام متتالية، نقاط XP، لوحة صدارة، تذكيرات يومية

مرشد AI

• اسأل AI عن العيوب البرمجية والمفاهيم والأخطاء والدروس أو الكود الذي تكتبه

• ساحة تجارب AI: صِف صفحة لتوليد الكود

• مجانًا: 3 أسئلة AI يوميًا؛ Pro: بلا حدود

لمن هو موجّه

• المبتدئون الراغبون في احتراف تطوير الويب

• الطلاب الذين يتدربون بالتوازي مع دورة في تطوير الويب

• المصممون الذين ينفّذون تصاميمهم

• مطورو HTML/CSS الذين يتعلمون JavaScript وTypeScript وأطر العمل

• الراغبون في تغيير مسارهم المهني والاستعداد لأول وظيفة بصفة مطور الواجهة الأمامية

كيف يعمل

1. ابدأ مجانًا: مرحبًا بك في تطوير الويب

2. عدّل الكود في إحدى اللوحات؛ وشاهد المعاينة تتحدث

3. تعلّم JavaScript والتخطيط المتجاوب وTypeScript وReact وVue

4. أنشئ مشاريع موجّهة؛ وصحّح أخطاء حقيقية

5. اجتز الامتحان النهائي لتحصل على شهادتك

المجاني وPro

مجانًا: الدورة الأولى، أول مشروع موجّه، مهمتان لتصحيح الأخطاء، editor للكود، 3 أسئلة لمرشد AI يوميًا؛ يتضمن إعلانات. Pro: كل الدورات والمشاريع والمهام، امتحان الشهادة، AI بلا حدود؛ يزيل الإعلانات.