بسته بسته: آموزش کامل

Parcel Bundler: The Complete Tutorial

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: Parcel Bundler را از ابتدایی تا پیشرفته بیاموزید! از Parcel با React، Vue، jQuery، Bootstrap، Express، Babel استفاده کنید! سریع شروع کنید، بدون مقدمه طولانی و سر و صدا. ادغام با React، Vue، jQuery و Bootstrap. ویژگی های پیشرفته ای مانند Tree Shaking، Code Splitting و Lazy Loading را بیاموزید. کد تولید خود را کوچک و سریع بهینه کنید. فشرده سازی Gzip و Brotli را تنظیم کنید. از جدیدترین ویژگی های جاوا اسکریپت با Parcel و Babel 7 استفاده کنید.

هدف اصلی من کمک به شما در درک و تسلط بر بسته نرم افزار وب Parcel است. این دوره به طور خاص برای کسانی طراحی شده است که می خواهند بسته بسته بسته را از ابتدا یاد بگیرند یا دانش فعلی خود را در این موضوع بهبود بخشند. در حال حاضر این دوره Parcel v1 را پوشش می دهد.

در این دوره ما برنامه لیست کارهای کاملاً کاربردی را از ابتدا می سازیم. در طول مسیر ما ویژگی های مختلف Parcel را یاد می گیریم و در این برنامه اعمال می کنیم. ما از خیلی ابتدایی شروع می کنیم و سپس به تدریج به سمت موضوعات پیشرفته تر مانند لرزش درخت، تقسیم کد و بارگذاری تنبل می رویم. بخش بزرگی از این دوره به بهینه سازی برنامه های کاربردی شما در تولید اختصاص دارد. شما یاد خواهید گرفت که چگونه تصاویر بزرگ را بهینه کنید، CSS های استفاده نشده را حذف کنید، و بسته های به دست آمده خود را با gzip و brotli فشرده کنید.

ما همچنین ادغام‌های Parcel را با کتابخانه‌های محبوب جاوا اسکریپت مانند React، Vue، jQuery، Bootstrap و غیره پوشش خواهیم داد. هر درس بر روی درس‌های قبلی ساخته می‌شود، بنابراین دنبال کردن آن آسان است. بنابراین، پس از گذراندن این دوره قطعاً می توانید از Parcel در پروژه های خود استفاده کنید.

اگر در مورد بسته سوالی دارید، می توانید آنها را در بخش Q A ارسال کنید. بسیاری از افراد قبلاً پاسخ سؤالات خود را در آنجا پیدا کرده اند و من تمام تلاش خود را می کنم تا در مورد سؤالات شما نیز به شما کمک کنم.

P. S. ساخت اوکراین


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

معرفی Introduction

  • معرفی Introduction

  • آنچه شما برای این دوره نیاز دارید What You Need for This Course

معرفی Introduction

  • معرفی Introduction

  • آنچه شما برای این دوره نیاز دارید What You Need for This Course

راه اندازی اولیه و نصب بسته Initial Setup and Installing Parcel

  • برنامه را تنظیم کنید Set Up the Application

  • بسته را نصب کنید Install Parcel

  • بسته v2 Parcel v2

  • نگاهی به داخل فایل های تولید شده Looking Inside the Generated Files

راه اندازی اولیه و نصب بسته Initial Setup and Installing Parcel

  • برنامه را تنظیم کنید Set Up the Application

  • بسته را نصب کنید Install Parcel

  • بسته v2 Parcel v2

  • نگاهی به داخل فایل های تولید شده Looking Inside the Generated Files

دارایی در بسته Assets in Parcel

  • مقدمه ای بر دارایی ها Introduction to Assets

  • استفاده از LESS/SASS با Parcel Using LESS/SASS with Parcel

  • پیکربندی PostCSS Configuring PostCSS

  • نکته درباره PostCSS Note About PostCSS

  • ماژول های EcmaScript 6 EcmaScript 6 Modules

  • ادغام با جی کوئری Integration with jQuery

  • استفاده از آخرین ویژگی های جاوا اسکریپت با Babel Using Latest JavaScript Features with Babel

  • نحوه مدیریت تصاویر با بسته How To Handle Images with Parcel

  • ادغام با FontAwesome Integration with FontAwesome

