تقدّمك
0%
خريطة الطريق · Backend Developer

من الصفر لأول تطبيق شغّال على الإنترنت Python · Django · قواعد بيانات · نشر على سيرفر حقيقي

أهلاً بيك يا نعمه 👋

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

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

حاجة واحدة بس محتاج أكون صريح فيها من دلوقتي: سرعتك في المسار ده متعتمدش عليّا، بتعتمد على كيبوردك. اللي بيتفرج بيفضل يتفرج. اللي بيكتب كود بيبقى مبرمجة.

— م. محمد الباز

التزامي معاكِ

  • أراجع مشروعك كل نهاية أسبوع وأديكِ ملاحظات مكتوبة
  • أجاوب على أسئلتك اللي وقفتك أكتر من ساعة
  • أقولك بصراحة لما مستواكِ مش كفاية للمرحلة اللي بعدها
  • أعدّل المسار لو لقيت حاجة أنسب ليكِ

التزامك معايا

  • ١٢ إلى ١٥ ساعة في الأسبوع — مش أقل
  • مشروع كل مرحلة يترفع على GitHub، مش على جهازك
  • تحاولي لوحدك ساعة قبل ما تسأليني
  • تقوليلي الحقيقة لما تكوني مذاكرتيش — مش مشكلة، بس متضيعش وقتنا

٤ قواعد لو كسرتي واحدة فيهم، المسار مش هيشتغل

دي مش نصايح عامة. دي أكتر ٤ أسباب شفتها بتوقّف الناس.

RULE 01

٧٠٪ كتابة، ٣٠٪ مشاهدة

لو قضيتي ٣ ساعات في الفيديوهات وساعة في الكود، انتِ مش بتتعلمي — انتِ بتتفرجي. اقلبي النسبة.

RULE 02

اقفلي الفيديو

بعد كل درس: اقفلي الفيديو ونفّذي اللي فهمتيه من دماغك. مش قادرة؟ ارجعي. قادرة؟ كمّلي.

RULE 03

البوابة قبل العبور

كل مرحلة آخرها بوابة مكتوب فيها معيار واضح. لو مش قادرة تعمليه — متعديش. الترتيب مش اختياري.

RULE 04

مصدر واحد في الوقت

حطيتلك أكتر من مصدر عشان تختاري اللي يريّحك، مش عشان تتفرجي عليهم كلهم. اختاري واحد وخلّصيه.

الخريطة كاملة

١١ مرحلة · ٣٠ أسبوع تقريبًا · حوالي ٧ شهور بمعدل ١٢–١٥ ساعة أسبوعيًا

المراحل بالتفصيل

علّمي على كل نقطة أول ما تخلصيها. الشريط اللي فوق بيتحرك معاكِ.

00
المرحلة صفر

التأسيس والأدوات

أسبوع واحد~14 ساعة

الهدف: تفهمي انتِ داخلة على إيه بالظبط، وتجهّزي جهازك، وتتعلمي الأدوات اللي هتستخدميها كل يوم في حياتك المهنية كلها.

هتتعلمي إيه

المشروع

Repo على GitHub اسمه my-learning-journey، فيه ملف README مكتوب فيه خطتك وتاريخ بدايتك. هتحدّثيه بعد كل مرحلة.

بوابة العبور

تقدري ترفعي أي ملف من جهازك على GitHub من الـ Terminal، من غير ما تدوّري على الأوامر.

وتقدري تشرحيلي في دقيقتين: إيه اللي بيحصل لما أكتب google.com وأدوس Enter؟

عربي ابدئي من هنا

  1. Git and GithubElzero Web School — أسامة الزيروده المصدر الأساسي للمرحلة دي. مش لازم تخلّصي البلاي ليست كلها دلوقتي — أول ١٠ دروس كفاية.
  2. كورس تعلم Git & GithubKhalid Elshafieبديل لو أسلوب الشرح الأول مش مريّحك.

