تطوير الويب
من HTML وCSS إلى أول مشروع منشور لك، مع JavaScript وReact وNext.js على الطريق. مبني للمبتدئين الراغبين في كتابة صفحات حقيقية لا مجرد مشاهدة الدروس.
نبذة عن هذا المسار
تبدأ بالهيكل والتنسيق والسلوك على الويب المفتوح، ثم تنتقل إلى التخطيطات المتجاوبة والمكونات في React وكيف يُعبّأ Next.js ذلك لمواقع الإنتاج. WordPress يظهر لأن فرق التسويق لا تزال تعيش هناك إلى جانب الكود المخصص. في النهاية لديك عنوان URL مباشر لا مجرد تمارين على القرص. توقع الكتابة كثيرًا والاستمرار في الممارسة بين جلسات المرشد.
لمن هذا المسار
الأشخاص الراغبون في فهم كيفية عمل المواقع والقدرة على بنائها من الصفر.
المتعلمون ذاتيًا الذين غطّوا الأساسيات لكنهم يريدون البنية وJavaScript وإطار عمل.
مصممو UI/UX الراغبون في قراءة وفهم والمساهمة في كود الواجهة الأمامية إلى جانب المطورين.
ما الذي ستتعلمه
منظّم في وحدات تتراكم فوق بعضها. المحتوى منهجي وليس عشوائيًا.
HTML وهيكل الويب
- كيف يعمل الويب: المتصفحات والطلبات والمستندات
- HTML الدلالي: هيكل له معنى
- النماذج والروابط والعناصر التفاعلية
- أساسيات إمكانية الوصول في HTML
CSS والتصميم البصري للويب
- المحددات والخصوصية والشلال
- Flexbox وCSS Grid للتخطيط
- التصميم المتجاوب والاستعلامات الوسيطة
- الطباعة واللون والتباعد للويب
أساسيات JavaScript
- المتغيرات والأنواع والدوال وتدفق التحكم
- التلاعب بـ DOM: تغيير الصفحة باستخدام JavaScript
- الأحداث وتفاعل المستخدم
- أساسيات Fetch API: تحميل البيانات من مصدر خارجي
React وNext.js وWordPress والنشر
- أساسيات React: المكونات والخصائص والحالة والتوجيه لواجهات مستخدم تفاعلية
- أساسيات Next.js: App Router والتخطيطات وكيف يبني الإطار على React
- WordPress: محرر الكتل والثيمات ومتى تستخدم الفرق CMS إلى جانب HTML وCSS وJS المخصص
- العمل مع APIs في مشاريع React وNext.js
- النشر باستخدام Vercel أو Netlify وHTTPS والمعاينات وإطلاق أعمال ثابتة أو React أو Next.js
الأدوات والتقنيات التي نستخدمها
نفس فئات الأدوات التي ستراها في أدوار الواجهة الأمامية الجديدة، مرتبطة بما تطلقه كل أسبوع.
Visual Studio Code
الإضافات والطرفية المتكاملة والتصحيح، المحرر الذي تعتمد عليه معظم سير عمل الواجهة الأمامية.
Git
الفروع والالتزامات والطلبات السحبية حتى يكون تقدمك قابلًا للمراجعة والمشاركة.
GitHub
الفروع والالتزامات والطلبات السحبية حتى يكون تقدمك قابلًا للمراجعة والمشاركة.
HTML
الهيكل الدلالي والأنماط المتاحة والنماذج والمستندات ذات المعنى للمتصفحات والمستخدمين.
CSS
Flexbox وGrid والقواعد المتجاوبة والطباعة حتى تتصرف التخطيطات على الأجهزة الحقيقية.
JavaScript
DOM والأحداث وجلب البيانات، الطبقة التي تحوّل المستندات إلى تطبيقات تفاعلية.
Browser DevTools
افحص التخطيط وراقب الشبكة وتتبع النصوص حتى يتطابق السلوك مع النية.
React
المكونات والخصائص والحالة والتوجيه، الأساس لواجهات المستخدم التفاعلية في الفرق الحديثة.
Next.js
App Router والتخطيطات وحدود الخادم/العميل، إطار React الإنتاجي المستخدم لمعظم المواقع التسويقية وتطبيقات الويب الجديدة.
WordPress
محرر الكتل والثيمات والإضافات، أساس CMS لعدد لا يحصى من مواقع المحتوى والتسويق، غالبًا إلى جانب الكود المخصص.
Vercel or Netlify
HTTPS والمعاينات ونشر الإنتاج للمشاريع الثابتة وReact وNext.js.
الأدوات الأساسية صديقة للمستويات المجانية. يمكنك إتمام المسار دون شراء تراخيص مدفوعة.
كيف تسير عملية التعلم
ليس محتوى مرئيًا ذاتيًا. برنامج منظم مع مخرجات حقيقية وتغذية راجعة منهجية.
ابنِ منذ اليوم الأول
كل وحدة تنتهي بمُنجَز لا اختبار. تمارس بصنع الأشياء لا بحفظ التعريفات.
تقدم منظم
HTML ← CSS ← JavaScript ← React وNext.js ← WordPress والنشر، كل خطوة تفترض ما قبلها.
مخرج لسجلك الإبداعي
تنهي المسار بمشروع منشور تملكه، يمكنك مشاركته مع أصحاب العمل ومواصلة بنائه بعد المسار.
ما الذي يُعدّك له هذا المسار
توقعات واقعية وصادقة. يمنحك المسار الأساس والتطبيق، وما تفعله بعد ذلك يحدد ما يأتي لاحقًا.
مشروع ويب منشور بنيته خلال المسار
ثقة مع HTML وCSS وJavaScript وأساسيات React وNext.js وWordPress كمسار CMS شائع
فهم التصميم المتجاوب وكيف يعمل الويب فعلًا
أساس لأدوار مطور واجهة أمامية جديد ومطور ويب
تطوير الويب: أسئلة شائعة
إجابات خاصة بالمسار: المعرفة المسبقة المطلوبة، وما ستبنيه، والأدوات المستخدمة، وكيفية البدء.
هل لديك سؤال لم تجد إجابته هنا؟
تحدث مع فريق فولوايزهل أنت مستعد لبدء مسار تطوير الويب؟
تواصل معنا لتأكيد موعد القبول وطرح أي أسئلة قبل الالتزام.
تواصل مع فولوايز إن كان لديك أسئلة قبل التقديم.