React: ایجاد و میزبانی یک سایت Full-Stack (2019)

مدرس Shaun Wassell

انتشار 2019/06/10

مدت زمان 2h 39m

سطح متوسط

فایل تمرینی دارد

آموزش React: Creating and Hosting a Full-Stack Site (2019)

شما React را یاد گرفته اید و می توانید رابط های front-end شگفت انگیزی ایجاد کنید. اما استقرار آنها نیاز بیشتری دارد. شما به منطق و مکانی برای قرار دادن آن نیاز دارید. با ترکیب رابط کاربری front-end خود با یک راه حل back-end و میزبانی ابری، می توانید برنامه های قدرتمند و تعاملی کامل بسازید. در این دوره مبتنی بر پروژه، Shaun Wassell نشان می‌دهد که چگونه React، Node.js و Amazon Web Services (AWS) را در یک وب‌سایت با ویژگی‌های کامل، شامل فرم‌های کاربرپسند برای ارسال مقالات و نظرات، ترکیب کنیم. یاد بگیرید که چگونه از اجزای React یک رابط ایجاد کنید، یک سرور Node.js توسعه دهید، در پایگاه داده MongoDB پیوند دهید و سایت خود را در سرویس های وب آمازون مستقر کنید. در پایان دوره، شما مهارت هایی را خواهید داشت که خدمات مشتری خود را به سطح بعدی ببرید: برنامه های وب تمام پشته که واقعاً تعاملی هستند.

Back-End Web Development Front-end Development Full-Stack Development JavaScript React.js

Introduction

React for full-stack solutions ()

What you should know ()

Installing Node.js and npm ()

1. Creating a React Front End

Why React? ()

Setting up a React project ()

Creating the app component ()

Creating blog pages ()

Using react-router links ()

URL parameters with react-router ()

Creating and linking the articles list ()

Making the articles list modular ()

Creating a 404 page in React ()

2. Creating a Node Back End

Adding comments functionality ()

Adding comments ()

Why Node.js? ()

Setting up an Express server ()

Testing an Express server with Postman ()

Route parameters in Express ()

Upvoting articles ()

Automatically updating with nodemon ()

3. Setting Up MongoDB

Why MongoDB? ()

Installing MongoDB ()

Adding MongoDB to Express ()

Rewriting the upvote endpoint ()

Rewriting the comments endpoint ()

4. Connecting the Front and Back Ends

The Fetch API ()

Adding React hooks ()

Calling useEffect at the right time ()

Adding Fetch to pages ()

Displaying comments ()

Adding an Upvote button ()

Adding an Add Comment form, part 1 ()

Adding an Add Comment form, part 2 ()

Adding an Add Comment form, part 3 ()

5. Hosting the Site

Preparing the app for release ()

Pushing code to GitHub ()

Creating and SSHing into an AWS instance ()

Setting up an AWS instance ()

Running a full-stack app on AWS ()

Conclusion

AWS resource teardown ()

Next steps ()

Ex_Files_React_Creating_Hosting_Full_Stack.zip (14.5 MB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

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