لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
بسته بسته: آموزش کامل
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
نمایش نظرات