English للتعميق

  1. Git & GitHub Tutorial for BeginnersThe Net Ninja
  2. Linux Tutorial for Beginners — Bash Command LineRyan Chadwick — مقروء مش فيديواقري أول ٤ أقسام بس. الباقي هييجي في المرحلة ٩.
01
المرحلة الأولى

HTML — هيكل الصفحة

أسبوعان~28 ساعة

الهدف: تبني هيكل أي صفحة ويب بشكل صحيح ودلالي (Semantic) من غير ما تبصي على كود جاهز.

هتتعلمي إيه

المشروع

صفحة CV كاملة بـ HTML بس — من غير أي CSS. هتبقى وحشة الشكل، وده مقصود. أنا هراجع الهيكل مش الشكل.

بوابة العبور

تكتبي فورم تسجيل كامل — اسم، إيميل، باسورد، تاريخ ميلاد، قائمة اختيار، Radio، Checkbox، رفع ملف — مع Validation، من غير ما ترجعي لأي مصدر.

عربي ابدئي من هنا

  1. Learn HTML In ArabicElzero Web School — ٣٧ درسده هو الكورس. خلّصيه كامل.
  2. خطة دراسة HTML + التكليفاتموقع أكاديمية الزيرومهم جدًا: الصفحة دي فيها الدروس مقسّمة على ٣ أسابيع + تكليفات بعد كل مجموعة دروس. حلّي التكليفات دي — دي أهم من الفيديوهات نفسها.
  3. تعلم لغة HTML من الصفرأكاديمية ترميزبديل.

English للتعميق

  1. HTML and CSS Crash Course for BeginnersKevin Powell
  2. MDN — HTML ReferenceMozillaده مرجع مش كورس. افتحيه كل ما تحتاجي تعرفي تفاصيل عنصر معيّن.
  3. HTML Reference IOمرجع بصري سريع
02
المرحلة الثانية

CSS — التصميم والتجاوب

٤ أسابيع~55 ساعة

الهدف: تحوّلي أي تصميم — صورة أو Figma — لصفحة شغّالة تظبط على الموبايل والتابلت واللابتوب.

هتتعلمي إيه

المشروع

Landing Page كاملة ومتجاوبة، منقولة من تصميم جاهز. اختاري تصميم من Figma Community ونفّذيه بالمللي.

لو عايزة تمشي مع كورس مشروع خطوة بخطوة، الزيرو عامل ٣ Templates كاملة — لينكهم تحت.

بوابة العبور

تبني Layout من ٣ أعمدة بـ Flexbox، وتاني بـ Grid، وتخليهم عمود واحد على الموبايل — كل ده من غير مساعدة وفي أقل من ٣٠ دقيقة.

تحذير مني: أكتر حاجة بتضيّع الناس هنا إنهم يقعدوا ٣ شهور في CSS. انتِ مش رايحة تبقي Frontend Developer. ٤ أسابيع وبعدين نمشي.

عربي ابدئي من هنا

  1. Learn CSS In ArabicElzero Web School — ٨٨ درسأهم أجزاء بالنسبة لينا: دروس ٤٦→٥٣ (Flexbox) و ٥٧→٦٤ (Grid) و ٨٣→٨٥ (Media Queries). ذاكريهم مرتين.
  2. خطة دراسة CSS + التكليفات + الأدواتموقع أكاديمية الزيروفيها التكليفات وكمان لينكات أدوات هتوفّر عليكِ وقت كتير.
  3. HTML and CSS Template 1Elzero Web Schoolمشروع كامل خطوة بخطوة. اعمليه بعد ما تخلّصي الأساسيات، مش قبل.
  4. كورس Bootstrap كامل للمبتدئينAbdelrahman Gamalآخر أسبوع في المرحلة دي. Bootstrap هيسرّعك جدًا مع Django بعدين.

