تسلط بر وب‌پک (Webpack) - باندل، بهینه‌سازی و مقیاس‌بندی وب‌سایت‌ها [آموزشی] - آخرین آپدیت

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

مقدمه Introduction

• پیش‌نمایش مقدمه IntroductionPreview

• سلام دنیا (Hello World) Hello World!

مبانی وب‌پک Webpack Basics

• پیش‌نمایش لودرها LoadersPreview

• پلاگین‌ها در وب‌پک Plugins in Webpack

• حالت‌های توسعه در مقابل تولید (Mode) Mode (Development vs Production)

بررسی عمیق Loaderهای وب‌پک Webpack Loaders Deep Dive

• ترنسپایل جاوااسکریپت با Babel Loader Transpiling JavaScript with Babel Loader

• لودرهای CSS و استایل CSS and Style Loaders

• مدیریت دارایی‌ها با File Loader و URL Loader Managing Assets with File Loader and URL Loader

پلاگین‌های وب‌پک Webpack Plugins

• پاک‌سازی خودکار با CleanWebpackPlugin Automatic Cleanup using CleanWebpackPlugin

• استخراج مجزای CSS با MiniCssExtractPlugin Extracting CSS Separately using MiniCssExtractPlugin

• تجسم باندل‌ها با BundleAnalyzerPlugin Visualizing Bundles with BundleAnalyzerPlugin

مفاهیم پیشرفته وب‌پک Advanced Webpack Concepts

• تقسیم کد (Code Splitting) و بارگذاری تنبل (Lazy Loading) Code Splitting and Lazy Loading

• حذف کدهای بلااستفاده (Tree Shaking) Tree Shaking

• سرور توسعه وب‌پک (Webpack Dev Server) Webpack Dev Server

وب‌پک و فریم‌ورک‌های مدرن جاوااسکریپت Webpack and Modern JavaScript Frameworks

• استفاده از وب‌پک با React Using Webpack with React

• ادغام وب‌پک و TypeScript Webpack and TypeScript Integration

پروژه نهایی: داشبورد هواشناسی Capstone Project - Weather Dashboard

• پیش‌نمایش کلیه پروژه Project OverviewPreview

• راه‌اندازی پروژه Project Setup

• پیکربندی وب‌پک Configuring Webpack

• پیاده‌سازی رابط کاربری (UI) Implementing the UI

• دریافت و ذخیره‌سازی کلید API Retrieving and Storing the API Key

• اتصال به APIهای OpenWeatherMap Calling OpenWeatherMap APIs

• نمایش اطلاعات هواشناسی Displaying the Weather Information

• بارگذاری تنبل داده‌های پیش‌بینی هواشناسی Lazy Loading the Forecast Data