الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

معسكر التدريب الكامل لتطوير الويب

Alt text

موارد

https://www.appbrewery.co/p/web-development-course-resources

المشاريع

  • المشروع 1: استخدام موقع شخصي تم إنشاؤه HTML - https://sdkdeepa.github.io/resume/

  • المشروع 2: مقدمة إلى CSS - https://sdkdeepa.github.io/profile/

  • المشروع 2 النهائي: HTML ، CSS و Bootstrap - https://sdkdeepa.github.io/udemy-bootstrap/

  • المشروع 3: لعبة النرد - طرق JS و DOM - https://sdkdeepa.github.io/dice

  • المشروع 4: طقم الأسطوانة - أحداث لوحة المفاتيح JS - https://sdkdeepa.github.io/drumming/

  • المشروع 5: لعبة سيمون - JS و JQuery - https://sdkdeepa.github.io/simon-game-jquery/

  • المشروع 6: حاسبة مؤشر كتلة الجسم - Node.js و Express.JS. هذا المشروع باستخدام أساليب API مثل Get and Post لحساب مؤشر كتلة الجسم

  • المشروع 7: تطبيق الطقس - Node.js و Express.js. يستخدم هذا المشروع واجهة برمجة تطبيقات الطقس الخارجية لإجراء مكالمة للحصول على بيانات الطقس بعد إرسال طلب البريد.

  • المشروع 8: النشرة الإخبارية الاشتراك-HTML ، CSS ، Bootstrap ، JS ، Nodejs ، Express ، API ، NPM ، Nodemon ، pharser etc-https://shrouded-river-17694.herokuapp.com/

  • المشروع 9 و 10: تطبيق قائمة Todo - استمرار تطبيق Todo List App V2. أضيفت الحصول على الطرق ، والنشر وحذف الطرق. يمكنك الآن إنشاء وحذف قائمة TODO لهذا اليوم والقائمة المخصصة. يمكن إضافة قائمة مخصصة إلى المسار المنزلي (على سبيل المثال: /العمل). باستخدام قاعدة بيانات MongoDB Altas Cloud يتم جمع البيانات. استضافة التطبيق من خلال هيروكو. تحقق من: https://tranquil-earth-77166.herokuapp.com/

  • Project 11: موقع مدونة شخصية متعددة - تم إنشاء تطبيق مدونة شخصي متعدد الصفحات باستخدام HTML و CSS و Bootstrap و JS و Node.js و Express.js و Body -Parser و API و EJS و Heroku و Mongoose و Mogodb Altas Cloud Cluster. Checkout: https://morning-brook-32061.herokuapp.com/

مثال على السلك

  • المشروع 2.

مواضيع مغطاة

HTML ، CSS ، JavaScript ، Bootstrap 4 ، DOM & DOM Manipulation ، jQuery ، Node.js ، Express ، React EJS ، Body-Parser ، Nodemon ، Lodash ، Mongodb ، Mongodb Atlas ، Mongoose ، mongoose-incryption ، dotenv ، md5 ، bcrypt ، papport-mong. Passport-Google-Path20 ، Mongoose-Findorcreate ، Express Sent ، API ، JSON ، المصادقة ، MailChimp API ، بناء API REST من الصفر ، Heroku.

القسم 9: مقدمة إلى JavaScript ES6

  • 116-117: التحدي: تغيير الغلاف في النص
  • 118: مشغل الحساب الأساسي والمجول في جافا سكريبت
  • 121-122: وظائف الجزء 1: التحدي - روبوت كاريل
  • 124: وظائف الجزء 2: المعلمات والوسائط

القسم 10: JavaScript الوسيطة

  • 131: توليد الأرقام العشوائية في جافا سكريبت: بناء آلة حاسبة حب
  • 132: عبارات التحكم: استخدام IF-ELSE الشرطية والمنطق
  • تمرين الترميز 5: حاسبة مؤشر كتلة الجسم المتقدمة (إذا/آخر)
  • تمرين الترميز 6: سنة قفزة
  • 138: إضافة عناصر وتقنيات الصفيف الوسيطة

القسم 12: تحدي مستوى الرئيس 1 - لعبة النرد

  • إنشاء ملف JS خارجي
  • أضف صور النرد
  • إنشاء رقم عشوائي
  • قم بتغيير كل من IMG إلى زهر عشوائي
  • تغيير كلا عنصري IMG
  • تغيير العنوان لعرض الفائز

القسم 13: معالجة JavaScript و DOM المتقدمة

  • 172: تحدي وظيفة الترتيب العالي

القسم 14: طقم الطبل

  • 171: إضافة مستجتمع الأحداث إلى زر
  • 174: كيف تلعب الأصوات على موقع ويب
  • 176: كيفية استخدام عبارات التبديل في JavaScript
  • 179: استخدام مستمعي أحداث لوحة المفاتيح للتحقق من ضغوط المفاتيح
  • 181: إضافة الرسوم المتحركة إلى مواقع الويب

