انتقل إلى المحتوى
Kayfa Academy
انتقل إلى الحجزكل الدبلومات

دبلومة تطوير الويب المتكامل (Fullstack)

بتُقدَّم دبلومة FullStack Web Development لمدة 6 أشهر من خلال جلسات تفاعلية مباشرة.

المدة
25 أسبوعًا · حوالي 6 أشهر
طريقة الدراسة
مباشر بالكامل على Zoom
المستوى
للمبتدئين

حمّل المنهج (PDF)شاركها على واتساب

25 أسبوعًاوحدةمشروعأسبوع مشترك بين وحدتين

مصمَّمة للمبتدئين

هذه الدبلومة مناسبة للمبتدئين وتبدأ خطوة بخطوة من الصفر، من خلال شرح مباشر، تطبيق عملي، تكليفات، متابعة من المنتورز، ومشاريع حقيقية.

قبل أن تبدأ

  • لا يشترط وجود خلفية تقنية سابقة.
  • لا يشترط وجود خبرة برمجية.
  • لا يشترط وجود معرفة مسبقة بالمواقع

بعد 25 أسبوعًا ستكون قادرًا على:

  • بناء صفحات ويب منظمة باستخدام HTML وCSS. إنشاء تصميمات Responsive تعمل على الموبايل، التابلت، والديسكتوب
  • بناء واجهات حديثة باستخدام Bootstrap وTailwind CSS وممارسات UI احترافية. تنظيم مشاريع Frontend وإنشاء Sections قابلة لإعادة الاستخدام.
  • كتابة تطبيقات JavaScript تفاعلية باستخدام DOM وEvents وAPIs والمنطق غير المتزامن وتخزين المتصفح. استخدام TypeScript لكتابة كود أنظف وأكثر أمانًا وأسهل في الصيانة.
  • بناء تطبيقات React باستخدام Components, Hooks, Forms, Routing, Redux Toolkit, React Query وshadcn/ui. بناء مواقع Next.js جاهزة للإنتاج باستخدام Routing, Layouts, Rendering Strategies, API Routes وDeployment.
  • بناء تطبيقات Backend باستخدام Node.js وExpress.js.إنشاء REST APIs وتنظيم المشاريع باستخدام MVC, Middleware, Validation, Error Handling وDocumentation.
  • العمل مع MongoDB, Mongoose, MySQL وSequelize. بناء أنظمة Authentication وAuthorization باستخدام JWT, Password Hashing, Roles, Sessions, Cookies وProtected Routes.
  • نشر مشاريع Frontend وBackend على الإنترنت. ربط المشاريع بدومين شخصي، إعداد Production Environments، فهم SSL، ودمج Frontend مع Backend APIs.
  • التخرج بعد بناء عدة مشاريع مباشرة، Portfolio قوي، ومشروع تخرج Full Stack كامل. التعلم من خلال جلسات مباشرة مع مدرّب خبير، متابعة مستمرة من 4 منتورز، وتكليفات عملية من الواقع..

الوظائف التي تؤهّلك لها الدبلومة

  • أدوار Junior Full Stack Developer

  • فرص الفريلانس

لا نعدك بوظيفة، بل نعدّك لها.

ما ستتعلمه في 25 أسبوعًا

  • 25 أسبوعًا
  • 12 وحدة
  • 7 مشاريع
  • محدَّث أكتوبر 2026
حمّل المنهج (PDF)عربي · 1.5 MB · 15 صفحة

المرحلة التقنية · من الأسبوع 1 إلى 25

6 أشهر / 25 أسبوعًا / جلستان مباشرتان كل أسبوع · 50 جلسة مباشرة إجمالًا

  1. 1أساسيات الويبمن الأسبوع 1 إلى 2

    الإعداد وأساسيات الويب

    • إعداد بيئة التطوير
    • فهم طريقة عمل الويب
    • VS Code وDevTools
    • تنظيم ملفات المشروع

    أساسيات HTML

    • هيكل صفحة HTML
    • العناوين، النصوص، الروابط، الصور، الجداول والوسائط
    • Forms وأنواع الإدخال
    • Semantic HTML, Accessibility وSEO
    • HTML
    • VS Code
    • DevTools
  2. 2CSS والتصميم المتجاوبمن الأسبوع 3 إلى 4مشروع

    أساسيات CSS

    • تنظيم ملفات CSS
    • الألوان، الخطوط، المسافات والخلفيات
    • Box Model, Display وPositioning

    Responsive Layouts

    • Flexbox وCSS Grid
    • Media Queries
    • تصميم Mobile First
    • Transitions وAnimations بسيطة

    ستكون قادرًا على:

    • بناء صفحات ويب منظمة باستخدام HTML وCSS.
    • إنشاء تصميمات Responsive تعمل على الموبايل، التابلت، والديسكتوب

    مشروع

    مشروع عملي

    بناء موقع Responsive كامل باستخدام HTML وCSS

    • CSS
    • Flexbox
    • CSS Grid
  3. 3Git, GitHub وأول نشرالأسبوع 5

    Git وGitHub

    • Git init, add, commit, status وlog
    • إنشاء Repositories على GitHub
    • كتابة README
    • Push وPull Workflow

    النشر المباشر

    • مقدمة عن Deployment
    • رفع المشاريع على GitHub
    • نشر أول مشروع على دومين الطالب
    • Git
    • GitHub
  4. 4Bootstrap وTailwind CSSالأسبوع 6مشروع

    Bootstrap

    • إعداد Bootstrap
    • Grid System
    • Breakpoints
    • Utilities وComponents

    Tailwind CSS

    • فكرة Utility-First CSS
    • إعداد Tailwind
    • Responsive Utilities
    • تصميم Sections وCards حديثة

    ستكون قادرًا على:

    • بناء واجهات حديثة باستخدام Bootstrap وTailwind CSS وممارسات UI احترافية.
    • تنظيم مشاريع Frontend وإنشاء Sections قابلة لإعادة الاستخدام.

    مشروع

    مشروع Landing Page

    مشروع

    نشر مشروع Tailwind مباشر

    • Bootstrap
    • Tailwind CSS
  5. 5JavaScript Programmingمن الأسبوع 7 إلى 10مشروع

    أساسيات JavaScript

    • Variables, Data Types وOperators
    • Conditions وLoops
    • Problem Solving

    Data & Logic

    • Arrays وObjects
    • Array Methods
    • Functions, Scope, Closures وCallbacks

    Browser Interaction

    • DOM وEvents
    • Local Storage وSession Storage
    • Regex, Fetch API, JSON
    • Promises وAsync/Await

    ستكون قادرًا على:

    • كتابة تطبيقات JavaScript تفاعلية باستخدام DOM وEvents وAPIs والمنطق غير المتزامن وتخزين المتصفح.

    مشروع

    مشروع عملي

    بناء ونشر تطبيق JavaScript كامل

    • JavaScript
  6. 6TypeScriptالأسبوع 11

    أساسيات TypeScript

    • Type Annotations وInference
    • Union, Intersection وLiteral Types
    • Typed Arrays, Objects وTuples
    • Interfaces وType Aliases

    TypeScript متقدم

    • Classes مع Types
    • Access Modifiers
    • Abstract Classes
    • Generics لكتابة كود آمن وقابل لإعادة الاستخدام

    ستكون قادرًا على:

    • استخدام TypeScript لكتابة كود أنظف وأكثر أمانًا وأسهل في الصيانة.
    • TypeScript
  7. 7React Developmentمن الأسبوع 12 إلى 16مشروع

    أساسيات React

    • هيكل مشروع React
    • Components, JSX وProps
    • Composition
    • تنظيم Components قابلة لإعادة الاستخدام

    Forms وHooks

    • useState وEvents
    • React Hook Form
    • Zod Validation
    • useEffect, useRef, useContext
    • useMemo, useCallback وCustom Hooks

    Routing, State & APIs

    • React Router
    • API Handling
    • Redux Toolkit
    • React Query

    ستكون قادرًا على:

    • بناء تطبيقات React باستخدام Components, Hooks, Forms, Routing, Redux Toolkit, React Query وshadcn/ui.

    مشروع

    مشروع React

    بناء ونشر تطبيق React كامل على دومين الطالب

    • React
    • React Hook Form
    • Zod
    • React Router
    • Redux Toolkit
    • React Query
  8. 8Next.js Developmentمن الأسبوع 17 إلى 19مشروع

    أساسيات Next.js

    • App Router
    • File-Based Routing
    • Pages, Layouts وNavigation
    • Tailwind داخل Next.js

    Rendering & Data

    • Server Components وClient Components
    • SSR, SSG, ISR
    • Dynamic Routes
    • Loading وError Pages
    • Caching وRevalidating

    APIs وAuthentication Concepts

    • API Routes
    • Server Actions
    • Environment Variables
    • Auth.js / NextAuth Concepts
    • JWT وSessions
    • Middleware وProtected Pages

    ستكون قادرًا على:

    • بناء مواقع Next.js جاهزة للإنتاج باستخدام Routing, Layouts, Rendering Strategies, API Routes وDeployment.

    مشروع

    مشروع Next.js

    بناء ونشر مشروع Next.js جاهز للإنتاج

    • Next.js
    • Auth.js / NextAuth
  9. 9Node.js وExpress.jsمن الأسبوع 19 إلى 20

    أساسيات Node.js

    • Backend JavaScript
    • Node.js Runtime
    • npm وpackage.json
    • CommonJS وES Modules
    • Built-in Modules
    • Environment Variables

    Express APIs

    • إعداد Express Server
    • REST API Basics
    • GET, POST, PUT, PATCH, DELETE
    • Route Params وQuery Params
    • JSON Responses وStatus Codes

    هيكلة Backend احترافية

    • Controllers وServices
    • MVC Architecture
    • Middleware
    • 404 Handling
    • Global Error Handling
    • Async Error Handling

    ستكون قادرًا على:

    • بناء تطبيقات Backend باستخدام Node.js وExpress.js.إنشاء REST APIs وتنظيم المشاريع باستخدام MVC, Middleware, Validation, Error Handling وDocumentation.
    • Node.js
    • npm
    • Express.js
  10. 10Databases & API Qualityمن الأسبوع 21 إلى 22

    قواعد البيانات

    • MongoDB وMongoose
    • CRUD Operations
    • Relations وPopulate
    • Pagination, Search, Filtering وSorting
    • MySQL وSequelize
    • ORM Basics

    جودة الـAPI

    • Joi Validation
    • Reusable Validation Middleware
    • REST Naming Standards
    • Postman Collections
    • API Documentation

    ستكون قادرًا على:

    • العمل مع MongoDB, Mongoose, MySQL وSequelize
    • MongoDB
    • Mongoose
    • MySQL
    • Sequelize
    • Joi
    • Postman
  11. 11Authentication & Advanced Backendمن الأسبوع 23 إلى 24

    Authentication & Authorization

    • Register وLogin Flow
    • Password Hashing
    • JWT Access Tokens
    • Protected Routes
    • Roles وPermissions
    • Sessions وCookies Concepts
    عرض الكل (9)
    • Social Login Concepts
    • Email Verification
    • Password Reset Flow

    Backend متقدم

    • File Uploads
    • Email Sending
    • Cron Jobs
    • PDF Generation
    • QR Codes
    • EJS Templates
    • Socket.IO
    • Redis Caching

    ستكون قادرًا على:

    • بناء أنظمة Authentication وAuthorization باستخدام JWT, Password Hashing, Roles, Sessions, Cookies وProtected Routes.
    • JWT
    • EJS
    • Socket.IO
    • Redis
  12. 12Deployment, Integration & Graduation Projectمن الأسبوع 24 إلى 25مشروع تخرّج

    Production Deployment

    • Docker Basics
    • Dockerfile وDocker Compose
    • نشر Node.js على سيرفر حقيقي
    • Environment Variables في Production
    • Domain Connection وSSL

    Full Stack Integration

    • ربط React/Next.js مع Express Backend
    • Authentication Flow بين Frontend وBackend
    • Protected Frontend Routes
    • API Services وError Handling
    • اختبار User Flows كاملة

    ستكون قادرًا على:

    • نشر مشاريع Frontend وBackend على الإنترنت.
    • ربط المشاريع بدومين شخصي، إعداد Production Environments، فهم SSL، ودمج Frontend مع Backend APIs.

    مشروع تخرّج · الأسبوع 25

    مشروع التخرج وPortfolio

    • Docker
    • Docker Compose

