آموزش Qwik برای مبتدیان

Qwik For Beginners

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: مقدمه ای عمیق به چارچوب Qwik - تصمیم بگیرید که آیا Qwik برای شما مناسب است یا خیر! اجزای Qwik و ترکیب اجزاء درک جزئیات نحوه عملکرد Qwil در زیر سرپوش Qwik ذخیره می‌کند و سیستم تشخیص تغییر Qwik Qwik HTTP (سناریوهای قابل ازسرگیری و غیرقابل ازسرگیری) ویژگی‌های ورودی و کنترل‌کننده‌های رویداد سبک‌سازی اجزای Qwik - سبک‌های محدوده‌دار و بدون محدوده وظایف رایج: رندر شرطی، رندر کردن لیست عناصر پیش نیازها: دانش قبلی جاوا اسکریپت مورد نیاز است. دانش قبلی از فریمورک های دیگر مانند Angular یا React لازم نیست. دانش قبلی Typescript لازم نیست

این دوره مقدمه ای عمیق بر چارچوب Qwik است. همراه با مخزن Github در حال اجرا است.

این دوره به طور خلاصه

Qwik یک چارچوب وب است که توسط همان سازنده Angular و AngularJs ایجاد شده است و به توسعه دهندگان این امکان را می دهد که برنامه های وب پرسرعت ایجاد کنند.

Qwik از نظر تجربه توسعه‌دهنده‌اش بسیار شبیه به react است، به دلیل استفاده از JSX و همچنین به این دلیل که بسیاری از Qwik API نام‌های مشابه React دارند.

اما زیر کاپوت، موتور کاملاً متفاوت و بسیار قدرتمندتری دارد.

Qwik رندر سمت سرور را بدون هیچ گونه پیکربندی اضافی خاصی به ما ارائه می دهد. اما علاوه بر آن، Qwik اولین فریم ورک برنامه قابل ازسرگیری است، که در آن می‌توانیم برنامه‌های رندر شده در سمت سرور ایجاد کنیم که وضعیت خود را به طور خودکار به مشتری منتقل می‌کنند و پس از رندر اولیه روی سرور، اجرای خود را در مرورگر از سر می‌گیرند.

Qwik با مکانیزم بارگذاری تنبلی بسیار نوآورانه ارائه می‌شود، که در آن بارگذاری تنبل به‌طور خودکار توسط چارچوب و به روشی شفاف برای ما انجام می‌شود.

ما به عنوان توسعه‌دهندگان دیگر نیازی به نگرانی در مورد رندر سمت سرور نداریم، Qwik این کار را برای ما انجام خواهد داد.

همچنین، Qwik دارای یک مکانیسم کاملاً جدید تشخیص تغییر واکنشی است که مبتنی بر پروکسی های جاوا اسکریپت است. این تشخیص تغییر تمام عملکرد یک سیستم تشخیص تغییر سبک "در حالت فشار" را دارد، بدون هیچ یک از اشکالات استفاده از کتابخانه‌های تغییرناپذیری.


نمای کلی دوره

در این دوره، شما می‌خواهید مقدمه‌ای با اصول چارچوب Qwik داشته باشید، که با اجزا و ترکیب اجزا شروع می‌شود. ما می‌خواهیم عبارات الگو، ویژگی‌های ورودی، کنترل‌کننده‌های رویداد و نحوه ارسال توابع پاسخ به تماس را به یک مؤلفه پوشش دهیم.

همچنین با جزئیات نحوه عملکرد Qwik در زیر کاپوت را خواهید آموخت. شما می خواهید مکانیزم بارگذاری تنبل Qwik را به طور مفصل یاد بگیرید، و همچنین مفهوم QRL ها را پوشش خواهیم داد.

سپس نحوه انجام برخی از وظایف مبتنی بر JSX مانند رندر شرطی یا ارائه فهرستی از موارد را توضیح خواهیم داد.

سپس ما همه چیزهایی را که باید در مورد استایل کامپوننت بدانید، شامل سبک‌های کامپوننت محدوده‌دار و بدون محدوده، و نحوه اضافه کردن کلاس‌ها یا سبک‌های CSS به صورت مشروط به یک عنصر الگو را پوشش می‌دهیم.

سپس ما یک بخش کامل در فروشگاه‌های Qwik خواهیم داشت و تصویر کاملی از نحوه مدیریت داده‌های برنامه در Qwik با استفاده از useStore و useContext API دریافت می‌کنیم.

ما همچنین یک بخش کامل در مورد Qwik HTTP و useResource API خواهیم داشت که در آن با چند سناریو HTTP رایج در Qwik آشنا می‌شویم: HTTP قابل ازسرگیری و HTTP غیرقابل بازگشت.


فهرست مطالب

این دوره به موضوعات زیر می پردازد:

  • اجزای Qwik و ترکیب اجزا

  • ویژگی های ورودی و کنترل کننده رویداد

  • Qwik در زیر کاپوت و QRLها

  • بارگیری تنبل Qwik

  • کارهای رایج JSX: رندر شرطی، رندر فهرست

  • استایل دادن به اجزای Qwik، سبک های شرطی

  • فروشگاه‌های Qwik، تشخیص تغییرات Qwik و useContext API

  • Qwik HTTP (سناریوهای قابل ازسرگیری و غیرقابل ادامه)

