چالش‌های مبتدی ری‌اکت - ۲۵ تمرین رفع اشکال - آخرین آپدیت

دانلود React Beginner Challenges - 25 Debugging Exercises

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

هرگز با باگ‌ها گیر نکنید!

رفع اشکال ری اکت (React)، ردکاس (Redux)، متریال یو آی (Material-UI)، ری اکت سلکت (React-Select) و موارد دیگر را در ۲۵ سناریو یاد بگیرید!

هر باگ ری اکت خود را با ۵ مرحله ساده حل کنید.

نحوه کار کد را بدون نیاز به تخصص درک کنید.

ابزارهای ضروری برای توسعه‌دهندگان جاوا اسکریپت را بیاموزید.

با کتابخانه‌های متن باز مانند ردکاس و متریال یو آی آشنا شوید.

با ۲۵ تمرین رفع اشکال ری اکت از مبتدی تا پیشرفته تمرین کنید.

با تمرین‌های کدنویسی که نیاز به نصب ندارند، با سرعت دلخواه خود پیش بروید.

منبع کد را با Chrome DevTools بیابید و رفع کنید.

درخواست‌های شبکه را عیب‌یابی کنید.

باگ‌های عجیب یا ناآشنا را سریع و بدون دردسر برطرف کنید.

پیش‌نیازها

مهم: این دوره برای تمرین و تسلط بر رفع اشکال برنامه‌های ری اکت طراحی شده است، نه یک مرور جامع برای شروع کار با برنامه‌های ری اکت.

بهتر است قبل از این دوره، دوره‌ای برای یادگیری مبانی ری اکت و جاوا اسکریپت گذرانده باشید.

به طور خودکار بفهمید برنامه ری اکت شما واقعاً چگونه کار می‌کند!

راهنمای کامل رفع اشکال جاوا اسکریپت و ری اکت

دانشجوی عزیز،

توسعه وب سخت است.

واقعاً سخت.

آنقدر سخت که مو از سرتان بکنید، روزها گیر کنید یا کلاً بیخیال شوید و شغل دیگری پیدا کنید.

و واقعاً فقط یک دلیل برای آن وجود دارد:

مجموعه مهارت‌های دقیق برای موفقیت در دنیای واقعی هیچ جا مستند نشده است.

یک مهارت وجود دارد که توسعه‌دهندگان تقریباً هرگز آن را به اشتراک نمی‌گذارند:

وقتی با یک پیام خطا یا باگ گیر می‌کنید چه کار کنید؟

پس از جمع‌آوری داده‌ها از ۲ سال ثبت‌نام در دوره‌ها، متوجه شدیم که بیش از ۹۰٪ سوالات ما می‌توانستند حل شوند اگر دانشجو رفع اشکال پایه جاوا اسکریپت و ری اکت را یاد گرفته بود.

بسیاری از دانشجویان می‌خواهند مستقیماً وارد توسعه ری اکت شوند. آنها یک آموزش کدنویسی را دنبال می‌کنند اما ناگزیر گیر می‌کنند و وقتی مربی به سوالشان پاسخ نمی‌دهد، تسلیم می‌شوند.

اگر تا به حال با یک برنامه شکسته روبرو شده‌اید و نمی‌دانید چه کار کنید، و برای پیدا کردن کمک تقلا کرده‌اید... این دوره برای شماست!

معرفی دوره جدید ما:

چالش‌های مبتدی ری اکت - ۲۵ تمرین رفع اشکال

برخلاف دوره‌های دیگر ما، در اینجا عجله‌ای برای ساختن یک برنامه نداریم. در عوض، ابتدا یک راهنمای کامل برای رفع اشکال برنامه‌های ری اکت و جاوا اسکریپت را مرور می‌کنیم.

با استراتژی رفع اشکال "کامل"، منظورمان واقعاً این است. هر ابزار یا مهارتی که برای رفع اشکال برنامه‌های فرانت‌اند نیاز دارید، در این دوره یافت می‌شود:

  • کد منبع را با یک نمای کلی کامل از Chrome DevTools پیدا و رفع کنید.

  • درک کنید که چگونه پیام‌های خطا را ردیابی کنید و معنای آن‌ها چیست.

  • چگونه وضعیت برنامه ری اکت خود را از هر نقطه‌ای در برنامه بررسی کنید.

  • به راحتی هر کتابخانه جاوا اسکریپت یا ری اکت را پیدا کرده و درباره آن تحقیق کنید.

  • چگونه متریال یو آی (Material UI)، ردکاس (Redux)، کتابخانه‌های نمودار و موارد دیگر را رفع اشکال کنید.

بهترین بخش این است که در این دوره، ۲۵ تمرین رفع اشکال برای سنجش مهارت‌های شما ایجاد کرده‌ایم. هر تمرین همراه با پیوند CodeSandbox مخصوص به خود ارائه می‌شود تا بتوانید خودتان شروع به رفع اشکال کنید. بنابراین برای اجرای تمرین‌های این دوره نیازی به نصب هیچ چیز ندارید.