دارایی در بسته Assets in Parcel

  • مقدمه ای بر دارایی ها Introduction to Assets

  • استفاده از LESS/SASS با Parcel Using LESS/SASS with Parcel

  • پیکربندی PostCSS Configuring PostCSS

  • نکته درباره PostCSS Note About PostCSS

  • ماژول های EcmaScript 6 EcmaScript 6 Modules

  • ادغام با جی کوئری Integration with jQuery

  • استفاده از آخرین ویژگی های جاوا اسکریپت با Babel Using Latest JavaScript Features with Babel

  • نحوه مدیریت تصاویر با بسته How To Handle Images with Parcel

  • ادغام با FontAwesome Integration with FontAwesome

ادغام با بوت استرپ Integration with Bootstrap

  • ادغام با بوت استرپ CSS Integration with Bootstrap. CSS

  • نکته درباره وارد کردن Bootstrap CSS Note About Importing Bootstrap CSS

  • ادغام با بوت استرپ جاوا اسکریپت Integration with Bootstrap. JavaScript

ادغام با بوت استرپ Integration with Bootstrap

  • ادغام با بوت استرپ CSS Integration with Bootstrap. CSS

  • نکته درباره وارد کردن Bootstrap CSS Note About Importing Bootstrap CSS

  • ادغام با بوت استرپ جاوا اسکریپت Integration with Bootstrap. JavaScript

ساختمان برای تولید Building for Production

  • چرا به حالت تولید نیاز داریم؟ Why Do We Need Production Mode

  • ساختمان برای تولید Building for Production

  • متغیر NODE_ENV NODE_ENV Variable

  • ذخیره مرورگر Browser Caching

  • چگونه پوشه Dist را تمیز کنیم How To Clean the Dist Folder

ساختمان برای تولید Building for Production

  • چرا به حالت تولید نیاز داریم؟ Why Do We Need Production Mode

  • ساختمان برای تولید Building for Production

  • متغیر NODE_ENV NODE_ENV Variable

  • ذخیره مرورگر Browser Caching

  • چگونه پوشه Dist را تمیز کنیم How To Clean the Dist Folder

بهینه سازی برای تولید Optimizing for Production

  • تکان دادن درخت. مثال ساده Tree Shaking. Simple Example

  • تکان دادن درخت. استفاده در برنامه ما Tree Shaking. Using in our Application

  • کوچک کردن تصاویر Minifying Images

  • حذف CSS استفاده نشده از کد تولید Removing Unused CSS from Production Code

  • فشرده سازی GZIP GZIP Compression

بهینه سازی برای تولید Optimizing for Production

  • تکان دادن درخت. مثال ساده Tree Shaking. Simple Example

  • تکان دادن درخت. استفاده در برنامه ما Tree Shaking. Using in our Application

  • کوچک کردن تصاویر Minifying Images

  • حذف CSS استفاده نشده از کد تولید Removing Unused CSS from Production Code

  • فشرده سازی GZIP GZIP Compression

ادغام با Express Framework Integration with Express Framework

  • معرفی Introduction

  • ادغام چارچوب Express در برنامه Integrating Express Framework Into the Application

  • ارائه HTML در Express Framework Serving HTML in Express Framework

  • ارائه فایل های استاتیک در فریم ورک Express Serving Static Files in Express Framework

  • فشرده سازی GZIP را در فریم ورک Express فعال کنید Enable GZIP Compression in Express Framework

ادغام با Express Framework Integration with Express Framework

  • معرفی Introduction

  • ادغام چارچوب Express در برنامه Integrating Express Framework Into the Application

  • ارائه HTML در Express Framework Serving HTML in Express Framework

  • ارائه فایل های استاتیک در فریم ورک Express Serving Static Files in Express Framework

  • فشرده سازی GZIP را در فریم ورک Express فعال کنید Enable GZIP Compression in Express Framework

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

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

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

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

ادغام با React Integration with React

  • ادغام با React Integration with React

ادغام با React Integration with React

  • ادغام با React Integration with React

ادغام با Vue Integration with Vue

  • ادغام با Vue Integration with Vue

ادغام با Vue Integration with Vue

  • ادغام با Vue Integration with Vue

خلاصه Summary

  • خلاصه Summary

  • سخنرانی پاداش: دوره های دیگر با تخفیف Bonus Lecture: Other Courses with Discounts

خلاصه Summary

  • خلاصه Summary

  • سخنرانی پاداش: دوره های دیگر با تخفیف Bonus Lecture: Other Courses with Discounts

نمایش نظرات

بسته بسته: آموزش کامل
جزییات دوره
3 hours
38
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
3,605
4.7 از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Viktor Pyskunov Viktor Pyskunov

توسعه دهنده ارشد نرم افزار