المدونة

كن مطوّر واجهات أمامية محترفا

مسار موجّه من أساسيات الويب حتى تصبح مطوّر واجهات أمامية جاهزا لسوق العمل.

أساسيات الواجهة الأمامية

الأساسيات التي يجب أن يتقنها كل مطوّر واجهات أمامية.

18 / 18
  1. 01HTML الدلالي9 دقيقة قراءة
  2. 02CSS Box Model9 دقيقة قراءة
  3. 03محدّدات CSS والتخصيص والتتالي9 دقيقة قراءة
  4. 04تموضع CSS والتكديس7 دقيقة قراءة
  5. 05Flexbox16 دقيقة قراءة
  6. 06Grid10 دقيقة قراءة
  7. 07Media Queries والتجاوب9 دقيقة قراءة
  8. 08الطباعة وخطوط الويب7 دقيقة قراءة
  9. 09الألوان والتدرّجات7 دقيقة قراءة
  10. 10الانتقالات والحركات8 دقيقة قراءة
  11. 11ميزات CSS الحديثة9 دقيقة قراءة
  12. 12أساسيات JavaScript16 دقيقة قراءة
  13. 13DOM11 دقيقة قراءة
  14. 14النماذج (Forms)6 دقيقة قراءة
  15. 15Promises7 دقيقة قراءة
  16. 16Async / await6 دقيقة قراءة
  17. 17أساسيات HTTP6 دقيقة قراءة
  18. 18Git / GitHub12 دقيقة قراءة

JavaScript بعمق

تجاوز الأساسيات — آليات اللغة والأنماط والأدوات التي تفصل المتوسّط عن المتقدّم.

13 / 13
  1. 01الإغلاقات والنطاق وthis6 دقيقة قراءة
  2. 02النماذج الأولية والأصناف والبرمجة الكائنية6 دقيقة قراءة
  3. 03وحدات ES والأدوات5 دقيقة قراءة
  4. 04JavaScript الوظيفية6 دقيقة قراءة
  5. 05المُكرِّرات والمولّدات6 دقيقة قراءة
  6. 06التعبيرات النمطية5 دقيقة قراءة
  7. 07معالجة الأخطاء والتنقيح6 دقيقة قراءة
  8. 08تخزين المتصفح والحالة5 دقيقة قراءة
  9. 09الأداء والذاكرة7 دقيقة قراءة
  10. 10مقدّمة TypeScript6 دقيقة قراءة
  11. 11TypeScript: المتوسّط8 دقيقة قراءة
  12. 12TypeScript: المتقدّم8 دقيقة قراءة
  13. 13اختبار JavaScript6 دقيقة قراءة

أطر العمل

ابنِ واجهات حقيقية باستخدام إطار عمل حديث للمكوّنات.

10 / 10
  1. 01أساسيات React15 دقيقة قراءة
  2. 02المكوّنات والـ props10 دقيقة قراءة
  3. 03State والـ hooks13 دقيقة قراءة
  4. 04التوجيه (Routing)8 دقيقة قراءة
  5. 05جلب البيانات9 دقيقة قراءة
  6. 06أساسيات Next.js9 دقيقة قراءة
  7. 07Next.js: العرض والتخزين المؤقّت9 دقيقة قراءة
  8. 08Next.js: التعديلات وأفعال الخادم8 دقيقة قراءة
  9. 09Next.js: التوجيه المتقدّم7 دقيقة قراءة
  10. 10Next.js: الإنتاج8 دقيقة قراءة

المشاريع

حوّل المعرفة إلى أعمال منشورة جاهزة لمعرض أعمالك.

0 / 4
  1. 01إعداد المشروع والأدواتقريبا
  2. 02بناء واجهة من Figmaقريبا
  3. 03ربط الـ APIقريبا
  4. 04النشر (Deployment)قريبا

التحضير للوظيفة

كي تُوظَّف: الأداء، معرض الأعمال، والمقابلات.

7 / 9
  1. 01بناء معرض أعمالكقريبا
  2. 02السيرة الذاتية للمطوّرينقريبا
  3. 03أسئلة المقابلات11 دقيقة قراءة
  4. 04مسائل برمجية بـ JavaScript19 دقيقة قراءة
  5. 05أساسيات تصميم الأنظمة6 دقيقة قراءة
  6. 06مقابلة الواجهة الأمامية في Airbnb10 دقيقة قراءة
  7. 07أنماط مقابلات الخوارزميات9 دقيقة قراءة
  8. 08بناءات جولة برمجة الواجهة8 دقيقة قراءة
  9. 09المقابلة السلوكية (STAR)7 دقيقة قراءة