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

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

مقدمه Introduction

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

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

مبانی Webpack Webpack Basics

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

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

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

بررسی عمیق لودرهای Webpack 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 Webpack Plugins

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

• استخراج جداگانه CSS با MiniCssExtractPlugin Extracting CSS Separately using MiniCssExtractPlugin

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

مفاهیم پیشرفته Webpack 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

• استفاده از Webpack در React Using Webpack with React

• ادغام Webpack و TypeScript Webpack and TypeScript Integration

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

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

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

• پیکربندی Webpack 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