آموزش ساخت و میزبانی یک وب سایت Full-Stack بوسیله Vue.js

با مشاهده این کورس آموزشی از طریق انجام پروژه های واقعی و به زبانی بسیار ساده مطالب فراوانی را در رابطه با Vue.js یاد می گیرید.

عنوان اصلی : Vue.js: Creating and Hosting a Full-Stack Site

سرفصل ها :

معرفی:
با Vue.js یک سایت تمام پشته ایجاد و میزبانی کنید
آنچه شما باید بدانید
Node.js و npm را نصب کنید
از این دوره چه انتظاری باید داشت
1. یک Vue.js Front End ایجاد کنید:
چرا Vue؟
یک پروژه Vue را راه اندازی و اجرا کنید
ساختار پروژه Vue
مسیریابی در Vue
داده ها، سبک ها و تصاویر را اضافه کنید
یک صفحه محصول ایجاد کنید
یک صفحه جزئیات محصول ایجاد کنید
یک صفحه سبد خرید ایجاد کنید
یک نوار ناوبری ایجاد کنید
یک صفحه 404 در Vue ایجاد کنید
از اجزای مدولار استفاده کنید
چالش: اجزای مدولار
راه حل: اجزای مدولار
2. یک Node Back End ایجاد کنید:
چرا Node.js؟
یک سرور اکسپرس راه اندازی کنید
تست سرورها با Postman
پارامترهای مسیر در Express
دریافت داده از سرور
از Nodemon برای راه اندازی مجدد سرور استفاده کنید
ایجاد و حذف داده های سرور
3. MongoDB را به Back End خود اضافه کنید:
چرا MongoDB؟
MongoDB را دانلود و نصب کنید
MongoDB را به سرور Node.js اضافه کنید
MongoDB را به نقاط پایانی GET اضافه کنید
ایجاد داده در MongoDB
حذف داده ها در MongoDB
4. Front End و Back End را وصل کنید:
مقدمه ای بر کتابخانه axios
بارگذاری داده ها از سرور، قسمت 1
بارگذاری داده ها از سرور، قسمت 2
موارد را به سبد خرید اضافه کنید
رابط افزودن به سبد خرید را بهبود بخشید
اقلام را از سبد خرید حذف کنید
چالش: کالا از قبل در سبد خرید است
راه حل: کالا از قبل در سبد خرید است
5. میزبانی سایت خود:
فرآیند انتشار
ساخت و ارائه یک صفحه نمایش Vue
Heroku و MongoDB را راه اندازی کنید
از متغیرهای محیطی در Heroku استفاده کنید
کد را به Heroku فشار دهید
نتیجه:
مراحل بعدی