توضیحات

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

همچنین دوستان این دوره آپدیت شده و آموزش vite.js هم در انتهای دوره اضافه شده که در ویدیو معرفی دوره در موردش صحبت کردیم.

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

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

اما در عملیات bundling ممکن است، فایل ها و ماژول های جاوااسکریپت به همدیگر وابستگی داشته باشند و همچنین ترتیب قرار گیری آنها هم مهم است. پس ما نیاز به یک ابزار bundler هوشمند داریم که بتواند این وابستگی ها را به نحو مناسبی مدیریت کند. در این راستا ابزار های متعددی مانند uglify, grunt, gulp و … وجود دارند که برخی از این مشکلات را حل می کنند. اما ما نیاز به یک ابزار کامل داریم که همه این ویژگی ها را داشته باشد. اینجا هست که webpack به کمک ما می آید.اگر شما قصد دارید در جاوااسکریپت حرفه‌ ای شوید بدون شک باید کار با این ابزار را یاد بگیرید.

این دوره به دوستان جاوااسکریپت کار شدیدا توصیه میشود.
در این دوره ما از webpack v5 استفاده میکنیم و قصد داریم شما را با توانایی های webpack آشنا بشیم.

پیش نیاز این دوره :


javascript جاوااسکریپت webpack وب پک ویت جی اس vite.js

مدرس دوره علی شیخ
مدت دوره 06:54:04
تعداد ویدیو 46