المرحلة غير التقنية

تتضمّن هذه المرحلة مساقَيْن رئيسيَّيْن:

  1. مشمولةدورة اللغة الإنجليزية للأعمال

    تتكوّن من جلسات مباشرة مخصَّصة لمساعدتك على بناء مهارات التواصل المهني الضرورية لبيئة العمل. خلال البرنامج ستتعلّم المصطلحات والمفردات الإنجليزية المستخدَمة في البيئات المهنيّة، وتُحسِّن قدرتك على التواصل بوضوح وثقة. تشمل الدورة كذلك إعداد العروض التقديميّة والتحضير للمقابلات لتؤدّي بفعاليّة في فرص العمل الفعليّة.

  2. مشمولةدورة التطوير المهني

    يساعد هذا الكورس الطلاب على الاستعداد لسوق العمل من خلال بناء Portfolio احترافي، تحسين اتجاه الـCV، الاستعداد للمقابلات، عرض المشاريع، وفهم متطلبات الفريلانس والعمل.

الأدوات التي ستعمل عليها

  • HTML
  • VS Code
  • DevTools
  • CSS
  • Flexbox
  • CSS Grid
  • Git
  • GitHub
  • Bootstrap
  • Tailwind CSS
  • JavaScript
  • TypeScript
  • React
  • React Hook Form
  • Zod
  • React Router
  • Redux Toolkit
  • React Query
  • Next.js
  • Auth.js / NextAuth
عرض كل الأدوات (35)
  • Node.js
  • npm
  • Express.js
  • MongoDB
  • Mongoose
  • MySQL
  • Sequelize
  • Joi
  • Postman
  • JWT
  • EJS
  • Socket.IO
  • Redis
  • Docker
  • Docker Compose

7 مشاريع تضيفها إلى معرض أعمالك

مشروع تخرّج · الأسبوع 25 · الوحدة 12

مشروع التخرج وPortfolio

ما تسلّمه

  • بناء ونشر مشروع Full Stack كامل
  • عرض المشروع النهائي
  • تجهيز Portfolio
  • توجيه CV والاستعداد للفريلانس أو الوظيفة

شاهده في المنهج

  • مشروع · من الأسبوع 3 إلى 4 · الوحدة 2

    مشروع عملي

    بناء موقع Responsive كامل باستخدام HTML وCSS

    شاهده في المنهج

  • مشروع · من الأسبوع 7 إلى 10 · الوحدة 5

    مشروع عملي

    بناء ونشر تطبيق JavaScript كامل

    شاهده في المنهج

  • مشروع · من الأسبوع 12 إلى 16 · الوحدة 7

    مشروع React

    بناء ونشر تطبيق React كامل على دومين الطالب

    شاهده في المنهج

  • مشروع · من الأسبوع 17 إلى 19 · الوحدة 8

    مشروع Next.js

    بناء ونشر مشروع Next.js جاهز للإنتاج

    شاهده في المنهج

