اگر تا حالا پروژه‌ی جاوااسکریپتی‌تون به یه نقطه‌ای رسیده که فایل‌های CSS، عکس‌ها، فونت‌ها و کلی ماژول JS مثل نقل و نبات ریختن رو سر هم و مدیریتشون واقعاً دردسر شده، این دوره دقیقاً برای همون لحظه‌ست. اینجا قراره با وب‌پک نسخه ۴ به‌عنوان یکی از پر...
آموزش webpack 4 به صورت اصولی – وب‌پک فارسی 🎯
اگر تا حالا پروژه‌ی جاوااسکریپتی‌تون به یه نقطه‌ای رسیده که فایل‌های CSS، عکس‌ها، فونت‌ها و کلی ماژول JS مثل نقل و نبات ریختن رو سر هم و مدیریتشون واقعاً دردسر شده، این دوره دقیقاً برای همون لحظه‌ست. اینجا قراره با وب‌پک نسخه ۴ به‌عنوان یکی از پرکاربردترین ماژول باندلرهای دنیای فرانت‌اند آشنا بشید و یاد بگیرید چطور پروژه‌هاتون رو اصولی باندل و کامپایل کنید.
نکته‌ی جذاب ماجرا هم اینه که این دوره کاملاً رایگان ارائه شده؛ یعنی بدون هیچ هزینه‌ای می‌تونید یه مهارت واقعی و بازارکار رو یاد بگیرید. 🎁
📋 یه نگاه سریع به مشخصات دوره
عنوان دوره: آموزش webpack 4 به صورت اصولی – وب‌پک فارسی
سطح: تمام سطوح (از مبتدی تا کسی که می‌خواد عمیق‌تر بشه)
مدت زمان کل: حدود ۱۱۹ دقیقه
حجم محتوا: ۱۹۱.۲۵ مگابایت
تعداد دروس: ۳۶ درس در ۵ فصل
هزینه: رایگان ✅
🤔 چرا اصلاً باید وب‌پک یاد بگیریم؟
خیلی از بچه‌های فرانت‌اند اول کار با این مشکل مواجه می‌شن که چرا وقتی پروژه بزرگ‌تر می‌شه، همه‌چیز به هم می‌ریزه. اینجاست که یه module bundler مثل Webpack وارد می‌شه و کارش اینه که همه‌ی فایل‌های پراکنده‌ی پروژه رو مثل یه مدیر پروژه‌ی منظم، پکیج‌بندی و آماده‌ی اجرا کنه.
تصور کنید دارید یه پروژه‌ی دانشجویی تحویل می‌دید و استاد می‌خواد کدها تمیز، بهینه و قابل اجرا باشن. با وب‌پک هم حجم نهایی کم‌تر می‌شه، هم لود صفحه سریع‌تر، هم نگهداری کد ساده‌تر. عملاً یه مهارتیه که توی رزومه‌ی هر فرانت‌اند کاری، امتیاز محسوب می‌شه.
🧭 توی این دوره چی یاد می‌گیرید؟
سرفصل‌ها طوری چیده شدن که از صفر شروع می‌کنن و کم‌کم می‌برن سمت مباحث کاربردی و پیشرفته:
فصل اول – آشنایی با وب‌پک: وب‌پک چیه، چرا بهش نیاز داریم و مرور کلی فصل
فصل دوم – پیش‌نیازها و آشنایی مقدماتی: کار با package.json، ماژول‌های JS مثل CommonJS و ES6 import/export، حالت Zero Configuration و مودهای development و production
فصل سوم – مفاهیم پایه: تنظیم entry و output، حالت multiple-entry، کار با __dirname و path از Node.js، آشنایی اولیه با loaderها و تمرین عملی با style-loader و css-loader
فصل چهارم – مباحث کاربردی و پیشرفته: کار با loaderهای style، file-loader برای عکس و فونت، babeljs به‌عنوان transpiler، پلاگین‌هایی مثل htmlwebpackplugin، MiniCssExtractPlugin، uglifyJS، splitChunksPlugin، راه‌اندازی devServer و حالت پیشرفته‌ی Mode
فصل پنجم – تمرین عملی نهایی: کار با JSON-schema و توضیح کامل config وب‌پک پروژه‌ی نهایی
🎓 این دوره به چه کسی می‌خوره؟
کسی که می‌خواد توسعه‌دهنده‌ی فرانت‌اند حرفه‌ای بشه
دانشجویی که پروژه‌های درسی‌ش رو می‌خواد اصولی و بهینه تحویل بده
توسعه‌دهنده‌ای که می‌خواد سرعت و کیفیت کارش رو بالا ببره
هر کسی که با انبوه فایل‌های پروژه کلنجار می‌ره و دنبال یه راه‌حل تمیزه
📚 پیش‌نیازها چیه؟
بهتره با جاوااسکریپت و Node.js آشنایی پایه‌ای داشته باشید. ولی اگه Node.js رو دست‌وپا شکسته می‌شناسید، نگران نباشید؛ هر چیزی که توی مسیر دوره لازم بشه، توی همون درس‌ها توضیح داده شده. یعنی لازم نیست قبلش کل Node.js رو بلد باشید.
❓ چند سوال که ممکنه تو ذهنتون باشه
آیا این دوره برای شروع مناسبه؟
بله، چون از مفاهیم پایه شروع می‌کنه و به‌تدریج جلو می‌ره. سطح دوره «تمام سطوح» در نظر گرفته شده.
بعد از این دوره می‌تونم توی پروژه‌ی واقعی از وب‌پک استفاده کنم؟
قطعاً. تمرین‌های عملی و پروژه‌ی نهایی طوری طراحی شدن که بعدش بتونید config وب‌پک پروژه‌های خودتون رو از صفر بنویسید.
چرا این دوره رایگانه؟
دسترسی به این آموزش بدون هیچ هزینه‌ای فراهم شده و می‌تونید همه‌ی ۳۶ درس رو ببینید.
🛠️ یه مثال ساده از کاربردش
فرض کنید توی پروژه‌تون چند تا فایل CSS، چند تا تصویر، یه ف