English للتعميق

  1. HTML and CSS Crash Course for BeginnersKevin PowellKevin Powell ده أحسن واحد في العالم بيشرح CSS. لو الإنجليزي مش عقبة، اتفرجي عليه بالتوازي.
  2. HTML & CSS ProjectsTraversy Media
  3. Bootstrap 5 Tutorial for BeginnersThe Net Ninja
  4. CSS Reference · Animista · Gradient Generatorأدوات هتستخدميها طول عمرك
03
المرحلة الثالثة

JavaScript — الجرعة اللازمة

٣ أسابيع~42 ساعة

الهدف: مش هنبقى Frontend Developers. احنا بناخد الجرعة اللي تخلّينا نفهم الصفحة، ونتعامل مع الـ API، ونربط الـ Backend بالـ Frontend. تلات أسابيع وكفاية.

هتتعلمي إيه

المشروع

١. تطبيق To-Do بيحفظ في localStorage.

٢. صفحة بتجيب بيانات من API مجاني (أفلام / أخبار / طقس) وتعرضهم Cards، مع بحث وفلترة.

بوابة العبور

تجيبي بيانات من أي API خارجي، تعرضيها في الصفحة، وتعملي عليها بحث — من غير مساعدة.

لو عديتي البوابة دي، انتِ فاهمة إزاي الـ Frontend بيكلّم الـ Backend. وده اللي هيخلّي المرحلة ٨ سهلة عليكِ.

عربي ابدئي من هنا

  1. JavaScript BootcampElzero Web School — ١٨٨ درسمهم جدًا — متخلّصيش الكورس ده كله. ذاكري الأسابيع ١ → ١٥، وبعدين اقفزي على طول للأسبوعين ٢١ و ٢٢ (AJAX و JSON و Fetch و Promises). سيبي الـ Regular Expression و الـ OOP و الـ Map/Set دلوقتي — مش هتحتاجيهم في مسارنا، ولو احتجتيهم بعدين هترجعيلهم.
  2. خطة دراسة JavaScript + التكليفاتموقع أكاديمية الزيرومن هنا هتعرفي الدروس بتاعة كل أسبوع بالظبط، وهتلاقي التكليفات.
  3. كورس جافا سكريبت كاملAbdelrahman Gamalأقصر وأسرع. بديل كويس لو الكورس الأول طويل عليكِ.

English للتعميق

  1. JavaScript Tutorial for BeginnersThe Net Ninja
  2. Modern JavaScript From The BeginningTraversy Media
  3. MDN — JavaScriptمرجع
04
المرحلة الرابعة

Python — الأساسيات

٤ أسابيع~55 ساعة

الهدف: تبقي مرتاحة في Python لدرجة إنك تحلّي أي مسألة منطقية من غير ما تفكري في اللغة نفسها. من هنا بدأ الـ Backend الحقيقي.

هتتعلمي إيه

المشروع

تطبيق Terminal كامل — مدير مصاريف أو مدير مهام أو نظام مكتبة — بيحفظ البيانات في ملف JSON ويقراها تاني لما تفتحيه.

بوابة العبور

تحلّي ٣٠ مسألة مستوى Easy على HackerRank أو LeetCode بـ Python، من غير ما تبصي على حل جاهز.

ابعتيلي لينك البروفايل بتاعك عشان أشوف الحلول.

عربي ابدئي من هنا

  1. Mastering PythonElzero Web School — ١٢٧ درسفي المرحلة دي: الدروس ١ → ١٠٢ (الأسابيع ١ لـ ١٣ في خطة الدراسة). الدروس اللي بعد كده هناخدها في المرحلة اللي جاية.
  2. خطة دراسة Python + التكليفاتموقع أكاديمية الزيروالدروس مقسّمة على ١٥ أسبوع مع تكليفات. حلّي كل تكليف قبل ما تكمّلي.
  3. كورس بايثون كامل للمبتدئينAbdelrahman Gamal
  4. دورة تعلم بايثون من الصفرCodezilla

