تسلط به Webpack - بستهبندی، بهینهسازی و مقیاسبندی وب سایتها
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- یادگیری Webpack از مبانی تا پیشرفته و آمادگی برای استفاده در واقعیت
- درک لودرها و پلاگینهای Webpack
- آشنایی با ترنسپایل کردن جاوا اسکریپت با Babel
- درک تقسیم کد و بارگذاری Lazy با Webpack
- یادگیری و درک اینکه Tree Shaking در Webpack چیست.
- یاد بگیرید چگونه از سرور توسعه Webpack استفاده کنید.
- یاد بگیرید چگونه ریاکت و تایپاسکریپت را با Webpack یکپارچهسازی کنید.
پیشنیازهای دوره
دانش اولیه توسعه وب
توضیحات دوره
آیا میخواهید توسعهدهنده وب کامل شوید؟ در این صورت، مسلط شدن به Webpack یک ضرورت است و این دوره برای شما مناسب است.
در این دوره، از یک مبتدی به یک متخصص Webpack تبدیل خواهید شد. چه در حال ساخت اپلیکیشنهای ریاکت، پروژههای تایپاسکریپت باشید یا صرفاً به دنبال تحویل سریعتر و بهینهتر جاوا اسکریپت داشته باشید، این دوره همه چیز را پوشش میدهد.
آنچه یاد خواهید گرفت:
- Webpack چیست و چرا در توسعه مدرن ضروری است.
- چگونه از لودرها برای مدیریت جاوا اسکریپت، سی اس اس، تصاویر و غیره استفاده کنیم؟
- کار با پلاگینها مانند MiniCssExtractPlugin ،CleanWebpackPlugin و BundleAnalyzerPlugin
- تفاوت بین حالتهای توسعه و تولید را درک کنید.
- ویژگیهای پیشرفته مانند تقسیم کد، بارگذاری Lazy و Tree Shaking
- راهاندازی یک سرور توسعه Webpack کامل برای هات ریلودینگ با Hot Module Replacement
- یکپارچهسازی Webpack با ریاکت و تایپاسکریپت
- یک پروژه capstone عملی: ساخت داشبورد آبوهوا با APIها، Webpack و کامپوننتهای ماژولار
- (اختیاری) یادآوری کامل جاوا اسکریپت برای تقویت اصول
تا پایان این دوره، قادر به انجام موارد زیر خواهید بود:
- پیکربندی و سفارشیسازی Webpack از اول
- ساخت پروژههای فرانتاند با عملکرد بالا و قابل نگهداری
- کد خود را مانند یک فرد حرفهای بستهبندی، ترنسپایل و بهینهسازی کنید.
- یکپارچهسازی بینقص Webpack در اپلیکیشنهای ریاکت و تایپاسکریپت واقعی
- اشکالزدایی و تحلیل بیلدها برای ناب و سریع نگه داشتن اپلیکیشنها
این دوره مناسب توسعهدهندگان جاوا اسکریپت، ریاکت و مهندسان فرانتاند است که میخواهند مهارتهای ابزارهای خود را ارتقاء دهند و در جریان گردش کارهای وب مدرن بمانند.
امروز در این دوره شرکت کنید و شروع به ساختن سریعتر، هوشمندانهتر کنید و در دنیای وب برجسته شوید!
این دوره برای چه کسانی مناسب است؟
توسعهدهندگان وب که میخواهند به سطح بعدی برسند و به Webpack برای بستهبندی و بهینهسازی وب اپلیکیشنها مسلط شوند.
تسلط به Webpack - بستهبندی، بهینهسازی و مقیاسبندی وب سایتها
-
مقدمه 02:13
-
Hello World! 09:45
-
لودرها 07:10
-
پلاگینها در Webpack 04:59
-
حالت (توسعه در مقابل تولید) 07:09
-
مبانی None
-
ترنسپایل کردن جاوا اسکریپت با لودر Babel 11:32
-
لودرهای سی اس اس و استایل 07:16
-
مدیریت داراییها با لودر فایل و لودر URL 12:40
-
لودرها None
-
پاکسازی خودکار با CleanWebpackPlugin 07:08
-
استخراج جداگانه سی اس اس با MiniCssExtractPlugin 05:30
-
مصورسازی باندلها با BundleAnalyzerPlugin 04:46
-
پلاگینها None
-
تقسیم کد و بارگذاری Lazy 05:42
-
Tree Shaking 03:56
-
سرور توسعه Webpack 05:00
-
موضوعات پیشرفته None
-
استفاده از Webpack با ریاکت 22:15
-
یکپارچهسازی Webpack با تایپاسکریپت 12:44
-
یکپارچهسازی با فریمورکهای جاوا اسکریپت None
-
بررسی پروژه 00:47
-
راهاندازی پروژه 03:24
-
پیکربندی Webpack 05:02
-
پیادهسازی رابط کاربری 07:40
-
بازیابی و ذخیره کلید API 03:29
-
فراخوانی با OpenWeatherMap APIها 03:54
-
نمایش اطلاعات آبوهوا 17:09
-
بارگذاری Lazy داده پیشبینی 19:53
-
متغیرها 06:05
-
تبدیل به عدد 02:55
-
توابع 08:57
-
ارسال آرگومانها 03:36
-
تاریخ 03:32
-
آرایهها 05:18
-
عملگرهای تساوی 02:23
-
دستورات while ،if و do-while 06:12
-
حلقههای for 05:39
-
دستکاری DOM 15:42
مشخصات آموزش
تسلط به Webpack - بستهبندی، بهینهسازی و مقیاسبندی وب سایتها
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:همه سطوح
- تعداد درس:39
- مدت زمان :04:11:48
- حجم :1.7GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy