آموزش Vue.js: ساخت و میزبانی یک سایت فول‌استک (Full-Stack) - آخرین آپدیت

سرفصل ها و درس ها

مقدمه Introduction

• انتظارات از این دوره What to expect from this course

• معرفی Codespaces Codespaces

• معرفی Vue.js Vue.js

• پیش‌نیازهای مورد نیاز What you should know

• نصب Node.js و NPM Installing Node.js and NPM

1. ساخت فرانت‌اند با Vue.js 1. Creating a Vue.js Front End

• راهکار: کامپوننت‌های ماژولار Solution: Modular components

• استفاده از کامپوننت‌های ماژولار Using modular components

• ساخت صفحات اپلیکیشن Creating application pages

• ساخت صفحه سبد خرید Creating a shopping cart page

• چرا Vue.js؟ Why Vue?

• لینک دادن به صفحه جزئیات محصول Linking to the product detail page

• ساخت صفحه محصولات Creating a products page

• ساخت صفحه 404 در Vue Creating a 404 page in Vue

• مسیریابی (Routing) در Vue Routing in Vue

• ساختار پروژه Vue Vue project structure

• ساخت نوار ناوبری (Navigation Bar) Creating a navigation bar

• ساخت صفحه جزئیات محصول Creating a product detail page

• چالش: کامپوننت‌های ماژولار Challenge: Modular components

• افزودن داده‌ها، استایل‌ها و تصاویر Adding data, styles, and images

• راه‌اندازی و اجرای پروژه Vue Setting up and running a Vue project

2. ساخت بک‌اند با Node.js 2. Creating a Node Back End

• حذف داده‌های سرور Deleting server data

• چرا Node.js؟ Why Node.js?

• ساخت مسیرها (Routes) در Express Creating routes in Express

• ساخت داده‌های سرور Creating server data

• استفاده از nodemon برای ری‌استارت سرور Using nodemon to restart a server

• بازنویسی سبد خرید Rewriting the shopping cart

• تست سرورها با Postman Testing servers with Postman

• راه‌اندازی سرور Express Setting up an express server

3. افزودن MongoDB به بک‌اند 3. Adding MongoDB to Your Back-end

• بارگذاری محصولات تکی از MongoDB Loading individual products from MongoDB

• حذف داده‌ها در MongoDB Deleting data in MongoDB

• راه‌اندازی MongoDB Setting up MongoDB

• ساخت داده‌ها در MongoDB Creating data in MongoDB

• چرا MongoDB؟ Why MongoDB?

• اتصال و افزودن داده به MongoDB Connecting and adding data to MongoDB

• افزودن MongoDB به نقاط انتهایی (GET endpoints) Adding MongoDB to GET endpoints

• افزودن MongoDB به سرور Node.js Adding MongoDB to a Node.js server

4. اتصال فرانت‌اند و بک‌اند 4. Connecting the Front- and Back-end

• افزودن آیتم‌ها به سبد خرید Adding items to the shopping cart

• حذف آیتم‌ها از سبد خرید Removing items from the shopping cart

• چالش: وجود آیتم در سبد خرید Challenge: Item already in cart

• راهکار: وجود آیتم در سبد خرید Solution: Item already in cart

• معرفی کتابخانه Axios Introduction to the Axios library

• بارگذاری داده‌ها از سرور: بخش اول Loading data from the server: Part 1

• بارگذاری داده‌ها از سرور: بخش دوم Loading data from the server: Part 2

5. افزودن احراز هویت با Firebase Authentication 5. Adding Authentication with Firebase Authentication

• ساخت پروژه Firebase Creating a Firebase project

• ارسال لینک‌های ایمیلی Firebase Auth Sending Firebase Auth email links

• خروج کاربر از سیستم Signing the user out

• گوش دادن به تغییرات وضعیت احراز هویت Listening for auth state changes

• ورود با لینک ایمیل Logging in with an email link

• چرا Firebase Authentication؟ Why Firebase Authentication?

• مدیریت آیتم‌های سبد خرید با احراز هویت Managing cart items with authentication

6. میزبانی و انتشار سایت 6. Hosting Your Site

• آماده‌سازی فرانت‌اند برای انتشار Preparing the front-end for release

• انتشار اپلیکیشن Releasing the app

• بررسی فرآیند انتشار The release process

جمع‌بندی Conclusion

• گام‌های پیشنهادی بعدی Recommended next steps