English للتعميق

  1. Python TutorialsCorey SchaferCorey Schafer ده المرجع الذهبي لـ Python و Django بالإنجليزي. لو قدرتي تتفرجي عليه، اتفرجي.
  2. Python TutorialsfreeCodeCamp.org
  3. The Official Python Tutorialالتوثيق الرسمي
05
المرحلة الخامسة

Python OOP — البرمجة الكائنية

٣ أسابيع~40 ساعة

الهدف: المرحلة دي هي الفرق بين واحدة بتستخدم Django وواحدة فاهمة Django. Django كله مبني على Classes و Decorators. لو عديتي المرحلة دي بسرعة، هتتعبي جدًا في المرحلة ٧.

هتتعلمي إيه

المشروع

إعادة بناء مشروع المرحلة ٤ بالكامل بـ OOP — نفس الوظائف، بس Classes بدل الدوال المتناثرة. وضيفي عليه استهلاك API خارجي حقيقي بـ requests.

بوابة العبور

تفتحي كود مشروع Django جاهز على GitHub، وتقدري تقري الـ Classes وتفهمي إيه اللي بيحصل — حتى قبل ما تكوني ذاكرتي Django.

عربي ابدئي من هنا

  1. Mastering Python — دروس ١٠٣ → ١١٦Elzero Web Schoolنفس البلاي ليست بتاعة المرحلة اللي فاتت. الجزء ده كله OOP، ١٤ درس مركّزة.
  2. شرح البرمجة كائنية التوجه — OOPCodezillaده شرح أعمق للـ OOP نفسه كمفهوم. لو حسّيتي إن الـ OOP لسه مش واضح، ده اللي هيوضّحه.

English للتعميق

  1. Python OOP Tutorials — Working with ClassesCorey Schaferلو هتتفرجي على حاجة واحدة بالإنجليزي في المسار كله، خليها دي. ٦ فيديوهات بس، وأوضح شرح موجود للـ OOP.
06
المرحلة السادسة

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

٣ أسابيع~40 ساعة

الهدف: دي أكتر مرحلة الناس بتتخطاها — ودي بالظبط اللي بتفرّق في الإنترفيو. Django هيخفي عنك الـ SQL وراء حاجة اسمها ORM. لو مفهمتيش SQL الأول، هتكتبي كود بطيء ومش هتعرفي تصلّحيه.

هتتعلمي إيه

المشروع

صمّمي قاعدة بيانات كاملة لمتجر إلكتروني: مستخدمين، منتجات، أقسام، طلبات، تقييمات. ارسمي الـ ERD الأول، وبعدين نفّذيها، وبعدين اكتبي ٢٠ Query عليها فيهم JOINs و GROUP BY.

بوابة العبور

أقولك فكرة مشروع لأول مرة → ترسمي الـ ERD بتاعها → تنفّذيها SQL. كل ده في جلسة واحدة قدّامي.

عربي ابدئي من هنا

  1. Learn MySQLElzero Web Schoolالجزء العملي — كتابة الـ Queries. ابدئي بيه.
  2. Database Design — تصميم قواعد البياناتتخاريف مبرمجده الجزء اللي بيعلّمك تفكّري قبل ما تكتبي: العلاقات والـ ERD والـ Normalization. متعديهوش.
  3. Database 1 — المقرر العملي · Learn SQL In Arabicد. محمد الدسوقيأسلوب أكاديمي منظّم. ممتاز لو انتِ بتحبي الترتيب النظري.

English للتعميق

  1. CS50's Introduction to Databases with SQLHarvard — مجاني بالكامللو عايزة تتعلمي SQL صح مرة واحدة للأبد، ده أحسن كورس مجاني موجود. فيه تمارين مصحّحة أوتوماتيك.
  2. MySQL Tutorial for Beginners — Full CourseProgramming with Mosh
07
المرحلة السابعة

Django — الأساسيات

٥ أسابيع~70 ساعة

الهدف: تبني تطبيق ويب كامل بمستخدمين وصلاحيات وقاعدة بيانات — من الصفر، من غير ما تتفرجي على حد.

هتتعلمي إيه

المشروع

مدونة كاملة. تسجيل مستخدمين، بروفايل بصورة، إضافة وتعديل وحذف مقالات، تعليقات، أقسام، بحث — وصلاحيات: كل واحد يعدّل مقالاته هو بس.

بوابة العبور

تفتحي مشروع Django فاضي وتبني CRUD كامل بنظام مستخدمين في أقل من ٣ ساعات — من غير tutorial، الـ Documentation بس.

عربي ابدئي من هنا

  1. كورس دجانجو كامل للمبتدئينAbdelrahman Gamal — ٣٨ فيديوده المصدر العربي الأساسي للمرحلة دي. منظّم وشامل.
  2. Arabic DjangoElsafy Hegazyبديل بأسلوب مختلف.
  3. Django — كورس كامل بالعربيProgramming Secrets — ٢٩ فيديوده بيكمل لحد الـ REST APIs، فهيفيدك في المرحلة ٨ كمان.

English للتعميق

  1. Django TutorialsCorey Schaferأشهر وأنضف سلسلة Django على يوتيوب. بيبني بيها مدونة كاملة — نفس مشروعنا بالظبط.
  2. Python Django Tutorial 2021Dennis Ivy
  3. Complete Django TutorialThe Net Ninja
  4. Writing your first Django app — التوثيق الرسميDjango Documentation٨ أجزاء. اعمليهم بعد ما تخلّصي الكورس العربي — هيرتّبوا دماغك ويعلّموكِ تقري التوثيق، ودي مهارة أهم من الكورس نفسه.
08
المرحلة الثامنة

Django المتقدم و REST APIs

٤ أسابيع~55 ساعة

الهدف: المرحلة اللي قبلها بتخليكِ تعرفي. المرحلة دي بتخليكِ قابلة للتوظيف.

هتتعلمي إيه — Django المتقدم

هتتعلمي إيه — Django REST Framework

المشروع

API كامل لمتجر إلكتروني أو نظام حجوزات: مستخدمين + JWT + صلاحيات + بحث وفلترة + توثيق Swagger.

+ واجهة بسيطة بـ HTML/CSS/JS بتستهلك الـ API ده. هنا هتحسّي بقيمة المرحلة ٣ — الـ fetch اللي اتعلمتيه هيرجعلك.

بوابة العبور

API موثّقة بالكامل، فيها مصادقة JWT، وحد تاني يقدر يستخدمها من غير ما يسألك أي سؤال.

صراحة معاكِ: المحتوى العربي في الجزء ده هو الأضعف في المسار كله. غالبًا هتحتاجي تعتمدي على الإنجليزي هنا — وده مش عيب فيكِ، ده واقع السوق. وأنا موجود لو حاجة مش واضحة.

عربي المتاح

  1. Django — كورس كامل بالعربي (الجزء الخاص بالـ REST APIs)Programming Secretsأحسن تغطية عربية متاحة للجزء ده حاليًا.
  2. Arabic DjangoElsafy Hegazy

English الأساسي هنا

  1. DRF Quickstart — التوثيق الرسميDjango REST Frameworkابدئي من هنا. نص ساعة وهتكوني عملتي أول API.
  2. DRF Tutorial — من Serialization لحد ViewSetsDjango REST Framework٦ أجزاء. ده أهم مصدر في المرحلة كلها. اعمليه بإيدك سطر سطر.
  3. Official DRF Tutorial — A Beginner's GuideLearnDjango — William Vincentنفس التوثيق الرسمي بس مشروح بتفصيل أكتر للمبتدئين. افتحيه جنب التوثيق.
  4. Very Academyقناة يوتيوبفيها أعمق محتوى مجاني عن الـ Django ORM و DRF. دوّري في البلاي ليستس بتاعتها.
  5. Try Django 3.2 — Web Development SeriesCodingEntrepreneurs
09
المرحلة التاسعة

النشر على سيرفر حقيقي

أسبوعان~28 ساعة

الهدف: مشروع على جهازك = صفر. مشروع على لينك شغّال = Portfolio. المرحلة دي قصيرة بس هي اللي بتحوّل شغلك من "تمارين" لـ "أعمال".

هتتعلمي إيه

المشروع

انشري مشروع المرحلة ٨ على سيرفر حقيقي، بدومين حقيقي، بـ SSL. من أول ssh لحد ما اللينك يفتح.

بوابة العبور

عندك لينك تقدري تبعتيه لأي حد دلوقتي، والمشروع شغّال عليه، وانتِ اللي نشرتيه بإيدك.

عربي ابدئي من هنا

  1. Docker Practical Course — شرح Docker بالعربيTresmerge
  2. سلسلة تعلم DockerCodographia
  3. Linux Systemanahrخدي منها الأوامر الأساسية وإدارة الصلاحيات و SSH بس. مش محتاجة أكتر من كده دلوقتي.

English للتعميق

  1. Docker Crash Course TutorialThe Net Ninja
  2. Linux Tutorial — Bash Command LineRyan Chadwickدلوقتي كمّلي باقي الأقسام اللي سيبتيها في المرحلة صفر.
10
المرحلة العاشرة

المشروع الأخير وسوق العمل

٣ أسابيعالنهاية = البداية

الهدف: مشروع من فكرتك انتِ — مش من tutorial — منشور وشغّال. وملف يقدّمك للسوق.

المشروع الأخير

التجهيز للسوق

بوابة العبور — الأخيرة

٣ مشاريع على GitHub بـ README كامل · واحد منهم Live على دومين · CV جاهز يتبعت النهاردة.

هنا دوري كـ Mentor بيخلص، ودورك كـ Developer بيبدأ. وقتها نتكلم عن أول شغل.

أكتر ٧ أخطاء بتخلي الناس تفشل في المسار ده

دي مش تخويف. دي اللي شفتها بعينيا.

  1. تبدئي بـ Django قبل Python. هتحفظي خطوات ومش هتفهمي حاجة، وأول ما تخرجي عن الـ tutorial هتقفي.
  2. تتخطي SQL. الـ ORM مش بديل عن فهم قواعد البيانات، وده أول سؤال في أي إنترفيو.
  3. تقعدي ٣ شهور في CSS. انتِ مش Frontend Developer. خدي اللي محتاجاه وامشي.
  4. تتفرجي من غير ما تكتبي. الفيديو مش تعلّم. الكيبورد هو التعلّم.
  5. تبدئي ٥ كورسات في نفس الوقت. كورس واحد لحد ما يخلص. بالظبط زي ما ماشي في الورقة دي.
  6. متعمليش مشاريع. الشهادات مش بتوظّف. المشاريع بتوظّف.
  7. تستني تبقي "جاهزة". مفيش حد بيبقى جاهز. ابني وانتِ لسه بتتعلمي.

وبعد كده؟

لما تخلّصي المسار، دي المسارات اللي ممكن تتخصصي فيها. هنتكلم فيها وقتها.

Backend متقدم

FastAPI · System Design · Microservices · Message Queues. لو عايزة توصلي لـ Senior.

DevOps

Docker متقدم · Kubernetes · AWS · Terraform. لو حبّيتي المرحلة ٩ أكتر من غيرها.

Data & AI

Pandas · NumPy · Machine Learning · LLMs. Python هي نفسها لغة المجال ده.

Full-Stack حقيقي

React أو Next.js فوق الـ Django API. لو عايزة تبني منتج كامل لوحدك.