آموزش React 101: React.js را برای مبتدیان مطلق بیاموزید
React 101: Learn React.js for absolute beginners
به React برای مبتدیان خوش آمدید: دوره ای برای توسعه دهندگان وب برای یادگیری React.js حتی اگر هرگز در زندگی خود React.js ننوشته باشید.
در این کلاس، ما از همان ابتدا شروع می‌کنیم، بدون اینکه دانش‌آموزی پشت سر بماند! نوشتن React در ابتدا ممکن است کمی عجیب به نظر برسد، زیرا ترکیبی از HTML و جاوا اسکریپت است، اما من به شما راه‌هایی را آموزش می‌دهم که به یاد داشته باشید چه زمانی جاوا اسکریپت بنویسید و چه زمانی HTML بنویسید (یا آنچه به عنوان JSX شناخته می‌شود).
درباره نحو React، وارد کردن از سایرین، مؤلفه‌ها، تقسیم مؤلفه‌ها به فایل‌های جدید و وارد کردن آن‌ها، گسترش مؤلفه‌ها، ویژگی‌ها و وضعیت مؤلفه‌ها، رویدادهای کلیک، و نحوه ایجاد درخواست API هنگامی که یک دکمه وجود دارد، یاد خواهیم گرفت. کلیک کرد.
اگر به نظر پیشرفته و ترسناک به نظر می‌رسید، نگران نباشید، من هر آنچه را که باید در مورد React.js بدانید به شما آموزش می‌دهم تا شما را سریع راه‌اندازی کند.
چرا React.js را یاد بگیریم:
React یک کتابخانه جاوا اسکریپت است که به شما امکان می‌دهد وب‌سایت‌ها و برنامه‌های کاربردی تعاملی و واکنش‌گرای دیوانه‌وار بسازید. هنگامی که کاربر روی چیزی تایپ می کند یا روی آن کلیک می کند، جاوا اسکریپت شما ممکن است بخواهد به نوعی عمل کند. React نوشتن و نگهداری آن را آسان‌تر می‌کند. به علاوه قابل تمدید است، به این معنی که می توانید کمی کد بنویسید و دوباره از آن در همه جا استفاده کنید تا تمام روز را صرف نوشتن کد نکنید.
اما بیشتر از آن، React یک مهارت با تقاضای بالا است. بسیاری از شرکت‌های توسعه‌دهنده، استارت‌آپ‌ها و شرکت‌های بزرگی مانند Netflix از React استفاده می‌کنند—این گونه است که می‌توانند چنین رابط‌های کاربری شگفت‌انگیزی مانند کاتالوگ فیلم‌های Netflix ایجاد کنند.
هر چیزی که می‌توان در React ایجاد کرد را می‌توان با استفاده از جاوا اسکریپت وانیلی ایجاد کرد، اما React نگهداری آن را آسان می‌کند و خواندن آن را آسان می‌کند. p>
چه کسی از React.js استفاده می کند:
این روزها تقریباً همه React هستند. چه بخش کوچکی از یک وب سایت که منطق پیچیده ای دارد، چه یک وب سایت کامل مانند نتفلیکس. تقریباً همه و سگ هایشان این روزها React می نویسند. و به همین دلیل است که یادگیری مهم است.
درباره معلم:
سلام، من Kalob Taulien هستم، معلم شما. من از سال 2012 به مردم یاد می دهم که چگونه کدنویسی کنند. من به صدها هزار دانش آموز، از جمله ده ها هزار دانش آموز، فقط در Skillshare، آموزش داده ام.
من به عنوان معلم توسعه وب موفق به کسب رتبه برتر در جامعه توسعه شده ام.
امروز قرار است React.js را به شما آموزش دهم. اگر هرگز واکنش نشان نداده اید، اشکالی ندارد، من دست شما را در مراحل ابتدایی می گیرم. اگر هرگز React را ننوشته اید، ابتدا باید جاوا اسکریپت را بدانید. پس لطفا این دوره را شروع نکنید مگر اینکه با جاوا اسکریپت آشنا باشید.
پروژه شما:
- در طول این دوره، ما قصد داریم با استفاده از یک درخواست API، یک ژنراتور تصادفی شخصیت جنگ ستارگان ایجاد کنیم. ما با هم بخش های اساسی یک برنامه کاربردی مانند آن را می سازیم.
- سپس به عنوان پروژه نهایی خود، درخواست API را با یک نقطه پایانی متفاوت عوض میکنید و تصاویری را به پروژه خود اضافه میکنید تا از نظر بصری جذاب‌تر شود.
مورد نیاز:
- باید HTML، CSS و جاوا اسکریپت ساده را بداند
- باید بتواند Node.js را دانلود و نصب کند (من به شما نشان خواهم داد که چگونه)
- باید قادر به دانلود و نصب فایل ها باشد.
از ابتدا با استفاده از React.js یک مولد کاراکتر تصادفی از جنگ ستارگان ایجاد کنید و آنچه را که با هم ساخته‌ایم با افزودن پشتیبانی از متن homeworld پشتیبانی کنید.
در این کلاس، ما اصول اولیه یک برنامه کاربردی مانند این را ایجاد می کنیم، اما این پروژه اصلی شما خواهد بود که آن را بهبود بخشیده و با افزودن تصاویر، آن را از نظر بصری جذاب تر کنید.
من تمام آنچه را که برای تسلط بر پروژه خود و ایجاد یک پروژه نهایی سرگرم کننده و جذاب نیاز دارید به شما آموزش خواهم داد.
در اینجا پروژه نهایی من به نظر می رسد.
همچنین می‌توانید کد منبع پروژه نهایی من را دانلود کنید تا ببینید دقیقاً چگونه پروژه نهایی خود را به شکلی که در بالا نشان می‌دهد ظاهر کردم.
درس ها Lessons
-
تصادفی کردن شخصیت ها Randomizing characters
-
نحو JSX JSX syntax
-
یک رویداد کلیک React.js دیگر Another React.js click event
-
اولین جزء شما Your first component
-
اگر شرایط در React وجود دارد If conditions in React
-
نصب Node.js و npm Installing Node.js and npm
-
نحوه حلقه زدن آرایه ها در React How to loop through arrays in React
-
اولین درخواست API مبتنی بر React شما Your first React-based API request
-
به React.js برای مبتدیان خوش آمدید Welcome to React.js for beginners
-
جزء جنگ ستارگان Star Wars component
-
روی رویدادها در React.js کلیک کنید Click events in React.js
-
شروع یک پروژه جدید Starting a new project
-
پروژه شما Your project
-
کار با لوازم جانبی Working with props
-
اضافه کردن حالت به اجزای React شما Adding state to your React components
-
ایجاد لینک از متن در React Creating links from text in React
-
نحو React.js React.js syntax
-
واردات قطعات Importing components
-
React.js چیست؟ What is React.js?
-
کدگذاری شبه Pseudo coding
-
نحوه ذخیره داده ها با استفاده از React State How to store data using React state
https://donyad.com/d/c74480
Kalob Taulien
معلم توسعه وب
سلام به همه! من Kalob Taulien هستم.
در اینجا نسخه TL;DR (کوتاه) درباره من است:
- من از سال 1999 کدنویسی می کنم و از سال 2013 به مردم یاد می دهم که چگونه کدنویسی کنند
- من بیش از 350000 دانشجوی توسعه وب در سراسر جهان دارم
- من در تیم توسعه هسته Wagtail CMS هستم (Wagtail شماره 1 محبوب ترین سیستم ساخت وب سایت پایتون است)
- من تمام تلاشم را می کنم که به هر سوالی که دانش آموزانم دارند پاسخ دهم
- من عاشق تدریس هستم - این قطعاً یکی از استعدادهای طبیعی من است
- همچنین من عاشق بز هستم! (اگر ملاقات حضوری داشته باشیم شروع کننده گفتگو با من عالی است)
در زیر می‌توانید تمام دوره‌های Skillshare من را پیدا کنید. دسته بندی ها از ساده ترین به سخت ترین، به جز موارد متفرقه، قرار می گیرند. دوره های کدنویسی در پایان.
اگر در زمینه کدنویسی کاملاً تازه کار هستید، با BEGINNERS WEB DEV شروع کنید. و سپس به سراغ HTML بروید.
اگر یک توسعه دهنده وب با تجربه هستید، می توانید از هر یک از بخش های زیر رد شوید.
اگر می‌خواهید یاد بگیرید که چگونه وب‌سایت‌ها را واقعاً زیبا جلوه دهید و خوب عمل کنید، می‌خواهید به HTML، CSS و جاوا اسکریپت نگاه کنید.
اگر می‌خواهید وب‌سایت‌هایی ایجاد کنید که کاربران بتوانند در آن وارد شوند، حساب کاربری داشته باشند و اطلاعات را ذخیره کنند، می‌خواهید به PHP، Python، Django یا Wagtail نگاه کنید.
آخرین اما نه کم اهمیت، همه باید Git و نحوه استفاده از GitHub را بدانند. این کاملاً حیاتی است که 100٪ همه توسعه دهندگان Git و GitHub را درک کنند. این زبان مخفی است که هر کارفرما به دنبال آن است. من نیز یک بخش کامل در مورد آن دارم.
فراموش نکنید که من را در Skillshare برای دوره های هفتگی جدید دنبال کنید!
کد نویسی مبارک!
نمایش نظرات