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