آموزش ساخت اپلیکیشن Full-Stack CRUD با Vue 3 و Laravel 12 - آخرین آپدیت

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

مقدمه Introduction

• مقدمه Introduction

ابزارهای مورد نیاز برای دوره Tools Needed for the course

• ابزارهای مورد نیاز برای پروژه Tools needed for the project.

راه‌اندازی پروژه Setting Up the project.

• راه‌اندازی بک-اند لاراول و فرانت-اند Vue Setting up the laravel backend and the Vue frontend

اتصال بک-اند و فرانت-اند Connecting backend and frontend.

• اتصال فرانت-اند به بک-اند Frontend-Backend connection.

طراحی معماری اپلیکیشن Architectural design of the Application.

• ایجاد صفحات ناوبری Creating navigation pages.

ایجاد لینک‌ها برای جابجایی بین کامپوننت‌ها Creating Links for navigating through different components.

• ایجاد لینک‌های ناوبری کامپوننت‌ها Creating components navigation links

ایجاد فیلدهای ورودی در فرانت-اند Vue Creating Vue frontend Input fields.

• ایجاد فرم‌های ثبت‌نام و به‌روزرسانی اطلاعات کاربر Creating the forms for registering and updating the user informations.

ایجاد جدول نمایش اطلاعات کاربران در صفحه اصلی Creating the table in the homepage that displays the user information.

• ایجاد جدول نمایش اطلاعات کاربران در صفحه اصلی Creating the table in the homepage that displays the user information.

بک-اند: ایجاد جدول Migration برای جزئیات Backend - Creating the details migration table.

• ایجاد جدول Migration جزئیات Creating Details migration table.

به‌روزرسانی مدل، کنترلر و پیکربندی مسیرهای API Updating the model, Controller, and configuring the api routes.

• به‌روزرسانی مدل، کنترلر و پیکربندی End-pointهای API UPDATING THE MODEL, CONTROLLER AND API ENDPOINT CONFIGURATION.

ایجاد توابع فرانت-اند برای ذخیره اطلاعات کاربر در دیتابیس Creating frontend functions that saves user information to the database.

• ارسال اطلاعات کاربر به دیتابیس بک-اند sending user information to the backend database.

دریافت و نمایش داده‌های بک-اند در صفحه اصلی Fetching and Displaying the backend data to the Home page.

• دریافت و نمایش داده‌های بک-اند Fetching and displaying backend data.

هدایت به صفحه ویرایش با استفاده از دکمه Edit Navigate to the Update page using the Edit button.

• هدایت به صفحه ویرایش با استفاده از دکمه Edit Navigate to the Update page using the Edit button.

ارسال اطلاعات ویرایش شده کاربر به بک-اند Submitting the Edited User information to the Backend.

• ارسال اطلاعات ویرایش شده کاربر به بک-اند Submitting the Edited User information to the Backend.

حذف کاربر و رفرش کردن صفحه DELETE USER and Refresh the page.

• پیاده‌سازی تابع حذف DELETE function.