Loading...

نبذة عن WebPack

WebPack هو وسيله يستخدمها مطوروا واجهات مواقع الويب (Frontend Developers) لتجميع الملفات المشروع المتعددة في ملف واحد سواء كانت ملفات CSS او جافا سكريبت او صور او غيرها. مثال: إذا كنت تستخدم في برمجة تصميم موقعك مكتبات عديدة من الجافا سكريبت و تقوم باستدعائها بشكل منفصل فباستخدام تقنية WebPack يمكنك اخبارها بجميع هذه المكتبات وسيقوم WebPack بجمعها في ملف واحد وهذا الملف المجمع ما ستستخدمه فى مشروعك بديلا عن المرات العديدة المنفصلة. ويعرف WebPack على أنه أداة بناء (Build Tool) أو مجمع حزم (Module Bundler).

تفاصيل الكورس

يمكنك مذاكرة الدروس بعد التسجيل فى الكورس

دروس كورس WebPack

  • 1 #01 - مقدمة عن الـ webpack 00:05:35
  • 2 #02 - معنى مصطلح zero configuration file 00:05:20
  • 3 #03 - المبادىء التي يقوم عليها الـ webpack4 00:07:11
  • 4 #04 - انشاء أول مشروع لنا باستخدام الـ webpack4 00:09:33
  • 5 #05 - استخدام الـ babel و الـ webpack4 لكتابة أكواد الجافاسكربت الحديثة (ES6) 00:07:49
  • 6 #06 - استخدام الـ webpack4 مع ملفات الــ html و الميزات التي يقدمها لنا (شكرا webpack) 00:14:26
  • 7 #07 - استخدام الـ webpack4 مع ملفات الــتنسيق ( css - sass .... ) سهولة كبيرة في الإستخدام 00:12:59
  • 8 #08 - تشغيل التطبيق على سيرفر محلي و تحديث الصفحة تلقائيا عند التعديل (خاصية مهمة جدا اثناء التطوير) 00:19:23
  • 9 #09 - عمل autoprefixer لخواص الـ css غير المدعومة في المتصفحات 00:06:17
  • 10 #10 - تحسين و ضغط ملفات HTML/CSS/JS في وضع الإنتاج 00:05:45
  • 11 #11 - تحميل الصور loads images 00:08:45
  • 12 #12 - تحميل الوحدات Lazy Loading Modules 00:10:53
  • 13 #14 - إعداد الـ eslint في webpack 00:10:15
  • 14 نهاية الدورة 00:00:47

محاضر كورس WebPack

Algorithm Academy