Video
Admin Dashboard Ecommerce
Full-Stack Laravel Development
Back to Diplomas
📌الفرق بين Front-End و Back-End
📌تثبيت الأدوات (VS Code , PHP , Composer , Node.js & NPM , Git & GitHub ,Laravel Installation )
📌إعداد بيئة العمل
📌 Semantic HTML
📌 Headings, Paragraphs, Links & Images
📌 Tables & Forms
📌 HTML5 APIs
📌 SEO & Accessibility
📌 CSS3 Fundamentals
📌 Selectors & Specificity
📌 Box Model
📌 Flexbox & Grid
📌 Responsive Design
📌 Animations & Transitions
📌 Bootstrap
📌 Grid System
📌 Components & Utilities
📌 Git Basics
📌 Commits
📌 Push / Pull
📌 Branching
📌 GitHub Workflow
🎯 Tasks:
• Resume Page
• Appointment Form
• Product Card
• Newspaper Layout
🚀 Projects:
• Wikipedia Clone
• Responsive Landing Page
• E-Commerce Website
📌 Modern JavaScript Syntax (ES6+)
📌 Advanced JavaScript
📌 DOM Manipulation
📌 Browser APIs & Storage
📌 Error Handling (try / catch)
📌 API Integration
📌 JavaScript Mastery Workshop
📌 React Hooks
📌 React Routing
📌 Forms & User Input
📌 Context API
📌 State Management
📌 API Integration in React
📌 React UI & Styling
📌 React Performance & Best Practices
📌 React Projects Workshop
📌Weather App (API Integration Project)
📌Blog Platform UI (Posts & Details Pages)
📌E-Commerce Frontend (Products, Cart, Checkout UI)
📌Admin Dashboard (Charts & Data Tables UI)
📌Authentication UI (Login / Register System)
📌Movie Search App (API + Dynamic Filtering)
📌Landing Page (Responsive + Modern UI Design)
📌 PHP Fundamentals
📌 Functions & Form Handling
📌 PHP & Database Integration
📌 Simple Login System
📌CRUD Application (Posts / Users System)
📌Contact Form System
📌Mini CMS Project
📌 OOP Design Principles
📌 Advanced OOP Concepts
📌 OOP Mastery Workshop
📌 MySQL Constraints & Relationships
📌 Advanced SQL Concepts
📌 Database Design
📌 Database & PHP Integration Workshop
📌 Database Mastery Workshop
📌Blade Templating & UI Layer
📌Middleware & Advanced Routing
📌Database & Eloquent ORM
📌Forms, Validation & Sessions
📌Authentication & Authorization
📌Advanced Laravel Concepts
📌 REST API Development + Authentication (Sanctum)
📌E-Commerce Backend System
📌Admin Dashboard Backend
📌Blog System API
📌User Management System
📌Full REST API Project
📌Deploy Laravel Applications
📌Domain & Hosting
📌Portfolio Building
📌CV Preparation
📌LinkedIn Optimization
📌Freelancing Basics
📌Interview Preparation
من الصفر هتتعلم:
HTML لبناء هيكل الصفحات
CSS لتصميم وتنسيق المواقع
Responsive Design لجميع الشاشات
JavaScript لإضافة التفاعل
أساسيات React (Components - JSX - Props - State)
🔹 React Advanced
التعامل مع Hooks (useState - useEffect)
إدارة الـ State
Routing باستخدام React Router
التعامل مع APIs باستخدام Fetch / Axios
تنظيم الكود وبناء مشاريع scalable
🔹 Back-End Development باستخدام Laravel
أساسيات PHP
OOP Concepts
MVC Architecture
Routing & Controllers
بناء RESTful APIs
ربط الـ Front-End مع الـ Back-End
🔹 Databases
التعامل مع قواعد البيانات (MySQL)
Migrations & Seeders
Eloquent ORM
CRUD Operations
Relationships بين الجداول
تخزين واسترجاع البيانات
🔹 Authentication & Security
نظام تسجيل الدخول (Login System)
Token-based Authentication باستخدام Laravel Sanctum
حماية الـ APIs
Middleware & Authorization
🔹 Building Full-Stack Projects
إنشاء مشاريع كاملة باستخدام React + Laravel
ربط الفرونت بالباك بشكل احترافي
رفع الملفات (File Uploads)
تنظيم Structure المشروع
Deploy المشروع
Dashboard تفاعلي
To-Do App
نظام تسجيل دخول (Authentication System)
E-commerce Website
Full Stack Project متكامل
ربط الواجهة الأمامية مع قواعد البيانات
إنشاء APIs احترافية
تنفيذ مشاريع حقيقية في Portfolio
التأهل للعمل كـ Full Stack Developer
القدرة على العمل Freelance أو في شركات
بناء مشاريع متكاملة من الصفر
فهم سوق العمل ومتطلباته
تجهيز Portfolio قوي
التقديم على وظائف أو بدء العمل الحر
Full-Stack Laravel Development
Program
Programming
كورس Full Stack لتعلم تطوير مواقع الويب بشكل كامل (Front-End & Back-End)، يشمل HTML وCSS وJavaScript و Laravel وقواعد البيانات مع تنفيذ مشاريع حقيقية.
About this Diploma
كورس Full Stack Development هو برنامج تدريبي متكامل يهدف إلى تأهيلك لتصبح مطور مواقع ويب محترف قادر على بناء التطبيقات من البداية وحتى الإطلاق.
Curriculum
10 sections
Module 1
📌مقدمة في تطوير الويب📌الفرق بين Front-End و Back-End
📌تثبيت الأدوات (VS Code , PHP , Composer , Node.js & NPM , Git & GitHub ,Laravel Installation )
📌إعداد بيئة العمل
Module 2
📌 HTML5 Fundamentals📌 Semantic HTML
📌 Headings, Paragraphs, Links & Images
📌 Tables & Forms
📌 HTML5 APIs
📌 SEO & Accessibility
📌 CSS3 Fundamentals
📌 Selectors & Specificity
📌 Box Model
📌 Flexbox & Grid
📌 Responsive Design
📌 Animations & Transitions
📌 Bootstrap
📌 Grid System
📌 Components & Utilities
📌 Git Basics
📌 Commits
📌 Push / Pull
📌 Branching
📌 GitHub Workflow
🎯 Tasks:
• Resume Page
• Appointment Form
• Product Card
• Newspaper Layout
🚀 Projects:
• Wikipedia Clone
• Responsive Landing Page
• E-Commerce Website
Module 3
📌 JavaScript Fundamentals📌 Modern JavaScript Syntax (ES6+)
📌 Advanced JavaScript
📌 DOM Manipulation
📌 Browser APIs & Storage
📌 Error Handling (try / catch)
📌 API Integration
📌 JavaScript Mastery Workshop
Module 4
📌 React Fundamentals📌 React Hooks
📌 React Routing
📌 Forms & User Input
📌 Context API
📌 State Management
📌 API Integration in React
📌 React UI & Styling
📌 React Performance & Best Practices
📌 React Projects Workshop
Module 5
📌To-Do Application (Advanced CRUD System)📌Weather App (API Integration Project)
📌Blog Platform UI (Posts & Details Pages)
📌E-Commerce Frontend (Products, Cart, Checkout UI)
📌Admin Dashboard (Charts & Data Tables UI)
📌Authentication UI (Login / Register System)
📌Movie Search App (API + Dynamic Filtering)
📌Landing Page (Responsive + Modern UI Design)
Module 6
📌 Introduction to PHP & Environment Setup📌 PHP Fundamentals
📌 Functions & Form Handling
📌 PHP & Database Integration
📌 Simple Login System
📌CRUD Application (Posts / Users System)
📌Contact Form System
📌Mini CMS Project
Module 7
📌 OOP Fundamentals📌 OOP Design Principles
📌 Advanced OOP Concepts
📌 OOP Mastery Workshop
Module 8
📌 Database Fundamentals & SQL Basics📌 MySQL Constraints & Relationships
📌 Advanced SQL Concepts
📌 Database Design
📌 Database & PHP Integration Workshop
📌 Database Mastery Workshop
Module 9
📌Laravel Fundamentals & MVC Architecture📌Blade Templating & UI Layer
📌Middleware & Advanced Routing
📌Database & Eloquent ORM
📌Forms, Validation & Sessions
📌Authentication & Authorization
📌Advanced Laravel Concepts
📌 REST API Development + Authentication (Sanctum)
📌E-Commerce Backend System
📌Admin Dashboard Backend
📌Blog System API
📌User Management System
📌Full REST API Project
Module 10
📌Deploy React Applications📌Deploy Laravel Applications
📌Domain & Hosting
📌Portfolio Building
📌CV Preparation
📌LinkedIn Optimization
📌Freelancing Basics
📌Interview Preparation
What You Will Learn
🚀 ماذا ستتعلم؟
🔹 Front-End Development باستخدام Reactمن الصفر هتتعلم:
HTML لبناء هيكل الصفحات
CSS لتصميم وتنسيق المواقع
Responsive Design لجميع الشاشات
JavaScript لإضافة التفاعل
أساسيات React (Components - JSX - Props - State)
🔹 React Advanced
التعامل مع Hooks (useState - useEffect)
إدارة الـ State
Routing باستخدام React Router
التعامل مع APIs باستخدام Fetch / Axios
تنظيم الكود وبناء مشاريع scalable
🔹 Back-End Development باستخدام Laravel
أساسيات PHP
OOP Concepts
MVC Architecture
Routing & Controllers
بناء RESTful APIs
ربط الـ Front-End مع الـ Back-End
🔹 Databases
التعامل مع قواعد البيانات (MySQL)
Migrations & Seeders
Eloquent ORM
CRUD Operations
Relationships بين الجداول
تخزين واسترجاع البيانات
🔹 Authentication & Security
نظام تسجيل الدخول (Login System)
Token-based Authentication باستخدام Laravel Sanctum
حماية الـ APIs
Middleware & Authorization
🔹 Building Full-Stack Projects
إنشاء مشاريع كاملة باستخدام React + Laravel
ربط الفرونت بالباك بشكل احترافي
رفع الملفات (File Uploads)
تنظيم Structure المشروع
Deploy المشروع
🛠️ المشاريع العملية
Landing Page احترافيةDashboard تفاعلي
To-Do App
نظام تسجيل دخول (Authentication System)
E-commerce Website
Full Stack Project متكامل
🎯 ماذا ستحقق بعد الكورس؟
بناء مواقع ويب كاملة (Front-End & Back-End)ربط الواجهة الأمامية مع قواعد البيانات
إنشاء APIs احترافية
تنفيذ مشاريع حقيقية في Portfolio
التأهل للعمل كـ Full Stack Developer
القدرة على العمل Freelance أو في شركات
📌 في النهاية
بعد إتمام الكورس، ستكون قادر على:بناء مشاريع متكاملة من الصفر
فهم سوق العمل ومتطلباته
تجهيز Portfolio قوي
التقديم على وظائف أو بدء العمل الحر
Prerequisites
لا يتطلب أي خبرة سابقة — الكورس مناسب للمبتدئين من الصفر.
Why Study at MTEC Academy?
Hands-on learning environment built for real careers.
Certified Instructors
Professional Instructors
Learning Platform
Training Platform
Practical Tasks
Ongoing Tasks
Multiple Branches
Study on-site at your nearest branch.
Real Student Work
Student Projects
Real portfolio work built by our students across diplomas
2 projects
Portfolio Ready
Video
Simple Landing Page
Full-Stack Laravel Development
Video
Admin Dashboard Ecommerce
Full-Stack Laravel Development
Video
Simple Landing Page
Full-Stack Laravel Development
Video
Admin Dashboard Ecommerce
Full-Stack Laravel Development
Video
Simple Landing Page
Full-Stack Laravel Development
Hover to pause scrolling
Start Your Journey
Register for This Diploma
Complete the form below and we will contact you shortly
Real Student Stories
Student Feedback
What our students are saying about this diploma.
Average Rating
— / 5Total Reviews
—
Trusted Network
Our Graduates Work At
Companies and organizations where our alumni build their careers.
8 partner organizations
Trusted Partners
Hover to temporarily pause the carousel