React Native: Learn & Practice

React Native را از طریق توضیحات کوتاه، مثال‌های کد کاربردی و چالش‌های کوچک بیاموزید. ۱۴۸ درس را در ۱۰ ماژول کاوش کنید، یک مثال را در زمین بازی کدنویسی باز کنید و آن را تغییر دهید تا نحوه عملکرد رابط کاربری را درک کنید.

مسیری روشن از اصول اولیه تا تمرین

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

قبل از ویرایش، ایده را بخوانید

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

تغییرات خود را امتحان کنید

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

الگوهای مفید را بررسی کنید

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

درس مورد نیاز خود را پیدا کنید

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

یادگیری خود را پیگیری کنید

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

بازگشت به آزمایش‌های شما

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

یک ظاهر راحت انتخاب کنید

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

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