Frontend React

خارطة الطريق التعليمية - تابع رحلتك خطوة بخطوة

1

Introduction to Web Development & HTML

التعرف على أساسيات الويب وكيف تعمل المواقع، ثم تعلم HTML لبناء هيكل صفحات الويب.

💡 ملاحظة مهمة

سيتم إنشاء أول صفحة ويب.

2

CSS & Responsive Design

تعلم تصميم صفحات الويب باستخدام CSS مع تعلم Flexbox و Grid وإنشاء مواقع متجاوبة تعمل على جميع الأجهزة.

💡 ملاحظة مهمة

تطبيق عملي لتصميم صفحة Landing Page.

3

Bootstrap Framework

تعلم استخدام Bootstrap لبناء واجهات احترافية بسرعة باستخدام مكونات جاهزة ونظام Grid.

💡 ملاحظة مهمة

تصميم موقع كامل باستخدام Bootstrap.

4

JavaScript Fundamentals

تعلم أساسيات JavaScript مثل المتغيرات، الشروط، الحلقات، الدوال، والتعامل مع DOM لجعل الموقع تفاعلي.

💡 ملاحظة مهمة

إنشاء تطبيقات تفاعلية بسيطة.

5

Advanced JavaScript

تعلم مفاهيم JavaScript المتقدمة مثل ES6 و Modules و Fetch API والتعامل مع البيانات.

💡 ملاحظة مهمة

بناء تطبيق يتعامل مع API.

6

React Fundamentals

التعرف على مكتبة React وكيفية إنشاء تطبيق React وبناء المكونات Components.

💡 ملاحظة مهمة

إنشاء أول مشروع React.

7

React Hooks & Routing

تعلم استخدام React Hooks مثل useState و useEffect والتنقل بين الصفحات باستخدام React Router.

💡 ملاحظة مهمة

بناء تطبيق متعدد الصفحات.

8

React Final Project

تنفيذ مشروع React كامل مثل متجر إلكتروني أو Dashboard باستخدام كل ما تم تعلمه في الكورس.

💡 ملاحظة مهمة

المشروع سيكون جزء من Portfolio الطالب.

إتمام الخارطة

أكمل جميع المستويات لإتقان الكورس