نظام الدراسة في الدبلومة

  • يبقى المحتوى متاحًا لك 12 شهرًا من تاريخ اشتراكك

  • 4 منتورز مخصصين

    احصل على متابعة مستمرة من 4 منتورز لمراجعة المهام، دعم الكود، الإجابة على الأسئلة، ومساعدتك على الالتزام بالمسار.

  • دعم مهني وشهادة معتمدة

    تحصل على شهادة إتمام معتمدة من المختصّين في الصناعة، إضافة إلى توجيه مهني يساعدك على الحصول على الوظيفة التي تطمح إليها.

الشهادة والاعتماد

شهادة إتمام معتمدة من منصّة "كَيفَ" لتخليد إنجازك الأكاديمي.

  • أكاديمية كيفَ عضو معتمد في منظمة الاعتماد الدولية IAO تحقّق
  • أكاديمية كيفَ جهة معتمدة لدى CPD Group برقم 790084 تحقّق

شهادة إتمام، وليست شهادة جامعية.

السعر

لا توجد دفعة مفتوحة للتسجيل الآن

اترك رقم واتساب وسنراسلك عند فتح التسجيل.

لم تجد إجابتك؟ راسلنا على واتساب

15,000 جنيه مصري

السعر النهائي بالجنيه المصري، بدون أي رسوم إضافية من كيفَ

استرداد كامل قبل أول جلسة مباشرة، ما لم تكن قد بدأت استخدام المحتوى. سياسة الاسترداد

ما يشمله السعر

  • وصول لمدة 12 شهرًا
  • 7 مشاريع لمعرض أعمالك
  • دورة «اللغة الإنجليزية للأعمال» مشمولة
  • دورة «التطوير المهني» مشمولة
  • شهادة إتمام من كيفَ
  • الإجمالي15,000 ج.م

أسئلة قبل الدفع

  • هل يمكنني التقسيط؟

    نعم داخل مصر. اختر «التقسيط» في خطوة الدفع، ثم اختر الشركة (valU وسهولة) والمدة في صفحة Paymob الآمنة ويصلك القرار فورًا. تحتاج حسابًا مفعّلًا لدى شركة التقسيط (valU مثلًا يشترط رقمًا قوميًا مصريًا وسن 21 عامًا فأكثر). قد تضيف الشركة فوائد أو مصاريف حسب المدة وتظهر لك قبل التأكيد.

  • ما طرق الدفع المتاحة؟

    تدفع بأمان عبر Paymob: ببطاقة بنكية (Visa أو Mastercard أو ميزة)، أو بمحفظة موبايل (فودافون كاش، أورنج كاش، اتصالات كاش e&، وي باي)، أو بالتقسيط عبر valU وسهولة. لا يتوفر حاليًا الدفع عبر فوري أو إنستاباي أو التحويل البنكي.

  • هل توجد رسوم إضافية على السعر؟

    السعر المعروض هو كل ما تدفعه لكيفَ، ولا نضيف عليه أي رسوم. عند التقسيط قد تضيف شركة التقسيط مصاريفها، وتظهر لك قبل التأكيد.

  • ما سياسة الاسترداد؟

    قبل أول جلسة مباشرة: استرداد كامل. بعد بدء الدفعة وقبل حضور الجلسة الثانية (أو إتمام 20% من البرنامج): استرداد جزئي بعد خصم الرسوم الإدارية وقيمة الجلسات المنفّذة والمواد ورسوم الدفع. بعد حضور الجلسة الثانية أو الحصول على تسجيلاتها أو إتمام أكثر من 20%: لا يوجد استرداد. إذا ألغت كيفَ الدفعة أو دفعت مرتين بالخطأ: استرداد كامل. نراجع الطلب خلال 7 أيام عمل ويصل المبلغ خلال 7–14 يوم عمل حسب وسيلة الدفع. في التقسيط يُرد ما دُفع فعلًا.

  • لو ظروفي تغيّرت، هل أستطيع التأجيل؟

    يمكنك طلب تجميد اشتراكك أو نقلك إلى دفعة لاحقة، وتوافق كيفَ على ذلك حسب كل حالة.

  • كم مدة الوصول للمحتوى؟

    12 شهرًا من تاريخ اشتراكك، وتشمل محتوى الدبلومة والمسار المسجّل المرتبط بها إن وُجد. بعدها يُغلق المحتوى ويبقى تقدّمك محفوظًا.

  • ما الشهادة التي أحصل عليها؟

    عند إتمام الدبلومة تحصل على شهادة إتمام من أكاديمية كيفَ. أكاديمية كيفَ عضو معتمد في IAO وجهة معتمدة لدى CPD Group (رقم 790084). وهي شهادة إتمام وليست شهادة جامعية.

  • لست من خلفية علوم الحاسب، هل أستطيع الالتحاق؟

    نعم. تبدأ هذه الدبلومة من الأساسيات ولا تشترط دراسة علوم الحاسب أو خبرة برمجة سابقة، والمطلوب منك هو الالتزام بالتطبيق أسبوعيًا.

