خارطة الطريق
Frontend Development
خارطة طريق لتعلم تطوير الواجهات الأمامية
دليل عملي و منظم بيساعدك علي تعلم مهارات و مفاهيم ال Frontend بشكل تدريجي. مع مصادر موثوقة و مشاريع تطبيقية في كل مرحلة.
محتوي مبني علي خبرة
مشازيع عملية
مصادر موثوقة
مناسب لجميع
المستويات
خريطة طريق التعلم
مراحل تعلم ال Frontend
مراحل مرتبة تساعدك علي بناء مهاراتك خطوة بخطوة.
ابدأ رحلتك هنا
تعرف علي عالم تطوير الويب و المفاهيم الأساسية
١- مقدمة أساسيات الويب
تعرف علي الإنترنت، الويب، المتصفحات، الخوادم.
كيف تعمل المواقع خلف الكواليس
أساسيات بناء الموقع
تعلم أساسيات بناء صفحات الويب و تصميمها بشكل احترافي.
طبق علي ما تعلمته
طبّق ما تعلمته من خلال مشاريع عملية وطوّر مهاراتك في بناء مواقع حقيقية.
٥- تقنيات CSS المتقدمة
+ مشروع عملي
تعلّم تقنيات CSS المتقدمة وطبّق ما تتعلمه من خلال مشروع عملي متكامل.
٦- مشاريع بستخدام ال
HTML & CSS
5 مشاريع لتطبيق مهاراتك في ال HTMLو ال CSS و بناء مواقع احترافية.
Developer Tools
تعلم استخدام ال Developer Tools الأساسية لإدارة مشاريعك بشكل احترافي
JavaScript
تعلّم أساسيات JavaScript وبناء مواقع تفاعلية وحل المشكلات البرمجية.
١٠- تقنيات ال JavaScript المتقدمة + ٣ مشاريع
مفاهيم ال JavaScript المتقدمة مع ٣ مشاريع صغيرة لتطبيق ما تعلمته.
١١- مشروع متقدم بستخدام ال HTML, CSS, JS
مشروع متكامل يجمع كل ما تعلمته في ال HTML, CSS, JavaSCript.
React
ابن واجهات مستخدم حديثة بستخدام React و تعلم أهم المفاهيم و التقنيات المتقدمة
١٣- تقنيات ال React المتقدمة
تعلّم المفاهيم المتقدمة في React وتطوير تطبيقات أكثر قوة وتنظيمًا.
TypeScript & React
تعلّم TypeScript وكتابة كود أكثر تنظيمًا وقابلية للصيانة.
١٦- تعلم استخدام ال React مع ال TypeScript
استخدم TypeScript مع React لبناء تطبيقات أكثر تنظيمًا.
١٧- مشاريع بستخدام ال Typescript مع ال React
مشاريع باستخدام React مع ال TypeScript لتطبيق كل ما تعلمته.
ابدأ رحلتك في تعلم ال Frontend
اختر الكورس المناسب لك و ابدأ الأن خطوة بخطوة نحو هدفك.
منصة تعليمية متخصصة في تطوير الويب و البرمجة تقدم محتوي عملي و مشاريع تساعدك علي تعلم مهارات المستقبل و بناء مسارك بثقة.