آموزش React.js Fundamentals - یک ماشین حساب فوق العاده سرگرم کننده ایجاد کنید!
React.js Fundamentals - Create a super-fun calculator!
این یک فرصت عالی برای یادگیری همه چیزهایی است که برای شروع ساختن برنامه‌های React باید بدانید.
اگر با آن آشنایی ندارید، React.js کتابخانه‌ای است که پیچیدگی ساخت برنامه‌های وب را برطرف می‌کند.
(این توسط فیس بوک اختراع شد تا سایت گسترده و پیچیده خود را تحت کنترل درآورد!)
این کلاس شما را از مفاهیم اولیه React تا ساختن یک برنامه کاربردی می‌برد و شامل تمام منابعی است که برای ایجاد پروژه‌تان نیاز دارید.
در طول این کلاس یاد خواهید گرفت:
- React.js چیست و چرا عالی است!
- مفاهیم اساسی مانند مدیریت وضعیت React، خواص و رندر.
- چرخه حیات کامپوننت React چگونه کار می‌کند و چگونه می‌توان از آن بهره برد.
در طول مسیر از React برای پیاده‌سازی یک برنامه ماشین حساب استفاده میکنید - این یک برنامه کوچک است اما همه چیزهایی را که برای شروع ساختن هر چیزی که می‌توانید تصور کنید، به شما می‌آموزد!
لازم نیست یک نینجا کامل وب باشید، اما فرض بر این است که از قبل مقداری HTML، CSS و جاوا اسکریپت می‌دانید.
پروژه - با React.js
یک ماشین حساب ایجاد کنیددر این کلاس، یک ماشین حساب ساده اما کاربردی برای شروع کار با React.js می‌سازید.
من همه چیزهایی را که برای شروع نیاز دارید ارائه کرده‌ام - فایل‌های HTML و CSS، و همچنین محصول نهایی کار، بنابراین می‌توانید از قبل بررسی کنید تا مطمئن شوید همه چیز همانطور که باید کار می‌کند.
قابل تحویل شما، البته، یک برنامه ماشین حساب کارآمد است.
می توانید پیشرفت خود را با آپلود اسکرین شات از صفحه وب خود نشان دهید و کد عالی خود را با پیوند دادن به یا CodePen.
فایل recalc-from-scratch.zip حاوی همه چیزهایی است که برای شروع نیاز دارید. روی آن دوبار کلیک کنید تا از حالت فشرده خارج شود و سپس دستورالعمل های موجود در ویدیوها را دنبال کنید تا شروع به ساخت برنامه خود کنید!
شما از این برنامه برای یادگیری در مورد:
استفاده خواهید کرد- اجزای واکنش
- JSX
- جریان داده یک طرفه و دو طرفه
- حالت واکنش و رندر
- مدیریت رویدادها در React
- و اجتناب از به روز رسانی های غیر ضروری
فراموش نکنید که پروژه خود را در گالری پروژه پست کنید! این یک راه عالی برای دریافت بازخورد در مورد کار خود و یافتن راه حل برای مشکلاتی است که ممکن است با آن مواجه شوید.
من نمی‌توانم صبر کنم تا برنامه React عالی شما را ببینم!
درس ها Lessons
-
بیایید شما را راه اندازی کنیم. Let's get you set up.
-
ایجاد کامپوننت با کلاس ها Creating components with classes
-
تمرین کدنویسی واکنش شماره 2 React coding exercise #2
-
سلام و به اصول React.js خوش آمدید! Hello and welcome to React.js fundamentals!
-
ویژگی های جزء واکنش React component properties
-
بیایید ماشین حساب ما را محاسبه کنیم! Let's make our calculator calculate!
-
شروع به ساخت ماشین حساب کنید! Start building the calculator!
-
جریان داده یک طرفه - چرا عالی است! One-way dataflow - why it's awesome!
-
وضعیت واکنش و آنچه انجام می دهد! React state and what it does!
-
چرخه حیات کامپوننت React The React component lifecycle.
-
تمرین کدگذاری واکنش شماره 1 React coding exercise #1
-
دلم برایت تنگ شده است! I miss you already!
-
جریان داده معکوس - چرا به آن نیاز داریم! Reverse dataflow - why we need it!
https://donyad.com/d/ed909d
Luke Fabish
بریم کدنویسی کنیم!!
من به توانمندسازی از طریق یادگیری بسیار معتقدم، و معتقدم آموزش در Skillshare به همین دلیل است.
به‌عنوان یک مهندس نرم‌افزار حرفه‌ای، از منابع آموزشی در اینترنت بهره‌مند شدم.
به خصوص، من می‌خواهم کلاس‌های من Skillshare نقطه ورودی برای هر کسی باشد که می‌خواهد از همان ابتدا برنامه‌نویسی را یاد بگیرد و سفری به جهان را آغاز کند. توسعه نرم افزار حرفه ای.
تصورات غلط زیادی در مورد اینکه برای برنامه نویس شدن باید چه نوع فردی باشید وجود دارد.
- در ریاضیات خوب هستید؟
- به رایانه وسواس دارید؟
- IQ بالا؟
هیچ یک از این موارد لازم نیست.
اگر آماده یادگیری هستید و مایل به حل مشکل هستید، آنچه را که لازم است بدست آورده اید.
شخصاً، در حالی که هرگز به سخت‌افزار رایانه علاقه نداشته‌ام، همیشه از امکاناتی که نرم‌افزار ایجاد می‌کند هیجان‌زده بوده‌ام.
استیو جابز این را به بهترین وجه گفت - "مثل یک دوچرخه برای ذهن."
این چیزی است که نرم افزار خوب می تواند باشد.
و این ایده که می توانم با یادگیری کدنویسی چیزی شبیه به آن بسازم؟ باور نکردنی .
من برای اولین بار در مورد دستکاری نرم افزار در مدرسه هیجان زده شدم زمانی که در کلاس ششم یکی از دوستان به من نشان داد که چگونه می تواند برنامه اجرا شده روی کامپیوتر میکرو بی بی سی مدرسه را تغییر دهد.
اکنون، به‌جای اینکه برای طلا حرکت کنیم، پیشگام در بازی ما به دنبال مدفوع بود.
من گیر کردم.
من در خانه کامپیوتر نداشتم، اما دوستم Commodore64 داشت.
ما مجلات رایانه شخصی خریدیم و صدها خط از برنامه های BASIC را در C64 تایپ کردیم. ما نمی‌دانستیم که داریم چه کار می‌کنیم، و نمی‌دانیم وقتی برنامه‌ها کار نمی‌کنند چه کاری انجام دهیم.
چند سال به جلو رفتم، و من برای تحصیل در رشته کامپیوتر به دانشگاه رفتم.
در آنجا، یکی از رضایت بخش ترین تجربیات یادگیری زندگی ام را داشتم. احساس می کردم میدان بی حد و حصری از فرصت پیش روی من باز شده است.
اما زمانی که در صنعت کار می‌کردم، تنها بخش کوچکی از آموخته‌هایم را در کار روزانه‌ام به کار بردم.
و فرصت های یادگیری من تمام شده بود.
یا من اینطور فکر می کردم!
سرانجام متوجه شدم که اگر قرار است به یادگیری ادامه دهم، باید خودم مراقب آن باشم.
بنابراین برنامه یادگیری خودم را انجام دادم - کتاب‌های زیادی خواندم، دوره‌های آنلاین انجام دادم و آموزش‌های بی‌شماری را انجام دادم. در واقع من هنوز این کار را انجام می دهم!
بار دیگر، احساس می‌کنم میدان باز و بی‌محدود است.
امیدوارم با همه فرصت‌های یادگیری در Skillshare، افق‌های حرفه‌ای و شخصی خود را به همین ترتیب گسترش دهید.
نمایش نظرات