💎
تطوير ويب من المبتدئ للمحترف شهادة معتمدة

Full Stack Web Development — المسار الشامل

ابنِ مواقع وتطبيقات ويب متكاملة من الواجهة إلى قاعدة البيانات — Frontend + Backend بدورة واحدة بمحتوى تفصيلي كامل.

28
مستوى دراسي
144
موضوع تفصيلي
128
ساعة تدريب
✓
شهادة معتمدة

🎬 دروس مجانية للاطلاع

⚠️ المحتوى مسجّل ضمن حقوق الملكية — أي مشاركة أو تحميل دون إذن خطي يعرّضك للمساءلة القانونية.

Frontend — Create The HTML Form
CSS — Shorthand Border Property
Backend — Delete Data with PDO

📚 المحتوى التفصيلي

دورة شاملة في تطوير الويب بمسارين متكاملين — تبدأ بأساسيات HTML5 و CSS3 و Bootstrap 5 لبناء واجهات احترافية ومتجاوبة على مدى 13 مستوى، ثم تنتقل لـ PHP و MySQL لبناء جانب السيرفر الآمن مع Prepared Statements ورفع الملفات وأنظمة التسجيل والدخول على مدى 13 مستوى إضافي. تنتهي بمقابلة فنية شاملة ومشروع تخرّج Full Stack حقيقي.

html-101
🎨 المرحلة الأولى — Frontend (1/13): HTML & CSS 101 — الأساسيات
  • Intro و تنزيل المحرّر
  • أول صفحة (شرح مفصّل)
  • Hyperlinks + الصور
  • Headings / Paragraphs / Styles
  • Text Formatting / Quotation / Comments
  • HTML Colors
  • HTML Links (parts 1-2) + Buttons + Bookmarks
  • Images + Floating + Maps (react/circle/poly)
  • Background Images + picture Element
html-102
Frontend (2/13): HTML & CSS 102
  • HTML Tables (Borders / Padding / Spans / Caption)
  • Lists (Unordered / Ordered / Control Counting)
  • Block & Inline Elements + div/span
  • class & id Attributes
  • HTML iframes
  • Layout Elements
html-103
Frontend (3/13): HTML & CSS 103 — Forms
  • HTML Forms
  • Text Fields + Label Element
  • Radio Buttons + Checkboxes
  • Submit Button + Post/Get + File Handler
  • Form Attributes (Action/Target/Method)
  • Autocomplete / Required / Novalidate
html-104
Frontend (4/13): HTML & CSS 104 — Multimedia
  • HTML Multimedia
  • HTML Video (autoplay/muted)
  • HTML Audio
  • إدراج محتوى من Facebook/YouTube/Twitter
html-105
Frontend (5/13): HTML 105 — المرجع و HTTP
  • Language & Country Codes Reference
  • HTTP Status Messages (1xx-5xx)
  • ما هو الـ Server وعمله
  • HTML Error Messages بالتفصيل
css-101
Frontend (6/13): CSS 101 — مقدمة + Selectors
  • What is CSS و لماذا CSS
  • CSS Syntax
  • Selectors (Element / ID / Class / Universal / Grouping)
css-102
Frontend (7/13): CSS 102 — الإدراج + الألوان
  • External / Internal / Inline CSS
  • Multiple Stylesheets
  • Comments
  • Colors: Names / RGB / RGBA / HEX (full + 3-digit) / HSL / HSLA
  • كيفية الحصول على قيم الألوان
css-103
Frontend (8/13): CSS 103 — Backgrounds + Borders
  • Background / Opacity / Image / Repeat / Position
  • Border (Style / Width / Color / Sides / Shorthand / Radius)
  • Margins (3 أجزاء)
  • Padding
css-104
Frontend (9/13): CSS 104 — Layout & Text
  • Height / Width / Max-Width
  • Outline (Style / Width)
  • Text: Color / Background / Alignment / Vertical
  • Direction / unicode-bidi
  • Transformation / Shadow
  • Spacing (Letter / Line Height / Word / White Space)
bs-101
Frontend (10/13): Bootstrap 101 — Get Started
  • Bootstrap Get Started
  • Bootstrap Responsive + Versions
  • Bootstrap 5 Example + CDN
  • إنشاء صفحة بـ Bootstrap 5
  • Containers (Fixed / Fluid / Responsive)
  • Padding / Border / Color
bs-102
Frontend (11/13): Bootstrap 102 — Grid & Typography
  • Grid System + Grid Classes (5 أجزاء)
  • Text Typography (Headings / Display / small / mark / abbr / blockquote)
  • dl / Code / kbd / pre
  • Typography Classes (lead / text-align / break / decoration / case / list)
bs-103
Frontend (12/13): Bootstrap 103 — Tables, Images, Buttons
  • Bootstrap Colors (Text / Opacity / Background)
  • Tables (Basic / Striped / Bordered / Hover / Dark / Contextual)
  • Responsive & Small Tables
  • Images (Rounded / Circle / Thumbnail / Aligning / Responsive)
  • Jumbotron / Alerts
  • Buttons (Styles / Outline / Sizes / Block Level / States / Spinner)
  • Button Groups (Sizes / Vertical / Nesting / Dropdown)
