آموزش ساخت برنامه های تجاری با Vue.js و MongoDB

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

بررسی اجمالی دوره Course Overview

• بررسی اجمالی دوره Course Overview

با دوره آشنا شوید Get Introduced to the Course

• خوش آمدی Welcome

• جلسه طراحی برنامه Application Design Meeting

• نسخه ی نمایشی: ماکت های برنامه را مرور کنید Demo: Review Application Mockups

• مراحل بعدی Next Steps

نمای کلی پشته فناوری Technology Stack Overview

• نقشه راه Roadmap

• چارچوب های اصلی Core Frameworks

• لایه دسترسی به داده ها Data Access Layer

• لایه API API Layer

• تجربه ی کاربر User Experience

• نسخه ی نمایشی: Vuetify Review Demo: Vuetify Review

• کتابخانه های دیگری که استفاده خواهید کرد Other Libraries You Will Use

• ابزارهای توسعه Development Tools

• زمان شروع کار Time to Get Started

راه اندازی برنامه آزمایشی Setting Up the Demo Application

• راه اندازی پروژه ما Setting up Our Project

• نسخه ی نمایشی: vue-cli Demo: vue-cli

• معماری پایه Baseline Architecture

• مراحل بعدی Next Steps

طراحی لایه داده با MongoDB و Mongoose Designing the Data Layer with MongoDB and Mongoose

• ابتدا داده Data First

• نسخه ی نمایشی: راه اندازی MongoDB Demo: Setting up MongoDB

• Mongoose: پلی به MongoDB Mongoose: The Bridge to MongoDB

• نسخه ی نمایشی: طرح های Mongoose را توسعه دهید Demo: Develop the Mongoose Schemas

• مراحل بعدی Next Steps

در حال توسعه API با Node و Express Developing the API with Node and Express

• رابط با داده های ما Interface to Our Data

• طراحی API Design the API

• نسخه ی نمایشی: ساخت API Demo: Build the API

• نسخه ی نمایشی: مسیرهای API Demo: API Routes

• اشکال زدایی و آزمایش API Debugging and Testing the API

• مراحل بعدی Next Steps

توسعه UI با Vue.js و Vuetify UI Development with Vue.js and Vuetify

• Mockup و بررسی الزامات تجاری Mockup and Business Requirements Review

• دریافت تنظیمات محیط توسعه Getting Our Development Environment Setup

• گیر کردن در Vue Files Stubbing in the Vue Files

• تنظیم مسیریابی Setting up Routing

• نسخه ی نمایشی: تست تنظیمات پایه Demo: Testing the Baseline Setup

• انتخاب طرح بندی Vuetify Selecting a Vuetify Layout

• نسخه ی نمایشی: Vuetify را به پروژه اضافه کنید Demo: Add Vuetify to the Project

• بررسی اجزای سازنده Vuetify Components Review

• با استفاده از اجزای Vuetify Using Vuetify Components

• اجزای ارزیابی شده را مرور کنید Review Vuetified Components

• مراحل بعدی Next Steps

دولت برنامه را با Vuex مدیریت کنید Manage Application State with Vuex

• مقدمه Introduction

• Vuex چیست؟ What Is Vuex?

• اشیا Store فروشگاه Vuex Vuex Store Objects

• دولت State

• اقدامات Actions

• جهش Mutations

• گیرنده ها Getters

• ماژول ها Modules

• نسخه ی نمایشی: فروشگاه Vuex را توسعه دهید Demo: Develop the Vuex Store

• نسخه ی نمایشی: ورود به سیستم را تغییر دهید Demo: Modify Login.vue

• مراحل بعدی Next Steps

دریافت داده از API Getting Data from the API

• مقدمه ای بر Axios Introduction to Axios

• تماس با API از کامپوننت Calling the API from the Component

• تماس با API از فروشگاه Vuex Calling the API from the Vuex Store

• نسخه ی نمایشی: با استفاده از Axios Demo: Using Axios

• کارهای بیشتری برای انجام More To Do

نهایی کردن برنامه آزمایشی Finalizing the Demo Application

• پایان کارها Finishing Things Up

• افزودن و ویرایش معاملات Add and Edit Transactions

• اقدامات سرصفحه Header Actions

• نگاشت کنندگان Vuex Vuex Mappers

• امنیت Security

• بعدی چیست What's Next?

خلاصه و سایر گزینه ها Summary and Other Options

• گزینه های پشته VENoM VENoM Stack Options

• کتابخانه های جایگزین Alternative Libraries

• گزینه های پایگاه داده Database Options

• حالا چی؟ What Now?