React JS Portfolio Project - آموزش React برای مبتدیان
React JS Portfolio Project - React Training for Beginners
آیا می خواهید پروژه نمونه کارها React JS را به روش واقعی بسازید؟ در این آموزش React، مفاهیم کلیدی React را در حین ساخت یک پروژه Quiz یاد خواهید گرفت.
React در حال حاضر محبوب ترین فریم ورک فرانت اند است. شروع آن آسان است اما حتی برای ساختن برنامه های کاربردی وب حرفه ای در مقیاس بزرگ بسیار توانا است. در این دوره، ما اصول React را یاد می گیریم در حالی که یک پروژه واقعی ایجاد می کنیم که برای تولید مستقر می شود.
در حین ساختن پروژه نمونه کارها React JS، به اصول React می پردازیم مانند:
چگونه برنامه خود را به قطعات کوچکتر تقسیم کنیم؟
چگونه منطق کسب و کار خود را ساختار دهید و وضعیت را مدیریت کنید و چگونه آنها را به اجزای خود متصل کنیم؟
چگونه با تغییرات مؤلفه برخورد کنیم، وضعیت چیست، چه چیزی در آن ذخیره شود، و کجا آن را تعریف کنیم؟
چگونه تعامل اضافه کنیم و رندر مجدد در React چگونه کار می کند؟
نحوه برقراری ارتباط با API واقعی از برنامه React
نحوه استقرار برنامه React خود در سرور واقعی (شما باید برای استقرار یک سرور هزینه کنید یا فقط آن را دنبال کنید)
ما تئوری خشک را نمی آموزیم یا هر مرحله از مستندات React را طی نمی کنیم. در عوض، می‌توانید در مثال واقعی ببینید که چگونه می‌توانید از React برای ساخت برنامه‌ها استفاده کنید.
الزامات:
این یک دوره مقدماتی است، نیازی به دانش قبلی React نیست، اما مهارت‌های HTML، CSS و Javascript ضروری است.
تهیه ابزار Preparing tools
-
این بخش در مورد چیست؟ What is this section about?
-
چه چیزی را اجرا خواهیم کرد؟ What we will implement?
-
تولید پروژه React Generating React project
-
چندتا فایل آماده کردم I prepared some files
ایجاد اولین اجزای ما Creating our first components
-
ایجاد کامپوننت های React Creating React components
-
رندر کردن نشانه گذاری اجزای React Rendering React components markup
مدیریت دولتی State management
-
حالت محلی در اجزای React Local state inside React components
-
وضعیت جهانی در React Global state in React
افزودن قابلیت Adding functionality
-
ارائه سوالات Rendering questions
-
دکمه بعدی Next button
-
صفحه نتیجه Result page
-
ارائه پاسخ ها Rendering answers
-
برجسته کردن پاسخ ها Highlighting answers
کار با API واقعی Working with real API
-
ایجاد سوالات ناهمگام با trivia API Making async questions with trivia API
گسترش Deployment
-
اجاره سرور تولید برای استقرار React Renting a production server to deploy React
-
در حال پیکربندی سرور تولید برای استقرار React Configuring production server to deploy React
-
در حال آپلود React to production Uploading React to production
بعدش چی؟ What's next?
-
مشق شب Homework
-
سخنرانی جایزه من My Bonus Lecture
Udemy (یودمی)
یودمی یکی از بزرگ‌ترین پلتفرم‌های آموزشی آنلاین است که به میلیون‌ها کاربر در سراسر جهان امکان دسترسی به دوره‌های متنوع و کاربردی را فراهم می‌کند. این پلتفرم امکان آموزش در زمینه‌های مختلف از فناوری اطلاعات و برنامه‌نویسی گرفته تا زبان‌های خارجی، مدیریت، و هنر را به کاربران ارائه می‌دهد. با استفاده از یودمی، کاربران می‌توانند به صورت انعطاف‌پذیر و بهینه، مهارت‌های جدیدی را یاد بگیرند و خود را برای بازار کار آماده کنند.
یکی از ویژگی‌های برجسته یودمی، کیفیت بالای دوره‌ها و حضور استادان مجرب و با تجربه در هر حوزه است. این امر به کاربران اعتماد می‌دهد که در حال دریافت آموزش از منابع قابل اعتماد و معتبر هستند و می‌توانند به بهترین شکل ممکن از آموزش‌ها بهره ببرند. به طور خلاصه، یودمی به عنوان یکی از معتبرترین و موثرترین پلتفرم‌های آموزشی آنلاین، به افراد امکان می‌دهد تا به راحتی و با کیفیت، مهارت‌های مورد نیاز خود را ارتقا دهند و به دنبال رشد و پیشرفت شغلی خود باشند.
https://donyad.com/d/6b4067
Oleksandr Kocherhin
مدرس حرفه ای و توسعه دهنده وب
نمایش نظرات