آموزش Webpack 2: The Complete Developer's Guide

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

نحوه استفاده از این دوره How to Use This Course

• از اینجا شروع کنید! Start Here!

• منابع دوره Course Resources

• به انجمن ما بپیوندید! Join Our Community!

نحوه استفاده از این دوره How to Use This Course

• از اینجا شروع کنید! Start Here!

• منابع دوره Course Resources

• به انجمن ما بپیوندید! Join Our Community!

Webpack چه کاری انجام می دهد؟ What Does Webpack Do?

• چرا از ابزارهای ساخت استفاده می کنیم؟ Why Do We Use Build Tools?

• ماژول های جاوا اسکریپت Javascript Modules

• هدف Webpack The Purpose of Webpack

• درک خود را آزمایش کنید Test Your Understanding

• بسته وب در عمل Webpack in Action

• نحو ماژول جاوا اسکریپت Javascript Module Syntax

• پیوند دادن فایل ها با CommonJS Linking Files with CommonJS

• نصب و پیکربندی Webpack Webpack Installation and Configuration

• اطلاعات بیشتر در مورد پیکربندی Webpack More on Webpack Configuration

• در حال اجرا وب پک Running Webpack

• فایل Bundle.js The Bundle.js File

• اجرای برنامه Running the App

Webpack چه کاری انجام می دهد؟ What Does Webpack Do?

• چرا از ابزارهای ساخت استفاده می کنیم؟ Why Do We Use Build Tools?

• ماژول های جاوا اسکریپت Javascript Modules

• هدف Webpack The Purpose of Webpack

• درک خود را آزمایش کنید Test Your Understanding

• بسته وب در عمل Webpack in Action

• نحو ماژول جاوا اسکریپت Javascript Module Syntax

• پیوند دادن فایل ها با CommonJS Linking Files with CommonJS

• نصب و پیکربندی Webpack Webpack Installation and Configuration

• اطلاعات بیشتر در مورد پیکربندی Webpack More on Webpack Configuration

• در حال اجرا وب پک Running Webpack

• فایل Bundle.js The Bundle.js File

• اجرای برنامه Running the App

رسیدگی به دارایی های پروژه Handling Project Assets

• آشنایی با لودرها Introduction to Loaders

• راه اندازی Babel برای ES2015 Babel Setup for ES2015

• پیکربندی بابل Babel Configuration

• Refactor به ماژول های ES2015 Refactor to ES2015 Modules

• مدیریت CSS با Webpack Handling CSS with Webpack

• لودرهای سبک و CSS The Style and CSS Loaders

• لودرها مشکل هستند! Loaders are Tricky!

• افزونه Extract Text The Extract Text Plugin

• مدیریت تصاویر با Webpack Handling Images with Webpack

• فشرده سازی خودکار تصویر Automatic Image Compression

• مسیرهای عمومی Public Paths

رسیدگی به دارایی های پروژه Handling Project Assets

• آشنایی با لودرها Introduction to Loaders

• راه اندازی Babel برای ES2015 Babel Setup for ES2015

• پیکربندی بابل Babel Configuration

• Refactor به ماژول های ES2015 Refactor to ES2015 Modules

• مدیریت CSS با Webpack Handling CSS with Webpack

• لودرهای سبک و CSS The Style and CSS Loaders

• لودرها مشکل هستند! Loaders are Tricky!

• افزونه Extract Text The Extract Text Plugin

• مدیریت تصاویر با Webpack Handling Images with Webpack

• فشرده سازی خودکار تصویر Automatic Image Compression

• مسیرهای عمومی Public Paths

ساختمان برای عملکرد با Webpack Building for Performance with Webpack

• مقدمه ای بر تقسیم کد Introduction to Code Splitting

• تقسیم کد در عمل Codesplitting in Practice

• در حال بارگیری کد بر اساس تقاضا On Demand Code Loading

• تماس های واردات سیستم System Import Calls

ساختمان برای عملکرد با Webpack Building for Performance with Webpack

• مقدمه ای بر تقسیم کد Introduction to Code Splitting

• تقسیم کد در عمل Codesplitting in Practice

• در حال بارگیری کد بر اساس تقاضا On Demand Code Loading

• تماس های واردات سیستم System Import Calls

استفاده از Webpack در یک پروژه واقعی Applying Webpack to a Real Project

• پروژه دنیای واقعی A Real World Project

• راه اندازی Babel Setting Up Babel

