قیمت این دوره : 149,000 تومان
  • مدرس دوره : حمزه عزیززاده ( رزومه )
  • تعداد دانشجویان این دوره : 60 نفر
  • تعداد ویدیوها : 28 ویدیو
  • مدت زمان دوره : 5:45:00
  • سطح دوره : متوسط
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1399/03/31
ثبتـــ نام در این دوره
آموزش وب پک ( Web Pack )

آموزش وب پک ( Web Pack )

جاوا اسکریپت یک زبان برنامه‌ نویسی سطح بالا است که در کنار HTML و CSS یکی از سه هسته اصلی طراحی سایت به شمار می‌رود. به کمک این زبان برنامه نویسی می‌توان اشیاء داخل صفحات HTML را تغییر داد و صفحات وب را در سمت کاربر به صورت داینامیک درآورد.

در هنگام طراحی یک وب سایت با استفاده از زبان جاوا اسکریپت، مشکلی که اکثر توسعه دهندگان با آن مواجه هستند، این است تعداد زیادی از فایل‌ها و assetهای این زبان که شامل فایل‌های تصاویر، فونت‌ها، استایل‌ها و غیره هستند، باید به صفحات وب ما لینک شوند تا ما بتوانیم کارهای مورد نظر خود را در یک صفحه وب انجام دهیم.

در حالت معمول، اگر تعداد فایل‌ها کم باشد، مشکلی بروز نمی‌کند اما اگر تعداد این فایل‌ها بسیار زیاد باشد، در این صورت، مشکل جدی‌تر شده و مدیریت تمام این فایل‌ها کار راحتی نخواهد بود.

برای حل این مشکل، بایستی از عملیات باندلینگ یا باندل کردن استفاده کنیم. در تعریف عملیات باندلینگ می‌توان گفت که ما می‌توانیم تعداد زیادی فایل و ماژول‌های زبان جاوا اسکریپت را با هم ادغام کنیم که مرورگر فقط یک درخواست برای دریافت تمام فایل‌ها ارسال کرده و یک فایل به عنوان پاسخ دریافت کند.

مشکل دیگری که در اینجا وجود دارد، این است که ممکن است فایل‌ها و ماژول‌ها در زبان جاوا اسکریپت به یکدیگر وابستگی داشته باشند، در صورتی که در اضافه کردن یک ماژول به وابستگی‌های آن و همچنین ترتیب قرارگیری آن‌ها نسبت به هم دقت کافی نداشته باشیم، این امر ممکن است باعث بروز خطا در برنامه ما شود.

با استفاده از یک باندلر قدرتمند می‌توانیم وابستگی‌های هر ماژول را تعریف کنیم تا شاهد مشکلاتی از این دست نباشیم. ما نیاز به یک ابزار کامل داریم که این مشکلات را از سر راه ما بردارد. وب پک (webpack) یک module bundler قدرتمند برای اپلیکیشن‌های تحت وبی است که با زبان جاوا اسکریپت ساخته می‌شوند.

webpack یک ابزار بسیار کارآمد برای توسعه دهنده‌های بخش کاربری یا فرانت اند با زبان جاوا اسکریپت است که با استفاده از آن توسعه اپلیکیشن‌های وب سریع‌تر، کارآمدتر و انعطاف پذیرتر خواهد بود.

وقتی وب پک برنامه تحت وب شما را پردازش می‌کند، یک گراف وابستگی از هر ماژولی که برنامه نیاز دارد را به صورت بازگشتی می‌سازد. سپس، تمام آن ماژول‌ها را در فایل‌های باندل کوچکی قرار می‌دهد که توسط مرورگر بارگزاری می‌شوند.

پیشنیاز های این دوره :
آشنایی با جاوا اسکریپت

لطفا سوالات خود را راجع به این آموزش در این بخش پرسش و پاسخ مطرح کنید به سوالات در قسمت نظرات پاسخ داده نخواهد شد.

فهرستـــ ویدیوها

مدت زمان دوره 5:45:00
در صورتیکه ویدئو نمایش داده نشد آن را دانلود کنید و با KmPlayer مشاهده کنید.
راهنما ! جهت دریافت لینک دانلود تمامی قسمت ها بر روی این لینک .کلیک کنید.
لطفا در در صورت اقدام به دانلود تا انتها فرایند دانلود ، این صفحه را باز نگاه دارید.
1
  • معرفی دوره

  • 00:11:00
  • رایگانــ

معرفی دوره ، توضیح مختصر در مورد وب پک

2
  • وب پک چیست ؟

  • 00:11:00
  • رایگانــ

در این جلسه قصد دارم وب پک رو خدمت شما عزیزان معرفی کنم تا ببینیم چه کاری انجام میده

3
  • محبوبیت وب پک

  • 00:05:00
  • رایگانــ

در این جلسه قصد دارم محبوبیت وب پک رو بهتون نشون بدم تا ببینیم در هفته چقدر از این ابزار قدرتمند استفاده میشه

4
  • یکی از کوچک ترین مشکلات رایج

  • 00:11:00
  • رایگانــ

در این جلسه قصد دارم یکی از کوچک ترین مشکلات رایجی که همه برنامه نویسان دارند رو بهتون نشون بدم که این مشکل یکی از کوچک ترین مشکلاته

