این دوره به شما میآموزد که چگونه از Webpack برای ساخت برنامههای وب جاوا اسکریپت خود با استفاده از بهترین شیوههای مدرن استفاده کنید.
آنچه یاد خواهید گرفت:
بستهبندی و ساخت برنامههای کاربردی وب در وب مدرن بسیار مهم است. در این دوره آموزشی، Webpack 5 Fundamentals، یاد میگیرید که برای برنامههای تحت وب خود، ساختهای کارآمد و قابل نگهداری ایجاد کنید. ابتدا، نحوه بستهبندی کد را با هم بررسی خواهید کرد. در مرحله بعد، خواهید فهمید که چگونه میتوانید سایر داراییها مانند CSS، فونتها و تصاویر را به بیلد خود ترجمه و اضافه کنید. در نهایت، یاد خواهید گرفت که Webpack را در فریم ورکهای فرانتاند مدرن مانند React، Vue و Angular بگنجانید. پس از اتمام این دوره، مهارتها و دانش Webpack مورد نیاز برای ایجاد و حفظ بستهبندی و ساخت هر برنامه وب را خواهید داشت.
نمونه ویدیوی آموزشی ( زیرنویسها جدا از ویدیو است و میتوانید آنرا نمایش ندهید ) :
[ENGLISH]
01 Course Overview [1min]
01-01 Course Overview [1mins]
02 Creating Builds with Webpack [35mins]
02-01 Introduction [6mins]
02-02 Creating a Simple Build [4mins]
02-03 Using the Webpack CLI [5mins]
02-04 Configuring Webpack [6mins]
02-05 Adding Source Maps [2mins]
02-06 Using the Webpack Dev Server [7mins]
02-07 Building Multiple Files [4mins]
02-08 Summary [1mins]
03 Creating Production-ready Builds [25mins]
03-01 Introduction [1mins]
03-02 Production vs. Dev Builds [7mins]
03-03 Using Loaders [6mins]
03-04 Adding TypeScript [6mins]
03-05 Creating Multiple Bundles [4mins]
03-06 Summary [1mins]
04 Adding CSS to a Build [38mins]
04-01 Introduction [1mins]
04-02 What Are Plugins [1mins]
04-03 Creating Your HTML File with Webpack [6mins]
04-04 Cleaning out the Target Directory [1mins]
04-05 Live Reloading the Web Server [4mins]
04-06 Including CSS in Your Build [6mins]
04-07 Understanding the Style Loader Implementation [2mins]
04-08 Using SASS [5mins]
04-09 Creating a Separate CSS Bundle [4mins]
04-10 Using PostCSS and Autoprefixer [7mins]
04-11 Summary [1mins]
05 Adding Images and Fonts to a Build [29mins]
05-01 Introduction [1mins]
05-02 Adding Images to a Build- Copy Method [5mins]
05-03 Understanding Asset Modules [2mins]
05-04 Using Source Assets to Handle Raw Files [3mins]
05-05 Using Resource Assets to Include Images [5mins]
05-06 Parsing HTML in a Build [6mins]
05-07 Inlining Images [2mins]
05-08 Handling Images from CSS [2mins]
05-09 Mixing Inlining and Copying Assets [2mins]
05-10 Summary [1mins]
06 Using Webpack Tools [21mins]
06-01 Introduction [1mins]
06-02 Analyzing Your Bundles [3mins]
06-03 Using the Server Proxy [5mins]
06-04 Creating a Custom Loader [8mins]
06-05 Creating a Plugin [4mins]
06-06 Summary [0mins]
07 Webpack and Front End Frameworks [14mins]
07-01 Introduction [3mins]
07-02 Customizing Angular Builds [6mins]
07-03 Customizing React Builds [2mins]
07-04 Customizing Vue Builds [2mins]
07-05 Summary [1mins]
[فارسی]
01 نمای کلی دوره [1 دقیقه]
01-01 بررسی اجمالی دوره [1 دقیقه]
02 ایجاد ساختمان با Webpack [35 دقیقه]
02-01 مقدمه [6 دقیقه]
02-02 ایجاد یک ساخت ساده [4 دقیقه]
02-03 استفاده از Webpack CLI [5 دقیقه]
02-04 پیکربندی بسته وب [6 دقیقه]
02-05 افزودن نقشههای منبع [2 دقیقه]
02-06 استفاده از Webpack Dev Server [7 دقیقه]
02-07 ساخت چندین فایل [4 دقیقه]
02-08 خلاصه [1 دقیقه]
03 ایجاد ساختمانهای آماده تولید [25 دقیقه]
03-01 مقدمه [1 دقیقه]
03-02 تولید در مقابل سازندگان توسعه دهنده [7 دقیقه]
03-03 استفاده از لودرها [6 دقیقه]
03-04 افزودن TypeScript [6 دقیقه]
03-05 ایجاد بستههای چندگانه [4 دقیقه]
03-06 خلاصه [1 دقیقه]
04 افزودن CSS به بیلد [38 دقیقه]
04-01 مقدمه [1 دقیقه]
04-02 پلاگینها چیست؟ [1 دقیقه]
04-03 ایجاد فایل HTML با Webpack [6 دقیقه]
04-04 پاک کردن فهرست هدف [1 دقیقه]
04-05 بارگیری مجدد وب سرور [4 دقیقه]
04-06 شامل CSS در ساخت شما [6 دقیقه]
04-07 آشنایی با پیادهسازی Style Loader [2 دقیقه]
04-08 استفاده از SASS [5 دقیقه]
04-09 ایجاد یک بسته CSS مجزا [4 دقیقه]
04-10 استفاده از PostCSS و Autoprefixer [7 دقیقه]
04-11 خلاصه [1 دقیقه]
05 افزودن تصاویر و فونتها به یک ساختمان [29 دقیقه]
05-01 مقدمه [1 دقیقه]
05-02 افزودن تصاویر به ساخت- روش کپی [5 دقیقه]
05-03 درک ماژولهای دارایی [2 دقیقه]
05-04 استفاده از داراییهای منبع برای مدیریت فایلهای خام [3 دقیقه]
05-05 استفاده از منابع برای گنجاندن تصاویر [5 دقیقه]
05-06 تجزیه HTML در یک ساخت [6 دقیقه]
05-07 تصاویر درون خطی [2 دقیقه]
05-08 مدیریت تصاویر از CSS [2 دقیقه]
05-09 ترکیب Inlining و کپی کردن داراییها [2 دقیقه]
05-10 خلاصه [1 دقیقه]
06 استفاده از Webpack Tools [21 دقیقه]
06-01 مقدمه [1 دقیقه]
06-02 تجزیه و تحلیل بستههای شما [3 دقیقه]
06-03 استفاده از پروکسی سرور [5 دقیقه]
06-04 ایجاد یک لودر سفارشی [8 دقیقه]
06-05 ایجاد یک افزونه [4 دقیقه]
06-06 خلاصه [0 دقیقه]
07 Webpack و فریمورکهای Front End [14 دقیقه]
07-01 مقدمه [3 دقیقه]
07-02 سفارشیسازی سازههای زاویهای [6 دقیقه]
07-03 سفارشیسازی React Builds [2 دقیقه]
07-04 سفارشیسازی Vue Builds [2 دقیقه]
07-05 خلاصه [1 دقیقه]
جو عشق خود به برنامه نویسی را در Apple III در BASIC آغاز کرد. اگرچه زبان مورد علاقه او جاوا اسکریپت است، اما تقریباً با تمام زبانهای اصلی مایکروسافت به صورت حرفهای کار کرده است. او در حال حاضر مشاور و نویسنده تمام وقت Pluralsight است. جو همیشه علاقه زیادی به آموزش داشته است و بیش از ده سال به عنوان معلم فنی به صورت تمام وقت و پاره وقت کار کرده است. او یک وبلاگ نویس و سخنران مکرر، سازمان دهنده ng-conf، کنفرانس (AngularJS (www.ng-conf.org و یک پنل در پادکست جاوا اسکریپت Jabber (http://javascriptjabber.com/) است.