bs-104
Frontend (13/13): Bootstrap 104 — UI Components
  • Badges (Contextual / Pill / In Button)
  • Progress Bars (Basic / Height / Label / Colored / Striped / Animated / Multiple)
  • Spinners (Colored / Growing / Sizes / Buttons)
  • Pagination (Active / Disabled / Sizing / Alignment)
  • Breadcrumbs
  • List Groups (Active / Linked / Disabled / Flush / Numbered / Horizontal / Contextual / Badges)
php-101
⚙️ المرحلة الثانية — Backend (1/13): PHP 101 — مقدمة + الأساسيات
  • Introduction / What is PHP / PHP File
  • Why PHP و التنصيب (WampServer)
  • أول مشروع PHP + Syntax الأساسي
  • First PHP Page (echo + html)
  • Case Sensitivity
  • Variables Declaration + Details
  • Loosely Typed Language
  • Variable Scope (Global/Local + Keyword global + static)
  • echo vs print
  • Data Types (String / Integer / Float / Boolean / Array / NULL / Resource)
php-102
Backend (2/13): PHP 102 — Strings / Numbers / Math
  • String Functions (strlen / Count / Reverse / Search / Replace)
  • لماذا نتعلم String Functions
  • Numbers (Integers / Floats / Infinity / NaN / Numerical Strings / Casting)
  • PHP Math (pi/min/max/abs/sqrt/round/Random)
  • Constants (Create / Arrays / Global)
php-103
Backend (3/13): PHP 103 — Operators
  • Arithmetic / Assignment / Comparison
  • Increment / Decrement
  • Logical (AND / OR / XOR / NOT)
  • String Operators
  • Array Operators (Union / Equality / Identity / Inequality)
php-104
Backend (4/13): PHP 104 — Control Flow
  • if / else / elseif
  • switch + تمارين
  • Loops (while / do-while / for / foreach)
  • Break & Continue
php-105
Backend (5/13): PHP 105 — Functions
  • User Defined Functions
  • Calling Functions داخل Functions
  • Function Arguments + Default
  • strict types
  • Return Type Declarations
  • Passing Arguments by Reference
php-106
Backend (6/13): PHP 106 — Arrays + Superglobals
  • Indexed Arrays (Length / Looping)
  • Associative Arrays
  • Multidimensional Arrays + Looping
  • Sorting Arrays (3 أجزاء)
  • Superglobals: $GLOBALS / $_SERVER / $_REQUEST
php-107
Backend (7/13): PHP 107 — Forms + Login System
  • Form Handling
  • Send Data To New Page
  • تجنب $_SERVER[PHP_SELF] Exploits
  • Form Validation (مع Flag و Redirect)
  • Missing Data Handling
  • Login Forms كاملة + Home Page
php-108
Backend (8/13): PHP 108 — Date & Includes
  • PHP Date & Time
  • Get Date / Time / Time Zone
  • mktime / strtotime
  • include vs require
  • معالجة أخطاء include/require (تفصيلي)
php-109
Backend (9/13): PHP 109 — File Handling
  • readfile()
  • fopen() — كل الـ Modes (r/w/a/x/r+/w+/a+/x+)
  • fread() / fclose()
  • fgets / feof / strpos / fgetc
php-110
Backend (10/13): PHP 110 — Create & Write Files
  • Create File
  • Write to File (fwrite)
  • Overwriting / Append Text
  • Best Practices للملفات
php-111
Backend (11/13): PHP 111 — رفع الملفات (File Upload)
  • Create HTML Form للرفع
  • PHP Upload Script
  • تحقق من نوع الملف وحجمه
  • Limit File Type
  • Complete Upload Script
  • File Upload مع DB (4 أجزاء)
sql-101
Backend (12/13): PHP with SQL 101 — قاعدة البيانات
  • What is MySQL (3 أجزاء)
  • Database Queries
  • Create Database / Table / Insert Data
  • Connect to MySQL
  • MySQLi vs PDO
  • Open Connection (MySQLi OOP / Procedural / PDO)
  • Close Connection
  • Insert Data (الطرق الثلاث)
  • Prepared Statements (MySQLi + PDO)
sql-102
Backend (13/13): PHP with SQL 102 — Select/Update/Delete
  • Select Data (MySQLi OOP / Procedural / PDO)
  • Select + Show in HTML Table
  • Select + Filter + Order
  • Update Data (الطرق الثلاث)
  • Delete Data (الطرق الثلاث)
🎤
🎤 المقابلة الفنية الشاملة

مقابلة فنية واحدة شاملة تغطي المرحلتين كاملتين (Frontend + Backend). تماماً كمقابلات شركات تطوير الويب. النجاح متطلّب لمشروع التخرّج.

🎓
🎓 مشروع التخرّج — Full Stack Application

مشروع Full Stack حقيقي يجمع كل ما تعلمته — واجهة احترافية بـ HTML/CSS/Bootstrap، Backend آمن بـ PHP، وقاعدة بيانات منظّمة. يُسلَّم خلال فترة محددة، ويصبح أول مشروع في portfolio العملي.