5
  • راه اندازی وب پک در پروژه

  • 00:16:00
  • نقدیــ

در این جلسه قصد دارم نحوه نصب و راه اندازی وب پک رو بهتون بگم

6
  • پیاده سازی پروژه جلسات قبلی با وب پک

  • 00:13:00
  • نقدیــ

در این جلسه قصد دارم فانکشینی رو که در جلسات گذشته نوشتیم رو با وب پک پیاده سازی کنم

7
  • نحوه کانفیگ وب پک

  • 00:18:00
  • نقدیــ

در این جلسه قصد دارم نحوه کانفیگ کردن وب پک رو بهتون آموزش بدم

8
  • بر طرف کردن هشدار mode و آشنایی با لودر ها

  • 00:09:00
  • نقدیــ

در این جلسه قصد دارم هشدار mode رو به روشی بهتر برطرف کنیم و یک توضیح مختصری در مورد لودر ها

9
  • نحوه خروجی گرفتن فایل های css

  • 00:12:00
  • نقدیــ

در این جلسه قصد دارم نحوه استفاده از css رو داخل وب پک بهتون آموزش بدم

10
  • نحوه خروجی گرفتن فایل های sass

  • 00:09:00
  • نقدیــ

در این جلسه قصد دارم نحوه استفاده از sass رو داخل وب پک بهتون آموزش بدم

11
  • نحوه خروجی گرفتن فایل های تصویری

  • 00:18:00
  • نقدیــ

در این جلسه قصد دارم نحوه استفاده از image رو داخل وب پک بهتون آموزش بدم

12
  • خروجی گرفتن بی دردسر

  • 00:07:00
  • نقدیــ

در جلسات گذشته دیدیم که هر بار که تغییری رو اعمال کنیم باید از کل پروژه بیلد بگیریم ولی با روشی که تو این جلسه بهتون آموزش میدم دیگه نیازی به این کار نیست

13
  • نحوه خروجی گرفتن فونت ها

  • 00:11:00
  • نقدیــ

در این جلسه قصد دارم نحوه استفاده از فونت ها رو داخل وب پک بهتون آموزش بدم

14
  • نحوه خروجی گرفتن فایل های json

  • 00:05:00
  • نقدیــ

در این جلسه قصد دارم نحوه استفاده از json رو داخل وب پک بهتون آموزش بدم

15
  • نحوه استفاده از babel

  • 00:15:00
  • نقدیــ

در این جلسه قصد دارم نحوه استفاده از Babel رو داخل وب پک بهتون آموزش بدم

16
  • پلاگین چیست ؟

  • 00:14:00
  • نقدیــ

در این جلسه قصد دارم بهتون بگم که پلاگیم چیست و چه کاربردی داره

17
  • افزایش سرعت وب سایت

  • 00:16:00
  • نقدیــ

در این جلسه قصد دارم بهتون بگم که چگونه سرعت وبسایتتون رو افزایش بدین و اینکه چجوری فایل های css رو خروجی بگیرید

18
  • مدیریت کش مرورگر با وب پک

  • 00:11:00
  • نقدیــ

در این جلسه قصد دارم بهتون بگم چگونه کش مرورگر خودتون رو با استفاده از وب پک مدیریت کنید

19
  • خروجی گرفتن تمیز

  • 00:10:00
  • نقدیــ

در این جلسه قصد دارم بهتون بگم چگونه هر بار که خروجی میگیرید فایل های قبلی پاک بشن

20
  • پیکربندی های مختلف برای وب پک

  • 00:15:00
  • نقدیــ

در این جلسه قصد دارم بهتون بگم چگونه چند پیکربندی برای وب پکتون داشته باشید

21
  • ایجاد یک dev server

  • 00:10:00
  • نقدیــ

در این جلسه قصد دارم بهتون بگم چگونه یک سرور بسازید

22
  • ساخت اپلیکیشن چند صفحه ای

  • 00:10:00
  • نقدیــ

در این جلسه قصد دارم بهتون بگم چگونه از چند فایل html استفاده کنید

23
  • تلفیق دو فایل پیکر بندی با هم

  • 00:25:00
  • نقدیــ

در این جلسه قصد دارم بهتون بگم که چگونه دو فایل مختلف رو باهم یکی کنید

24
  • کاهش حجم فایل ها

  • 00:14:00
  • نقدیــ

در این جلسه قصد دارم بهتون بگم که چگونه حجم فایل هاتون رو کاهش بدین

25
  • ایجاد پلاگین اختصاصی

  • 00:20:00
  • نقدیــ

در این جلسه قصد دارم بهتون بگم که چگونه یک پلاگین برای خودتون ایجاد کنید

26
  • نکات تکمیلی

  • 00:11:00
  • نقدیــ

در این جلسه قصد دارم بهتون چند نکته بگم شاید بتونه کمکتون کنه

27
  • پیدا کردن خطا و نوشتن کد تمیز تر

  • 00:13:00
  • نقدیــ

در این جلسه قصد دارم بهتون بگم چگونه کدهای تمیز تری داشته باشد

28
  • سخن پایانی

  • 00:05:00
  • نقدیــ

نگاهی به کل دوره یک صحبت کوتاه

نظرات کاربران در رابطه با این دوره

جهت ثبت نظر باید در سایت عضو شوید و یا وارد سایت شده باشید .