العودة إلى الدورة

الدرس 2: خارطة طريق تطوير واجهات المستخدم (Front-End)

خارطة الطريق الشاملة لجميع تخصصات تقنية المعلومات (IT)

مسار مطور واجهات المستخدم (Front-End Developer)

يتعلق الـ Front-End بكل ما يراه المستخدم ويتفاعل معه.

الخطوة 1: الأساسيات (الركائز الثلاث)

  1. HTML5: هيكلية الويب.
  2. CSS3: التنسيق، التخطيطات (Flexbox, Grid)، والتجاوب مع الشاشات (Responsiveness).
  3. JavaScript (Vanilla): إضافة المنطق والتفاعل.

الخطوة 2: الأدوات

  • نظام التحكم في النسخ: Git و GitHub.
  • مديرو الحزم: NPM أو Yarn.
  • أدوات البناء: Vite أو Webpack.

الخطوة 3: إطارات العمل (اختر واحداً)

  • React.js: (الأكثر شهرة)
  • Vue.js: (منحنى تعلم أسهل)
  • Angular: (مستوى الشركات الكبرى)

الخطوة 4: إطارات عمل CSS

  • Tailwind CSS أو Bootstrap.