القسم 15: تحدي مستوى الرئيس 2 - لعبة سيمون

  • أضف JS و jQuery
  • إنشاء نمط جديد
  • اعرض تسلسل المستخدم مع الرسوم المتحركة والأصوات
  • تحقق من الضغط على الزر
  • إضافة أصوات إلى زر النقرات
  • إضافة الرسوم المتحركة إلى نقرات المستخدم
  • ابدأ اللعبة
  • تحقق من إجابة المستخدم مقابل تسلسل اللعبة
  • انتهت اللعبة
  • أعد تشغيل اللعبة

القسم 19: express.js مع node.js

  • 241: إنشاء خادمنا الأول مع Express
  • 242: التعامل مع الطلبات والردود: طلب الحصول على
  • 244: الفهم والعمل مع الطرق
  • 246: إعداد تحدي الآلة الحاسبة
  • 248: الرد على الطلبات مع ملفات HTML
  • 249: معالجة طلبات البريد مع محلل الجسم
  • 250: تحدي توجيه مؤشر كتلة الجسم

القسم 20: واجهات برمجة التطبيقات - واجهات برمجة التطبيقات

  • 258: تقديم طلبات الحصول على وحدة HTTPS العقدة
  • 259: كيفية تحليل JSON
  • 260: باستخدام Express لتقديم موقع ويب مع بيانات واجهة برمجة التطبيقات المباشرة
  • 261: استخدام محلل الجسم لتحليل طلبات البريد إلى مشروع الخادم: مشروع الطقس

القسم 21: تسجيل النشرة الإخبارية

  • 263: إعداد صفحة التسجيل
  • 264: نشر البيانات على خوادم Mailchimp عبر واجهة برمجة التطبيقات الخاصة بهم
  • 265: إضافة صفحات النجاح والفشل
  • 266: نشر الخادم الخاص بك مع Heroku

المشروع: https://shrouded-reiver-17694.herokuapp.com/

القسم 22: EJS

  • 282: قوالب؟ لماذا نحتاج قوالب؟
  • 283: إنشاء قالب EJS الأول
  • 284: تشغيل رمز داخل قالب EJS
  • 285: تمرير البيانات من صفحة الويب الخاصة بك إلى الخادم الخاص بك
  • 287: إضافة أوراق أنماط CSS قبل الصنع إلى موقع الويب الخاص بك
  • 288: فهم التخطيطات القسرية مقابل
  • 289: فهم صادرات وحدة العقدة: كيفية تمرير الوظائف والبيانات بين الملفات

القسم 23: تحدي مستوى الرئيس 3 - موقع المدونة

  • احصل على الطريق المنزلي وأضف محتوى إلى home.ejs
  • تمرير البيانات من HomeStartingContent إلى home.ejs
  • أضف الجزارات وتذييل تذييل إلى المنزل.
  • نقل الرأس وتذييل إلى المجلد الجزئي
  • أضف طرق الاتصال والاتصال ، ونقل المحتوى إلى حوله و contact.ejs
  • أضف Nav Href إلى Header
  • أضف شكل تأليف ومرحلة ما بعد
  • أضف حقول نصية لتكوين نموذج واستخدام bootstrap
  • إنشاء كائن JS للنشر
  • اضغط على Post to Posts Array
  • أضف منشورات لتقديم صفيف
  • حلقة من خلال جميع المنشورات
  • Refactor لـ Loop لاستخدام Foreach
  • عرض كل منشور إلى المنزل
  • أضف معلمات التوجيه السريع /المنشورات /: blogpost
  • حلقة من خلال صفيف المشاركات للتحقق مما إذا كان يتطابق مع العنوان في عنوان URL
  • أضف Lodash واستخدم _.lowercase على العناوين
  • صفحة منفصلة لكل منشور مدونة
  • اقتطاع الجسم على الصفحة الرئيسية إلى 100 حرف
  • أضف قراءة المزيد إلى المنشورات

القسم 27: mongoose

  • 357: مقدمة إلى Mongoose
  • 358: القراءة من قاعدة البيانات الخاصة بك مع mongoose
  • 359: التحقق من صحة البيانات مع mongoose
  • 360: تحديث البيانات وحذفها باستخدام mongoose
  • 361: إقامة علاقات وتضمين المستندات باستخدام mongoose

القسم 28: وضع كل شيء معًا

  • 364: خذ مشروع Todolist إلى المستوى التالي وقم بتوصيله بـ Mongoose
  • 365: عرض عناصر قاعدة البيانات في تطبيق Todolist
  • 366: إضافة عناصر جديدة إلى قاعدة بيانات Todolist
  • 367: حذف العناصر من قاعدة بيانات Todolist
  • 368: إنشاء قوائم مخصصة باستخدام معلمات المسار السريع
  • 369: إضافة عناصر جديدة إلى عازفي الأطفال المخصصين
  • 370: إعادة النظر في Lodash وحذف العناصر من قوائم ToDo المخصصة