وضعیت دوره : کامل شده
قیمت دوره : 149,000 141,000 تومان
% 5 تخفیف

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

  • سلام استاد ببخشید مگه محیط اجرای node.js فقط از require برای وارد کردن module ها استفاده نمی کنه پس چرا میتونیم در webpack برای اجرای دستورات جاوااسکریپتش توسط node.js از (import - export) استفاده کنیم ؟منظورم اینه که اگر محیط اجرای node.js دستورات import - export رو پشتیبانی نمیکنه پس چطور میتونه اجراشون کنه؟و مشخصه که از محیط اجرای مرورگر هم لزوما در زمان استفاده از webpack استفاده نمی کنیم . سردرگم شدم ممنون میشم راهنمایی کنید.

    • سلام وقت بخیر.
      توی ورژن های جدیدتر node ساپورت میکنه اما بصورت کلی webpack از node استفاده میکنه برای کارهای مختلف خودش و تبدیل میکنه

  • سلام
    واقعا دوره هاتون بی نظیر هست و مطالبی که مدت ها واسه من گنگ بود رو به لطف شما یاد گرفتم.
    فقط میتونم بگم خداقوت و خسته نباشید.

    • سلام وقت بخیر.
      ممنون از شما و حمایتتون
      خداروشکر دوره براتون مفید بوده

  • با عرض سلام و وقت بخیر
    بنده میخواهم این دوره رو خریداری کنم ولی نگران اپدیت بودنش هستم. آیا همچنان مطالب به روز هستن و میتونم با اطمینان خاطر روی این دوره وقت بزارم؟
    ممنون از شما

    • سلام وقت بخیر.
      دوره بروز هست و براساس ورژن 5 از webpack هست هر چند سطح دوره بالا هست و نیازه شما توانایی خوندن داکیومنت هم داشته باشید.

  • برای کار با react و next با توجه به سرعت بیشتر vite آیا فقط vite رو یاد بگیریم کافیه و دیگه سراغ webpack نریم؟چون من اصلا از loader ها خوشم نمیاد و این کار تو vite خیلی راحت تر انجام میشه.منظورم اینه که فقط از یک باندلر استفاده کنیم بهتر نیست؟یا باید به هر دو تسلط داشته باشیم؟پیشنهاد شما کدام است webpack یا vite ؟

    • سلام وقت بخیر.
      برای کار با این فریمورک ها شما درگیر webpack یا vite نمیشید. اما اگه باهاشون آشنا باشید بهتر درک میکنید که چه اتفاقی میفته در این فریمورک ها

  • با سلام و احترام
    پیش نیاز این دوره همانطور که شما فرمودید گذراندن دوره webpack هست .
    من دوره جوا اسکریپت شما رو که دیدم در آموزش فرموده بودید که
    "Webpack کارش این هست که این توابعی که ما داریم به صورت arrowFuction در ES6 استفاده میکنیم و به مرورگر می فرستیم را
    میاد به صورت ES5 تبدیل میکنه که روی همه مرورگرها جواب بده .
    ولی خب الان همه مرورگر ها داره Es6 را support میکنه . "
    آیا با توجه به اینکه الان همه مرورگرها ES6 را ساپورت می کنند،
    آیا گذراندن دوره webpack برای شروع دوره react، نیاز هست ؟؟

    • سلام وقت بخیر.
      یکی از کارهاش اینه و خب تبدیل به یک فایل و یا چندین فایل هم انجام میده
      در کل اگه باهاش آشنا باشید بهتر درک میکنید نحوه کار کتابخانه و فریمورک ها را و بازم اختیاری هست چون توی react شما درگیرش نمیشید زیاد
      مروگر ها هم بله ساپورت میکنند ولی خب ممکنه یکسری از کاربران مرورگر قدیمی تر داشته باشند.

  • آقای شیخ عزیز
    ممنون از آموزش بی نقص شما، به جرات میشه گفت سایت شما یکی از بهترین سایت های آموزشی فارسی در حوزه ی برنامه نویسی هست.
    به امید آموزش های بیشتر (مخصوصا در مورد تست نویسی ? )

    • سلام وقت بخیر.
      ممنون از شما و حمایتتون?
      خداروشکر دوره براتون مفید بوده

    • سلام وقت بخیر.
      توی توضیحات دوره نوشته که ورژن ۵ هست!!!
      بخدا این توضیحات و ویدیو معرفی دوره برای اینکه شما دوستان عزیز ببینید.

  • سلام خسته نباشید. استاد براتون چندروزه کامنت گذاشتم ولی نمیدونم خوندید یا نه . ولی 'file-loader' رو من چندباره دارم آموزش از درس اول شروع میکنم ولی اجرا نمیشه . تصویرم در مرورگر لود نمیشه . با همه مرورگرها امتحانش کردم. ولی نشد. طبق اموزش شما بیشتر از 20 باره دارم انجام میدم .ولی نمیشه. ممنون میشم راهنمایی بفرمایید. سپاسگذارم

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

  • سلام. وقت بخیر.
    فرمودین فایل شماره 11 و 12 آپدیت شده. من دانلود کردم ولی تغییری نداشته.
    آموزش vue3 هم به همین شکل؛ فایلهای جدیدش رو دیدم ولی فرمودین فایل معرفی دوره هم آپدیت شده اما اونم تغییری نکرده.

    • سلام وقت بخیر.
      به انتهای این ویدیو ها توضیحات جدید اضافه شده و آپدیت شده، توی ایمیلی که براتون ارسال شده هم این موضوع ذکر شده

    • قبلا توی اطلاعات دوره، مدت دوره 4 ساعت و 50 دقیقه بود. الان شده 5 ساعت و 3 دقیقه.
      یعنی 13 دقیقه مجموعا به 2 فایل اضافه شده.
      من دوباره دانلود کردم هر دو فایل رو. هم حجم فایل و هم طول فایل مث قبل هست. ویدئوها رو هم دیدم ولی با ویدئوهای قبل تفاوتی نداشتن.
      ممنون میشم مجدد چک بفرمائید

    • بله درست میفرمایید?
      دوباره قسمت ۱۱ و ۱۲ آپلود شد و میتوانید استفاده کنید.

  • سلام خسته نباشید واقعا بهترین دوره وب پک فارسیه مطالبو عالی توضیح میدین ، سوالم اینه که از وب پک تو فاز پروداکشن استفاده میشه یا تو فاز دولوپ ؟؟؟

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

    • سلام وقت بخیر.
      ممنون از شما.
      دانلود یکجا نیاز به فضای خیلی زیادی داره.شما نسبت به مشاهده قسمت در روز دانلود کنید،اگه فرضا در هفته، ۷ قسمت مشاهده میکنید.۷ قسمت دانلود کنید شما دسترسی کامل به این دوره را دارید.

    • سلام توی یه سایتی که دوره خریداری کردم فایل های دوره رو پس از ثبت نام به گوگل درایوم ارسال کرد شما هم میتونید برای این امکان رو به سایتتون اضافه کنید که پس از ثبت نام کل دوره توی یک فایل زیپ به گوگل درایو دانشجو ارسال بشه تا اونایی که دنبال دانلود یک جا هستند هم کارشون راه بیوفته.