تخطَّ إلى المحتوى
شعار بصمة
كل المسارات

Node.js من الصفر — ابني الـ API بتاع Social خطوة بخطوة

5.5 ساعةمبتدئ70 درسًاJavaScript (Node)مجاني

كورس Node.js بالعامية المصرية مع البشمهندس محمود مجدي، مهندس Full Stack. هنبدأ من أول سطر JavaScript بيشتغل برة المتصفح، ونفهم الـ modules والملفات والـ event loop والـ streams و npm، وبعدين نبني سيرفر HTTP بإيدينا من غير مكتبات، وبعده Express و Zod و MongoDB و Mongoose، وتسجيل الدخول بـ bcrypt و JWT، ورفع الصور، والأمان والاختبارات والنشر. وطول الكورس بنبني الـ API الكامل لتطبيق Social: مستخدمين ومنشورات وتعليقات وإعجابات ومتابعة وإشعارات، وفي الآخر بنربطه بتطبيق React اللي بنيته في كورس React بالتفصيل. كل رد سيرفر بتشوفه في الدروس جاي من سيرفر حقيقي اشتغل وقت تسجيل الدرس.

ابدأ المسار

Node من الصفر

0 / 835 دقيقة
  1. أهلًا بيك: هنبني إيه في الكورس ده
    2:33
  2. يعني إيه Node.js؟ وأول برنامج برة المتصفح
    4:42
  3. process.argv: برنامج بياخد معلومات من الأمر نفسه
    4:03
  4. Environment variables: إعدادات برة الـ code
    4:12
  5. تقسيم الـ code على ملفات: require و module.exports
    5:20
  6. ES modules: import و export، والنظام اللي هنبني بيه المشروع
    4:25
  7. الـ modules اللي جاية مع Node: path و os و crypto
    4:30
  8. المشروع: بداية Social API، والبيانات اللي هنشتغل عليها
    4:59

الملفات

0 / 630 دقيقة
  1. قراية وكتابة الملفات: fs بالطريقة المتزامنة
    4:07
  2. ليه Node بيحب الـ async: fs.readFile و callbacks
    5:16
  3. fs/promises و async/await: نفس الـ async من غير callback hell
    4:46
  4. ملفات JSON: نخزن objects و arrays ونرجعهم
    5:53
  5. الـ folders: mkdir و readdir و stat و rm
    4:08
  6. المشروع: أول database لـ Social على ملفات JSON
    6:04

الـ async بالتفصيل

0 / 631 دقيقة
  1. blocking: لما الـ thread الواحد يقف، كل حاجة تقف
    4:04
  2. الـ event loop: مين بيشتغل إمتى
    4:09
  3. الـ promises من جُوّه: new Promise و resolve و reject
    5:32
  4. Promise.all وأخواتها: كذا حاجة في نفس الوقت
    5:39
  5. الأخطاء في الـ async: await المنسية، والخطأ اللي بيوقّع البرنامج
    5:21
  6. المشروع: Promise.all، و race condition بيضيّع منشور، وطابور للكتابة
    5:45

الـ events والـ streams

0 / 524 دقيقة
  1. الـ events: EventEmitter و on و emit
    4:45
  2. الـ streams: ملف كبير حتة حتة
    5:14
  3. pipeline: نوصّل الـ streams ببعض، ونضغط ونفلتر
    5:00
  4. الـ terminal نفسه stream: process.stdout و readline
    3:54
  5. المشروع: أداة command line، و events بتسجل النشاط في stream
    5:02

npm

0 / 310 دقيقة
  1. npm و package.json: بطاقة المشروع والـ scripts
    3:49
  2. npm install: نستخدم package حد تاني كتبها
    4:09
  3. المشروع: package.json و scripts و .gitignore و .env
    2:20

HTTP من الصفر

0 / 419 دقيقة
  1. HTTP، وأول server بـ node:http
    4:04
  2. الـ routing بإيدينا: method و path و query و params
    4:37
  3. نستقبل body: الـ request نفسه stream
    4:27
  4. المشروع: Social API على node:http من غير مكتبات
    5:25

Express

0 / 731 دقيقة
  1. Express: نفس الـ server في نص الـ code
    3:19
  2. POST و PATCH و DELETE في Express، و express.json
    4:08
  3. الـ middleware: function في نص الطريق
    5:14
  4. Router: كل مجموعة routes في ملف
    3:47
  5. الأخطاء في Express: throw في أي route، ورد واحد من مكان واحد
    4:32
  6. المشروع: Social API على Express، بترتيب المشاريع الحقيقية
    6:23
  7. ملفات ثابتة بـ express.static، و CORS علشان React يكلمنا
    3:20

الـ validation

0 / 316 دقيقة
  1. Zod على الـ server: ما تصدقش أي حاجة جاية من برة
    4:49
  2. middleware واحد للـ validation في كل الـ routes
    5:23
  3. المشروع: Zod في Social API، و pagination زي Route Posts
    6:13

MongoDB و Mongoose

0 / 632 دقيقة
  1. MongoDB: قاعدة بيانات بتخزن documents
    4:07
  2. Mongoose: Schema و Model بيحددوا شكل البيانات
    4:37
  3. القراية من MongoDB: find والشروط والترتيب والصفحات
    4:50
  4. التعديل والمسح: $set و $inc و $addToSet و $pull
    4:59
  5. العلاقات: ref و populate
    4:45
  6. المشروع: Social API على MongoDB
    9:02

تسجيل الدخول

0 / 731 دقيقة
  1. كلمات السر: ليه ما بنحفزهاش، و bcrypt
    5:26
  2. JWT: الـ server يفتكرك إزاي
    5:34
  3. المشروع: حساب جديد، بـ Zod و bcrypt و MongoDB
    6:12
  4. المشروع: تسجيل الدخول، ونرجّع token
    4:01
  5. المشروع: middleware بيحمي الـ routes بالـ token
    3:29
  6. المشروع: الصلاحيات، منشورك بس اللي تعدّله
    2:23
  7. المشروع: تغيير كلمة السر، والـ tokens القديمة تبطل
    4:01

features تطبيق Social

0 / 635 دقيقة
  1. المشروع: نفس شكل Route Posts، والإعجاب
    3:17
  2. المشروع: التعليقات، و router جُوّه router، وعدد التعليقات
    8:44
  3. المشروع: حفظ المنشورات، و bookmarked لكل مستخدم
    4:57
  4. المشروع: المتابعة، وصفحة الـ profile
    5:34
  5. المشروع: feed الناس اللي بتتابعهم، والاقتراحات
    3:26
  6. المشروع: الإشعارات من الـ events
    8:33

رفع الصور

0 / 210 دقيقة
  1. رفع الملفات بـ multer
    4:14
  2. المشروع: منشورات بصور، بنفس الـ FormData اللي React بيبعتها
    6:01

الإنتاج

0 / 728 دقيقة
  1. الأمان: helmet و CORS و rate limiting
    3:25
  2. الإعدادات: environment variables متفحوصة من أول ثانية
    3:50
  3. الاختبارات بـ node:test
    3:58
  4. اختبار الـ API كله: supertest وقاعدة بيانات للاختبار
    5:33
  5. المشروع: نربط تطبيق React بالـ API بتاعنا
    3:41
  6. النشر: MongoDB Atlas و Render
    5:20
  7. الخلاصة، وإيه الخطوة الجاية
    2:36