كل الأسئلة
  • هل اشتراك Premium يشمل هذه الدبلومة؟

    لا. يفتح Premium كورسات كيفَ المسجّلة عدا كورسات الشركاء والدبلومات. تُشترى الدبلومة منفصلة، وإن كان لديك Premium تحتفظ بالاثنين معًا.

  • ماذا يحدث بعد الدفع؟

    يصلك بريد تأكيد وإشعار داخل الموقع فورًا، وتظهر الدبلومة في «دوراتي» مع دفعتك، وتظهر روابط الجلسات المباشرة في حسابك عند نشر جدول الجلسات.

  • هل أحتاج حسابًا؟

    نعم، لأن مقعدك وتسجيلاتك وشهادتك مرتبطة به. تنشئه داخل خطوة الدفع نفسها بالاسم ورقم الموبايل والبريد وكلمة مرور، أو تسجّل الدخول من نفس الخطوة إن كان لديك حساب.

  • ولي أمري سيدفع عني، كيف؟

    أنشئ الحساب باسمك، وفي صفحة الدفع يمكن لولي الأمر استخدام بطاقته أو محفظته. التقسيط يكون باسم من يدفع ويشترط أهليته لدى شركة التقسيط.

  • شركتي ستدفع، ماذا أفعل؟

    راسلنا على واتساب باسم الشركة وعدد المقاعد والدبلومة، وسنرد عليك بطريقة الدفع.

  • كيف أستخدم كود الخصم؟

    اضغط «لديك كود خصم؟» في خطوة الدفع. كود واحد لكل عملية، وكل كود يُستخدم مرة واحدة لكل حساب، وبعض الأكواد مخصّصة لدبلومة أو دفعة معيّنة.

  • هل الدفع آمن؟

    نعم. تُدخل بيانات بطاقتك في صفحة Paymob الآمنة وليس على موقع كيفَ، ولا نطّلع على بيانات بطاقتك.

  • دفعت ولم تظهر الدبلومة في حسابي

    صفحة نتيجة الدفع تتحقق من العملية تلقائيًا. إن لم تظهر الدبلومة خلال 15 دقيقة راسلنا على واتساب برقم العملية ونراجعها مع Paymob. الدفع المكرر يُرد بالكامل.

  • لماذا أدفع بينما توجد برامج مجانية؟

    مقعدك مضمون بلا اختبار قبول، ويبقى المحتوى متاحًا لك 12 شهرًا، ويمكنك التقسيط، ولك استرداد كامل قبل أول جلسة مباشرة ما لم تكن قد بدأت استخدام المحتوى.

لم تجد إجابتك؟ راسلنا على واتساب

اعرف موعد الدفعة القادمة

حمّل المنهج (PDF)عربي · 1.5 MB · 15 صفحة

استرداد كامل قبل أول جلسة مباشرة، ما لم تكن قد بدأت استخدام المحتوى. سياسة الاسترداد

15,000 ج.م