Vue.js: ایجاد و میزبانی یک سایت Full-Stack (2020)

مدرس Shaun Wassell

انتشار 2020/10/27

مدت زمان 3h 46m

سطح متوسط

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

آموزش Vue.js: Creating and Hosting a Full-Stack Site (2020)

آیا قابلیت های Vue.js front-end دارید، اما با سمت سرور آشنایی ندارید؟ آیا می خواهید مهارت های مورد نیاز برای ساخت برنامه های فول استک را توسعه دهید؟ در این دوره آموزشی، مربی Shaun Wassell به شما کمک می کند تا کیت ابزار توسعه خود را با نشان دادن نحوه استفاده از مهارت های Vue.js موجود خود برای ایجاد یک سایت تجارت الکترونیک تمام پشته تقویت کنید. Shaun شما را در طول این فرآیند راهنمایی می‌کند و نحوه استفاده از Vue.js را برای ساخت یک نمای ظاهری ساده نشان می‌دهد. Node.js و MongoDB برای ساخت انتهای پشتی. Axios برای برقراری ارتباط بین قسمت های جلو و عقب. و در نهایت، Heroku آن را به صورت زنده. در طول مسیر، یاد بگیرید که چگونه با ابزارها و چارچوب های مختلف کار کنید تا به درستی سایت خود را پیکربندی کنید، از جمله Postman و Express.

Full-Stack Development MongoDB Node.js Vue.js

Introduction

Create and host a full-stack site with Vue.js ()

What you should know ()

Install Node.js and npm ()

What to expect from this course ()

1. Create a Vue.js Front End

Why Vue? ()

Set up and run a Vue project ()

Vue project structure ()

Routing in Vue ()

Add data, styles, and images ()

Create a product page ()

Create a product detail page ()

Create a shopping cart page ()

Create a navigation bar ()

Create a 404 page in Vue ()

Use modular components ()

Challenge: Modular components ()

Solution: Modular components ()

2. Create a Node Back End

Why Node.js? ()

Set up an Express server ()

Test servers with Postman ()

Route parameters in Express ()

Get data from a server ()

Use Nodemon to restart a server ()

Create and delete server data ()

3. Add MongoDB to Your Back End

Why MongoDB? ()

Download and install MongoDB ()

Add MongoDB to a Node.js server ()

Add MongoDB to GET endpoints ()

Create data in MongoDB ()

Delete data in MongoDB ()

4. Connect the Front End and Back End

Introduction to the axios library ()

Load data from the server, part 1 ()

Load data from the server, part 2 ()

Add items to the shopping cart ()

Improve the add-to-cart interface ()

Remove items from the cart ()

Challenge: Item already in cart ()

Solution: Item already in cart ()

5. Host Your Site

The release process ()

Build and serve a Vue front end ()

Set up Heroku and MongoDB ()

Use environment variables in Heroku ()

Push code to Heroku ()

Conclusion

Next steps ()

Ex_Files_VueJS_FullStack.zip (34.0 MB)

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

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

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

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

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

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

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