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

Parcel Bundler: The Complete Tutorial

در حال بارگزاری نمونه ویدیو، لطفا صبر کنید...
Video Player is loading.
Current Time 0:00
Duration 0:00
Loaded: 0%
Stream Type LIVE
Remaining Time 0:00
 
1x
    • Chapters
    • descriptions off, selected
    • subtitles off, selected
      نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
      نمونه ویدیوها:
      • در حال بارگزاری، لطفا صبر کنید...
      توضیحات دوره: 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

      نمایش نظرات

      نظری ارسال نشده است.

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

      Google Chrome Browser

      Internet Download Manager

      Pot Player

      Winrar

      Viktor Pyskunov Viktor Pyskunov

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