القسم 29 - نشر تطبيق الويب الخاص بك

  • 374: كيفية نشر تطبيقات الويب باستخدام قاعدة بيانات
  • 374: كيفية إعداد أطلس mongodb
  • 375: نشر تطبيق مع قاعدة بيانات إلى Heroku

المجلد: المشروع 9 و 10: قائمة tode https://tranquil-earth-77166.herokuapp.com/

القسم 30 - تحدي مستوى الرئيس 4 - ترقية موقع المدونة

  • 381: حفظ منشورات مؤلفة مع mongodb
  • 382: احصل على الصفحة الرئيسية لتقديم المنشورات
  • 383: إعادة التوجيه إلى الصفحة الرئيسية بعد الانتهاء من Save () دون أي أخطاء
  • 384: عرض منشور المدونة الصحيح بناءً على المنشور _id

المجلد: المشروع 11: موقع المدونة المكتمل https://morning-brook-32061.herokuapp.com/

القسم 31 - قم ببناء واجهة برمجة التطبيقات الخاصة بك من الصفر

  • 389: إعداد تحدي الخادم
  • 391: احصل على جميع المقالات
  • 392: انشر مقالة جديدة
  • 393: حذف جميع المقالات
  • 394: معالجات الطريق بالسلاسل باستخدام Express
  • 395: احصل على مقالة محددة
  • 396: ضع مقالًا محددًا
  • 397: تصحيح مقال محدد
  • 398: حذف مقالة محددة

المجلد: ويكي

القسم 32 - المصادقة والأمان

  • 403: الحصول على الإعداد
  • 404: المستوى 1 - تسجيل المستخدمين باسم المستخدم وكلمة المرور
  • 406: المستوى 2 - تشفير قاعدة البيانات
  • 407: استخدام متغيرات البيئة للحفاظ على سلامة الأسرار
  • 408: المستوى 3 - كلمات مرور التجزئة
  • 410: المستوى 4 - كلمات مرور التمليح والتجزئة مع bcrypt
  • 412: المستوى 5 - باستخدام passport.js لإضافة ملفات تعريف الارتباط والجلسات
  • 413A: المستوى 6 - OAUTH 2.0 وكيفية تنفيذ تسجيل الدخول مع Google
  • 413B: المستوى 6 - OAUTH 2.0 مع Facebook
  • 414: السماح للمستخدمين بإرسال أسرار

المجلد: أسرار

القسم 33 - React.js

  • 422: ممارسة رمز JSX
  • 423: تعبيرات JavaScript في أحكام قالب JSX و ES6
  • 424: تعبيرات JavaScript في ممارسة JSX
  • 425: عناصر رد الفعل السمات والتصميم
  • 426: تصميم مضمّن لعناصر رد الفعل
  • 427: رد فعل التصميم
  • 428: مكونات رد الفعل
  • 429: ممارسات مكونات رد الفعل
  • 431: ممارسة JavaScript ES6
  • 434: مشروع تطبيق Keeper - الجزء 1
  • 436: رد فعل الدعائم
  • 437: رد فعل الدعائم
  • 438: React DevTools - https://990sq.csb.app/
  • 439: رسم خرائط للمكونات - https://0lrqy.csb.app/
  • 440: تعيين البيانات لممارسة المكونات - https://1kzup.csb.app/
  • 441: خريطة/مرشح JavaScript ES6
  • 442: وظائف سهم JavaScript ES6
  • 443: مشروع تطبيق Keeper - الجزء 2
  • 444: رد فعل مشروط مع المشغل الثلاثية والمشغل
  • 445: ممارسة العرض الشرطية - https://pr7ow.csb.app/
  • 447: رد الفعل - Usestate
  • 448: ممارسة الخطاف Usestate
  • 449: JavaScript ES6 Object & Array Destructurituring
  • 450: تحدي تدمير JavaScript ES6
  • 451: التعامل مع الأحداث في رد الفعل
  • 452: أشكال رد الفعل
  • 454: تغيير الحالة المعقدة
  • 455: تغيير ممارسة الحالة المعقدة
  • 456: مشغل انتشار JavaScript ES6
  • 457: ممارسة مشغل انتشار JavaScript ES6
  • 458: إدارة شجرة مكون
  • 459: إدارة ممارسة شجرة مكون
  • 460: مشروع تطبيق Keeper - الجزء 3
  • 461: React Resepencies & Tyling The Keeper App - https://pbt9b.csb.app/

الأدوات المستخدمة

  • Codepen
  • ذرة
  • ساعي البريد
  • محطة فرط
  • رمز الاستوديو البصري
  • https://codesandbox.io/
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل