آموزش Webpack 2 را از ابتدا یاد بگیرید

Learn Webpack 2 from scratch

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.

نمونه ویدیوها: (صرفا برای مشاهده نمونه ویدیو، ممکن هست نیاز به شکن داشته باشید.)

توضیحات دوره: آموزش ساخت برنامه های کاربردی وب با استفاده از محبوب ترین ابزار ساخت جاوا اسکریپت... Webpack 2 آموزش ساخت برنامه های کاربردی وب با استفاده از Webpack 2 پیش نیازها:شما باید درک اولیه ای از HTML، CSS و Javascript داشته باشید.

به روز رسانی

من اخیراً یک دوره رایگان کاملاً جدید به نام "Webpack 5 Fundamentals" منتشر کرده ام. اگر به دنبال به روزترین منبع برای یادگیری وب پک هستید، Webpack 5 Fundamentals دوره ای است که به دنبال آن هستید. متأسفانه، Udemy به من اجازه نمی دهد که پیوندها را در اینجا پست کنم، بنابراین شما باید "Webpack 5 Fundamentals" را جستجو کنید و دوره من باید در نتایج اول باشد. همچنین می‌توانید به نمایه مربی من نگاه کنید و تمام دوره‌هایی را که تدریس می‌کنم ببینید و آن را از این طریق بیابید.

---

در این دوره شما یک درک اساسی از Webpack 2 و اکوسیستم آن خواهید آموخت. رویکرد من برای آموزش Webpack 2 در این دوره، این است که شما را از طریق مستندات راهنمایی کنم تا پس از گذراندن این دوره، به راحتی از یادگیری مفاهیم جدید Webpack راحت باشید. یکی از مهم ترین مهارت های یک توسعه دهنده وب، دانستن نحوه خواندن و استفاده از اسناد است. چیزها به طور مداوم در دنیای ما در حال تغییر و تحول هستند، و بنابراین دانستن نحوه مطالعه و بررسی اسناد برای موفقیت در این صنعت ضروری است.

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

هدف من برای این دوره این است که دانش اساسی مورد نیاز را در اختیار شما قرار دهم تا بتوانید پیکربندی های Webpack سفارشی خود را ایجاد کنید تا نیازهای خاص پروژه ها و مشتریان شما را برآورده کند. اکوسیستم Webpack عظیم است و می تواند کاملاً طاقت فرسا باشد. با این حال، در این دوره من شما را خط به خط از طریق هر پیکربندی و تنظیم راهنمایی می‌کنم تا متوجه شوید و بدانید دقیقاً چه اتفاقی می‌افتد. وقتی فایل webpack.config.js شخص دیگری را باز می کنید دیگر غافلگیر نخواهید شد. داشتن این دانش پایه به شما این امکان را می دهد که افزونه های سفارشی، لودرها، ابزارهای ساخت و هر چیز دیگری که پروژه شما نیاز دارد اضافه کنید.

به عنوان نکته جانبی، من بسیار آماده پیشنهادات هستم. اگر قابلیتی در وب پک وجود دارد که من در اینجا به آن اشاره نکرده ام، اما شما هم دوست دارید، لطفاً برای من پیام ارسال کنید یا نظر خود را در قسمت بحث بگذارید تا مطالب بیشتری برای آموزش آن موضوع ایجاد کنم. این دوره رایگان است و همیشه خواهد بود. هدف من این است که واقعاً تا جایی که می توانم به مردم کمک کنم، بنابراین لطفاً از پرسیدن سؤال، ارائه بازخورد، نظرات، انتقادات و غیره خجالت نکشید :)

سرفصل ها و درس ها

معرفی Introduction

نصب و راه اندازی Installation & Getting Started
لودرهای بسته وب Webpack Loaders
بسته وب --watch Webpack --watch
پک وب و پست CSS Webpack & PostCSS
استخراج CSS در یک فایل جداگانه Extracting CSS to a separate file
فعال کردن نقشه های منبع CSS و JS Enabling CSS & JS sourcemaps
ایجاد بسته های متعدد Creating multiple bundles
سرور توسعه دهنده Webpack Webpack Dev Server
پروکسی Browsersync با Webpack Dev Server Browsersync proxy with Webpack Dev Server
کار با چندین فایل HTML Working with multiple HTML files
سخنرانی پاداش Bonus lecture