• حداقل پیکربندی بسته وب Minimum Webpack Config

• ذخیره دارایی فروشنده Vendor Asset Caching

• اطلاعات بیشتر در مورد ذخیره سازی فروشنده More on Vendor Caching

• Refactoring برای تقسیم فروشنده Refactoring for Vendor Splitting

• اثر تقسیم کد Effect of Code Splitting

• عیب یابی بسته های فروشنده Troubleshooting Vendor Bundles

• هش کردن تکه برای شکستن حافظه پنهان Chunk Hashing for Cache Busting

• جمع بندی مخرب مخرب Cache Busting Wrapup

• تمیز کردن فایل های پروژه Cleaning Project Files

استفاده از Webpack در یک پروژه واقعی Applying Webpack to a Real Project

• پروژه دنیای واقعی A Real World Project

• راه اندازی Babel Setting Up Babel

• حداقل پیکربندی بسته وب Minimum Webpack Config

• ذخیره دارایی فروشنده Vendor Asset Caching

• اطلاعات بیشتر در مورد ذخیره سازی فروشنده More on Vendor Caching

• Refactoring برای تقسیم فروشنده Refactoring for Vendor Splitting

• اثر تقسیم کد Effect of Code Splitting

• عیب یابی بسته های فروشنده Troubleshooting Vendor Bundles

• هش کردن تکه برای شکستن حافظه پنهان Chunk Hashing for Cache Busting

• جمع بندی مخرب مخرب Cache Busting Wrapup

• تمیز کردن فایل های پروژه Cleaning Project Files

سرور توسعه دهنده Webpack Webpack Dev Server

• مقدمه ای بر Webpack Dev Server Introduction to Webpack Dev Server

• Gotchas با Webpack Dev Server Gotchas with Webpack Dev Server

سرور توسعه دهنده Webpack Webpack Dev Server

• مقدمه ای بر Webpack Dev Server Introduction to Webpack Dev Server

• Gotchas با Webpack Dev Server Gotchas with Webpack Dev Server

موضوعات خاص React React-Specific Topics

• React Router با Codesplitting React Router with Codesplitting

• مسیرهای ساده با React Router Codesplitting Plain Routes with React Router Codesplitting

موضوعات خاص React React-Specific Topics

• React Router با Codesplitting React Router with Codesplitting

• مسیرهای ساده با React Router Codesplitting Plain Routes with React Router Codesplitting

استقرار مبتنی بر وب پک برای سایت های استاتیک Webpack-Based Deployment for Static Sites

• گزینه های استقرار Deployment Options

• آماده سازی تولید Getting Production Ready

• استقرار با Surge (ساده ترین!) Deployment with Surge (Easiest!)

• استقرار با صفحات Github Deployment with Github Pages

• استقرار با AWS S3 Deployment with AWS S3

استقرار مبتنی بر وب پک برای سایت های استاتیک Webpack-Based Deployment for Static Sites

• گزینه های استقرار Deployment Options

• آماده سازی تولید Getting Production Ready

• استقرار با Surge (ساده ترین!) Deployment with Surge (Easiest!)

• استقرار با صفحات Github Deployment with Github Pages

• استقرار با AWS S3 Deployment with AWS S3

استقرار مبتنی بر وب پک برای سایت های پویا Webpack-Based Deployment for Dynamic Sites

• استقرار سرورها Deployment of Servers

• یکپارچه سازی Node و Webpack Node and Webpack Integration

• Webpack Middleware در حال توسعه Webpack Middleware in Development

• Webpack Middleware در حال تولید Webpack Middleware in Production

• اعزام به هروکو Deployment to Heroku

• استقرار در AWS Deployment to AWS

• اطلاعات بیشتر در مورد استقرار AWS More on AWS Deployment

استقرار مبتنی بر وب پک برای سایت های پویا Webpack-Based Deployment for Dynamic Sites

• استقرار سرورها Deployment of Servers

• یکپارچه سازی Node و Webpack Node and Webpack Integration

• Webpack Middleware در حال توسعه Webpack Middleware in Development

• Webpack Middleware در حال تولید Webpack Middleware in Production

• اعزام به هروکو Deployment to Heroku

• استقرار در AWS Deployment to AWS

• اطلاعات بیشتر در مورد استقرار AWS More on AWS Deployment

موارد اضافی Extras

• جایزه! Bonus!

موارد اضافی Extras

• جایزه! Bonus!