Full stack Laravel & React.js

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

1

Introduction to Web Development & HTML

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

💡 ملاحظة مهمة

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

2

CSS & Responsive Design

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

💡 ملاحظة مهمة

تصميم صفحة Landing Page.

3

JavaScript Fundamentals

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

💡 ملاحظة مهمة

بناء صفحات تفاعلية.

4

Bootstrap / Tailwind

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

💡 ملاحظة مهمة

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

5

React Fundamentals

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

💡 ملاحظة مهمة

إنشاء أول تطبيق React.

6

React Advanced (Hooks & Routing)

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

💡 ملاحظة مهمة

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

7

PHP Fundamentals

تعلم أساسيات لغة PHP مثل المتغيرات، الشروط، الحلقات، الدوال والتعامل مع النماذج.

💡 ملاحظة مهمة

إنشاء برامج PHP بسيطة.

8

Database & MySQL

تعلم أساسيات قواعد البيانات SQL وإنشاء قواعد بيانات باستخدام MySQL وربطها مع التطبيق.

💡 ملاحظة مهمة

إنشاء قاعدة بيانات لموقع.

9

Laravel Framework

تعلم إطار العمل Laravel وفهم هيكل المشروع والعمل بنظام MVC وإنشاء Routes وControllers.

💡 ملاحظة مهمة

إنشاء مشروع Laravel.

10

APIs & Connecting React with Laravel

تعلم بناء REST APIs باستخدام Laravel وربطها مع تطبيق React لجلب البيانات وعرضها.

💡 ملاحظة مهمة

بناء تطبيق متكامل Frontend + Backend.

11

Full Stack Final Project

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

💡 ملاحظة مهمة

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

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

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