در این دوره چه چیزی یاد خواهید گرفت؟

تمرکز این دوره بر روی پوشش نان و کره Qwik است، به طوری که شما می توانید بلافاصله با چارچوب شروع به بهره وری کنید.

ما فقط بر روی 20 درصد از ویژگی‌هایی تمرکز می‌کنیم که در 95 درصد مواقع از آنها استفاده می‌کنید، تا بتوانید به سرعت شروع به ایجاد مؤلفه‌ها و برنامه‌های کاربردی خود کنید.

دروس رایگان دوره را در زیر نگاه کنید و لطفاً از دوره لذت ببرید!


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

معرفی Introduction

  • Qwik برای مبتدیان: نمای هلیکوپتر Qwik For Beginners: Helicopter View

  • مهم: از اینجا شروع کنید IMPORTANT: START HERE

  • محیط توسعه را نصب کنید Install the Development Environment

  • کد درس ها را نصب کنید Install The Lessons Code

اصول مؤلفه Qwik Qwik Component Fundamentals

  • اولین مؤلفه Qwik شما: سلام جهان Your First Qwik Component: Hello World

  • آشنایی با رندر سمت سرور Qwik Understanding Qwik Server-Side Rendering

  • ترکیب کامپوننت و اجزای درون خطی Component Composition and Inline Components

  • درک عبارات قالب اجزای Qwik Understanding Qwik Component Template Expressions

  • ویژگی های ورودی جزء Qwik Qwik Component Input Properties

  • کنترل کننده رویداد Qwik Qwik Event Handlers

Qwik - به دنبال زیر سرپوش Qwik - Looking Under The Hood

  • Qwik چگونه کار می کند؟ درک Qwik Lazy Loading How does Qwik Work? Understanding Qwik Lazy Loading

  • درک QRLها (URLهای Qwik) Understanding QRLs (Qwik URLs)

چگونه اجزای Qwik را توسعه دهیم - وظایف مشترک How To Develop Qwik Components - Common Tasks

  • نحوه انتقال عملکرد مدیریت رویداد برگشت به تماس به کامپوننت Qwik How To Pass a Callback Event Handling Function To a Qwik Component

  • رندر شرطی Qwik - نحوه نمایش یا پنهان کردن یک مؤلفه در Qwik Qwik Conditional Rendering - How To Show Or Hide a Component In Qwik

  • نحوه ارائه لیستی از عناصر در Qwik How To Render a List Of Elements In Qwik

نحوه استایل دادن به اجزای Qwik How To Style Qwik Components

  • وارد کردن سبک های کامپوننت با useStyles Importing Component Styles with useStyles

  • درک تفاوت بین useStyles و useStylesScoped Understanding The Difference Between useStyles and useStylesScoped

  • اضافه کردن مشروط کلاس های CSS در Qwik Conditionally Adding CSS Classes In Qwik

  • اعمال مشروط ویژگی های سبک در Qwik Conditionally Applying Style Properties In Qwik

Qwik Stores و Qwik Reactivity Qwik Stores and Qwik Reactivity

  • معرفی فروشگاه های Qwik Introduction To Qwik Stores

  • ایجاد اولین فروشگاه Qwik با useStore، درک واکنش Qwik Creating Our First Qwik Store With useStore, understanding Qwik Reactivity

  • دسترسی آسان به فروشگاه ها با زمینه های Qwik Accessing Stores Easily With Qwik Contexts

HTTP قابل ازسرگیری و غیرقابل ازسرگیری در Qwik Resumable and Non-Resumable HTTP In Qwik

  • HTTP در Qwik - مقدمه بخش HTTP In Qwik - Section Introduction

  • سناریوی HTTP غیرقابل احیای Qwik - بارگیری داده ها با یک کنترل کننده کلیک Qwik Non-Resumable HTTP Scenario - Load Data With a Click Handler

  • درک سناریوهای HTTP قابل Resumable در Qwik Understanding Resumable HTTP Scenarios In Qwik

  • درک نحوه کار قلاب ها در Qwik Understanding How Hooks Work In Qwik

  • نحوه استفاده از Qwik useResource$ API How To Use The Qwik useResource$ API

  • نحوه استفاده از مؤلفه <منبع/> Qwik How To Use The Qwik <Resource /> Component

  • راه‌اندازی درخواست‌های HTTP با تابع track useResource$ Triggering HTTP Requests With the useResource$ Track Function

نتیجه Conclusion

  • Qwik برای مبتدیان - نتیجه گیری و نکات کلیدی Qwik For Beginners - Conclusions and Key Takeaways

  • سخنرانی پاداش Bonus Lecture

نمایش نظرات

آموزش Qwik برای مبتدیان
جزییات دوره
3.5 hours
31
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
336
4.5 از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Angular University Angular University

پرفروش ترین دوره های انگولار | بیش از 100 هزار دانش آموز | 16 دوره