من اطمینان دارم که اگر حتی نیمی از این دوره را بگذرانید، دست از تقلا با باگ‌ها برمی‌دارید و روی ساختن برنامه‌ها تمرکز می‌کنید!

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

به ۲۵ چالش رفع اشکال با آموزش‌های ویدیویی کامل دسترسی پیدا کنید.

با این ۲۵ باگ، تمرین کافی برای حل مشکلات دنیای واقعی خواهید داشت.

ترس خود را از خطاهای ری اکت و باگ‌ها از بین ببرید!


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

مقدمه چالش‌های مبتدی ری‌اکت Introduction to React Beginner Challenges

  • چرا این دوره را بگذرانیم؟ هدف اشکال‌زدایی چیست؟ Why take this course? What's the point of debugging?

  • مرور این دوره Reviewing this course

  • معرفی و دستورالعمل‌های دوره Course Introduction & Instructions

  • باز کردن قفل چالش‌ها Unlocking the Challenges

  • لینک تمام چالش‌ها Links to All Challenges

چگونه برنامه‌های جاوااسکریپت / ری‌اکت را اشکال‌زدایی کنیم How to Debug JavaScript / React Applications

  • راهنمای استراتژی اشکال‌زدایی ری‌اکت The React Debugging Strategy Guide

  • اشتباه شماره ۱ مبتدیان هنگام نوشتن کد The #1 Mistake Beginners Make Writing Code

  • ابزارهای توسعه کروم Chrome DevTools

  • ابزارهای توسعه کروم بخش ۲ Chrome DevTools part 2

  • ابزارهای توسعه‌دهنده ری‌اکت React Developer Tools

  • نقاط شکست شرطی و عبارات مشاهده Conditional Breakpoints & Watch Expressions

  • راهنمای کامل Console.log Console.log Complete Guide

  • Console.time Console.time

  • Console.table Console.table

  • اشکال‌زدایی واکنش‌گرایی موبایل Debugging Mobile Responsiveness

  • نقاط شکست DOM DOM Breakpoints

  • مکث در موارد استثناء Pause Exceptions

  • اشکال رایج: تابع نیست Error is not a function Common Bug: Error is not a function

  • اشکال رایج: ویژگی تعریف نشده Error property of undefined Common Bug: Error property of undefined

۲۵ چالش ری‌اکت - راه‌حل‌ها 25 React Challenges - Solutions

  • چالش ۱ - رمز عبور چیست؟ Challenge 1 - What's the password?

  • چالش ۲ - برنامه از کار افتاده است Challenge 2 - App is crashing

  • چالش ۳ - یک خطا ظاهر می‌شود Challenge 3 - An error appears

  • چالش ۴ - صفحه خالی Challenge 4 - The blank screen

  • چالش ۵ - تنظیم رنگ Challenge 5 - Setting a color

  • چالش ۶ - رفع React-select Challenge 6 - Fixing React-select

  • چالش ۷ - ورودی کاربر Challenge 7 - User input

  • چالش ۸ - امکان تایپ کاربران وجود ندارد Challenge 8 - Can't type users in

  • چالش ۹ - امکان حذف فرزند وجود ندارد Challenge 9 - Can't remove child

  • چالش ۱۰ - امکان دریافت گربه‌ها وجود ندارد Challenge 10 - Can't fetch cats

  • چالش ۱۱ - اشکال نام تکراری Challenge 11 - Duplicate name bug

  • چالش ۱۲ - درخواست‌های API Challenge 12 - API requests

  • چالش ۱۳ - ثبت کاراکترها Challenge 13 - Logging characters

  • چالش ۱۴ - ارتفاع عنصر Challenge 14 - Element height

  • چالش ۱۵ - واکنش‌گرایی موبایل Challenge 15 - Mobile responsiveness

  • چالش ۱۶ - رادیو Material-UI Challenge 16 - Material-UI Radio

  • چالش ۱۷ - شمارنده Redux Challenge 17 - Redux counter

  • چالش ۱۸ - برنامه هنگام فشردن دکمه خراب می‌شود Challenge 18 - App breaks on button press

  • چالش ۱۹ - رمز عبور چیست ۲.۰ Challenge 19 - What's the password 2.0

  • چالش ۲۰ - رفع Minesweeper Challenge 20 - Fixing Minesweeper

  • چالش ۲۱ - غیرمجاز Challenge 21 - Unauthorized

  • چالش ۲۲ - تنظیم تم Challenge 22 - Setting a theme

  • چالش ۲۳ - بازسازی نمودار Challenge 23 - Chart rebrand

  • چالش ۲۴ - قالب‌بندی تاریخ Challenge 24 - Date formatting

  • چالش ۲۵ - فرم‌های Material-UI Challenge 25 - Material-UI Forms

  • نتیجه‌گیری Conclusion

بخش جایزه Bonus Section

  • سخنرانی جایزه Bonus Lecture

نمایش نظرات

چالش‌های مبتدی ری‌اکت - ۲۵ تمرین رفع اشکال
جزییات دوره
5.5 hours
46
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
649
4.4 از 5
دارد
دارد
دارد
reactschool
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

reactschool reactschool

آموزش پروژه ری اکت