لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
React JS Portfolio Project - آموزش React برای مبتدیان
React JS Portfolio Project - React Training for Beginners
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
Build React JS Portfolio Project و پیاده سازی React Project to Production با آموزش My React برای مبتدیان Build React JS Portfolio Project نوشتن کد با کیفیت بالا درک مدیریت React State آموزش React را در آموزش واقعی React برای مبتدیان یاد بگیرید پیش نیازها:Javascript HTML CSS
آیا می خواهید پروژه نمونه کارها 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
نمایش نظرات