آموزش تایپ اسکریپت با کلاس های React - شروع سریع - تست Jest

Typescript with React classes - quick start - Jest testing

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: با استفاده از تایپ اسکریپت با React سریعاً روی هم قرار دهید و برنامه های عالی بسازید! اینجا متوقف نشوید و با جست تست های عالی بنویسید! ادغام Typescript با برنامه‌های React React props and state با استفاده از رابط‌های Typescript ساختن یک برنامه کوچک با Typescript React Router و تاریخچه رندر شرطی واکنش نشان می‌دهد. تعامل با کاربر و تست کد async پیش نیازها: درک پایه تایپ اسکریپت پایه NodeJS و npm استفاده اولیه از VSCode و ترمینال Nice to have: React و Jest درک اولیه

این دوره از کلاس های واکنش با PROPS و STATE استفاده می کند.

تایپ اسکریپت روز به روز محبوب تر می شود! و چارچوب محبوب React آن را پذیرفته است! اما اغلب ساختن آنها با هم کار دشواری است. در اینجا از اولین تلاش کار خواهد کرد.

React به معنای اقدام در پاسخ به چیزی است. به روشی خاص پاسخ دهید این راهی است که باعث می‌شوید رابط کاربری شما رفتار کند.

در این دوره کوتاه می آموزید که چگونه می توانید با ساختن یک پروژه کوچک از آنها استفاده کنید:

  • نحوه استفاده از رابط های Typescript و ویژگی ها و وضعیت React را بیاموزید

  • با نحوه پیکربندی اجزای React به عنوان والدین یا فرزند آشنا شوید

  • با انتقال داده ها بین اجزاء آشنا شوید

  • فرآیند رندر React را درک کنید

  • از کلاس‌های Typescript و وراثت برای قوی‌تر کردن کد React استفاده کنید

  • با نحوه ارائه جداول React با داده های ناهمگام آشنا شوید.

  • با نحوه مدیریت رویدادها و ساخت انواع رویدادهای خود با Typescript

    آشنا شوید
  • درباره رندر شرطی React

    بیاموزید

در قسمت دوم دوره یاد خواهید گرفت که چگونه برنامه خود را با Jest آزمایش کنید:

  • راه اندازی آزمایش جست

  • درباره پوشش شوخی بیاموزید

  • با کتابخانه تست React تست کنید

  • تکنیک های پیشرفته تست شوخی

ساختار دوره:

  • تنظیم اولیه با برنامه Create React

  • ارائه گسترده در مورد نحوه استفاده از اجزا

  • ویژگی‌های برنامه مانند فرم‌های React، نوار ناوبری، روتر، تاریخچه را بسازید

با ابزارهای زیر تمرین کنید:

  • NodeJs

  • دستورات NPM و NPM

  • کد ویژوال استودیو

  • شوخی

مزایای دوره:

  • کوتاه و مختصر: وقت شما ارزشمند است

  • مدرس فعال آگاه و برنامه نویس

  • فونت بزرگ، پس زمینه تیره

  • کد GitHub متفاوت است

در پایان دوره شما آماده خواهید بود که از این دو فناوری عالی با هم استفاده کنید و آنها را با Jest آزمایش کنید!

آیا آماده استفاده از Typescript در کنار React هستید؟ ویرایشگر Typescript خود را آماده کنید و برنامه بعدی خود را با زبان و چارچوب مورد علاقه خود کدنویسی کنید!

اکنون ثبت نام کنید!


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

معرفی Introduction

  • نمای کلی دوره Course overview

  • ابزارهایی که به آنها نیاز خواهیم داشت Tools we will need

مراحل اول با React و Typescript First steps with React and Typescript

  • معرفی بخش Section intro

  • برنامه react و git بسازید Create react app and git

  • ساختار اولیه پروژه Initial project structure

  • درک وضعیت و وسایل، کودک و والدین Understanding state and props, child and parent

  • اجزای کلاس Class components

  • اجزای کودک Child components

  • رسیدگی به رویدادها Handling events

  • رندر مشروط Conditional rendering

ویژگی های پروژه پیشرفته Advanced project features

  • معرفی بخش Section intro

  • داده ها از مؤلفه فرزند به مؤلفه والد Data from child component to parent component

  • مسیریابی قسمت 1: نوار ناوبری Routing part 1: Navbar

  • مسیریابی قسمت 2: روتر و تاریخچه Routing part 2: Router and history

  • css کوچک Small css

  • وضعیت درخواست State of the application

  • ارائه جدول ناهمگام: راه اندازی Rendering async table: setup

  • ارائه جدول ناهمگام: افزودن ردیف Rendering async table: adding rows

گسترش عملکرد برنامه Extendig app functionality

  • معرفی بخش Section intro

  • مولفه فضایی و سرویس داده Space component and data service

  • جزء فضاها Spaces component

  • فضاهای مسیریابی و استیلینگ Routing and Stiling spaces

  • جزء مودال Modal component

  • حالت نمایش Display modal

معرفی تست واکنش React testing introduction

  • معرفی بخش Section intro

  • ارائه تست واحد فانتزی Fancy unit testing presentation

  • مراقب اشکالات باشید Beware the bugs

  • تست راه اندازی با Jest Testing setup with Jest

  • تست قلاب و ماک Test hooks and mocks

  • پرس و جوها و ادعاهای اساسی Basic queries and assertions

  • پوشش تست Test coverage

  • تست تعامل کاربر Testing user interaction

  • خدمات تمسخر آمیز Mocking services

  • تست های اشکال زدایی Debugging tests

تست پیشرفته React Typescript Advanced React Typescript testing

  • معرفی بخش Section intro

  • تست لینک ها Testing links

  • پرس و جوهای تست داده ها Data test queries

  • نقشه‌بردار نام ماژول‌ها Module names mapper

  • تست چندین سوئیت Testing Multiple Suites

  • تست های پایانی Finishing tests

ضمیمه Appendix

  • معرفی بخش Section intro

  • معرفی بخش Section intro

  • تست عکس فوری Snapshot testing

  • راه اندازی پروژه از ابتدا Project setup from scratch

  • محیط توسعه Development environment

نتیجه گیری Conclussion

  • رزومه دوره و کلمات پایانی Course resume and closing words

  • جایزه Bonus

نمایش نظرات

Udemy (یودمی)

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

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

آموزش تایپ اسکریپت با کلاس های React - شروع سریع - تست Jest
جزییات دوره
4.5 hours
46
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
76,289
4.6 از 5
دارد
دارد
دارد
Alex Horea
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Alex Horea Alex Horea

وب و ابر توسعه دهندگان! من الکس هستم و خوشحالم که با شما ملاقات می کنم! من مدرک کارشناسی ارشد در فن آوری های اینترنتی دارم و من یک وب سایت علاقه مندان و توسعه دهنده ابر هستم. در سال های گذشته من طراحی و اجرای رابط کاربر و راه حل های ابر برای مشتریان مختلف از صنعت خودرو کار کردم. من به شدت بر این باور هستم که دانستن هرگز کافی نیست. دانش باید انجام شود، به همین دلیل است که من می خواهم آموزش خود را بر روی برنامه های بتنی، دنیای واقعی تمرکز کنم.