آموزش Fullstack Laravel 10 + Vue.js 3 2023 - ساخت API و SPA

Fullstack Laravel 10 + Vue.js 3 2023 - Build APIs and SPAs

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: راهنمای نهایی ساخت API ها و اپلیکیشن های تک صفحه ای (SPA) با لاراول 10 و Vue.js 3 ساخت دنیای واقعی Vue js و برنامه های لاراول ساخت اپلیکیشن RESTful API Build Single Page Application (SPA) از ابتدا استقرار برنامه لاراول در هروکو و اقیانوس دیجیتال سرور خصوصی مجازی درک نحوه عملکرد Vue js و نحوه تعامل آن با Laravel Backend API پیش نیازها: شما باید درک اولیه ای از HTML، PHP، OOP، CSS و جاوا اسکریپت یک کامپیوتر مک، ویندوز یا لینوکس داشته باشید.

به Fullstack Laravel و Vue.js 2023 خوش آمدید - دوره آموزشی ساخت API و SPA. این دوره به شما یاد می دهد که چگونه محبوب ترین چارچوب PHP، لاراول، را با Vue.js ترکیب کنید تا API و SPA را از ابتدا بسازید.

در اینجا آنچه دانش آموزان در مورد این دوره می گویند:

-- دوره عالی، پر از ابزارهای قدرتمند و اطلاعات مفید برای توسعه Laravel و Vue.js.

-- نویسنده همه چیز را با جزئیات توضیح می دهد و در صورت امکان، راه حل های متعددی را برای یک کار خاص ارائه می دهد. او همچنین به حوزه‌هایی می‌پردازد که معمولاً در دوره‌های دیگر پوشش داده نمی‌شوند (به عنوان مثال، حذف کد اضافی).

-- این دوره بسیار عالی و بسیار دقیق است و به راحتی قابل پیگیری است

مربی می داند چه کاری انجام می دهد و در موضوع بسیار آگاه است

+امتیاز برای مخزن git در هر درس، اگر بازنده هستید، می توانید برای مقایسه کدها به آن نگاه کنید

مشکل جزئی اشتباهات تایپی، اما مشکل بزرگی نیست.


همه دوره‌های من یادگیری پروژه محور هستند، در این دوره، پروژه‌های دنیای واقعی می‌سازیم، که باعث می‌شود به خودتان افتخار کنید و مطمئن شوید که برنامه‌های وب تمام پشته‌ای که می‌توانید تصور کنید بسازید.

این دقیقاً چیزی است که یاد خواهید گرفت:

  • ویژگی‌های اساسی لاراول: انتقال پایگاه داده، دانه‌های پایگاه داده، کارخانه‌های مدل، جهش‌دهنده‌های دسترسی، اعتبارسنجی فرم، تأیید اعتبار و مجوز.

  • روابط فصیح پیشرفته: بسیاری از روابط چند شکلی و بسیاری به بسیاری از روابط چند شکلی.

  • ادغام Fontawesome 5 از طریق میکس لاراول.

  • یکپارچه سازی Bootstrap 4 برای استایل UI.

  • اجرای اصل DRY.

  • استفاده از Git برای کنترل نسخه و Github به عنوان مخزن کد.

  • مقدمه‌ای بر Vue js: Directive، رندر فهرست، رندر شرطی، کلاس binding، style binding، کامپوننت‌ها، میکس‌ها و موارد دیگر.

  • یکپارچه سازی Vue js Ajax برای تعامل بیشتر برنامه ما.

  • توسعه RESTfull API

  • برنامه های لاراول را در Heroku و سرور خصوصی مجازی دیجیتال اقیانوس مستقر کنید.

  • برنامه لاراول را به نسخه جدیدتر ارتقا دهید تا برنامه ما به روز شود.

  • و خیلی بیشتر

علاوه بر سخنرانی‌ها، من همچنین کد منبع کامل را در GitHub ارائه می‌دهم که در آن می‌توانید تمام تغییراتی را که برای هر سخنرانی انجام دادم مشاهده کنید تا همیشه بتوانید به پایگاه کد کامل برنامه دسترسی داشته باشید.


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

معرفی Introduction

  • به دوره خوش آمدید Welcome to the course

  • به دوره خوش آمدید Welcome to the course

  • مخازن پروژه Project Repositories

معرفی Introduction

  • مخازن پروژه Project Repositories

راه اندازی محیط توسعه لاراول ما Setting up our Laravel Development Environment

  • مقدمه بخش (از رد نشوید مگر اینکه تنظیمات محیط برنامه نویس داشته باشید) Section Introduction (DON'T SKIP unless you have dev environment setup)

  • مقدمه بخش (از رد نشوید مگر اینکه تنظیمات محیط برنامه نویس داشته باشید) Section Introduction (DON'T SKIP unless you have dev environment setup)

  • راه اندازی توسعه محلی در ویندوز - نصب XAMPP Setting up Local Development on Windows - Installing XAMPP

  • راه اندازی توسعه محلی در ویندوز - نصب XAMPP Setting up Local Development on Windows - Installing XAMPP

  • راه اندازی توسعه محلی در ویندوز - نصب Composer & Laravel Installer را نصب کنید Setting up Local Development on Windows - Install Composer & Laravel Installer

  • راه اندازی توسعه محلی در مک - نصب Homebrew، PHP، MySQL و Composer Setting up Local Development on Mac - Install Homebrew, PHP, MySQL and Composer

  • راه اندازی توسعه محلی در مک - نصب Valet Setting up Local Development on Mac - Installing Valet

  • محیط توسعه محلی جایگزین - نصب بادبان لاراول Alternative Local Development Environment - Installing Laravel Sail

  • محیط توسعه محلی جایگزین - نصب بادبان لاراول Alternative Local Development Environment - Installing Laravel Sail

  • ابزارهای دیگر برای نصب Other Tools to install

  • ابزارهای دیگر برای نصب Other Tools to install

  • REST Client Tools برای نصب REST Client Tools to install

  • REST Client Tools برای نصب REST Client Tools to install

  • پسوندها و تنظیمات ویرایشگر کد ویژوال استودیو من My Visual Studio Code Editor extensions & settings

  • پسوندها و تنظیمات ویرایشگر کد ویژوال استودیو من My Visual Studio Code Editor extensions & settings

راه اندازی محیط توسعه لاراول ما Setting up our Laravel Development Environment

  • راه اندازی توسعه محلی در ویندوز - نصب Composer & Laravel Installer را نصب کنید Setting up Local Development on Windows - Install Composer & Laravel Installer

  • راه اندازی توسعه محلی در مک - نصب Homebrew، PHP، MySQL و Composer Setting up Local Development on Mac - Install Homebrew, PHP, MySQL and Composer

  • راه اندازی توسعه محلی در مک - نصب Valet Setting up Local Development on Mac - Installing Valet

[جدید] شروع به کار با Laravel 10 (Build REST API) [New] Getting started with Laravel 10 (Build REST API)

  • ایجاد پروژه جدید لاراول Creating new Laravel project

  • مدل، مهاجرت، کارخانه‌ها و بذرها Model, Migration, Factories, and Seeders

  • ایجاد اولین نقطه پایانی API ما Creating our first API Endpoint

  • ایجاد اولین نقطه پایانی API ما Creating our first API Endpoint

  • کار با Eloquent API Resource Working with Eloquent API Resource

  • کار با Eloquent API Resource Working with Eloquent API Resource

  • اعتبارسنجی و درج داده ها Validating and Inserting Data

  • به روز رسانی داده ها Updating Data

  • به روز رسانی داده ها Updating Data

  • حذف داده ها Deleting Data

  • حذف داده ها Deleting Data

[جدید] شروع به کار با Laravel 10 (Build REST API) [New] Getting started with Laravel 10 (Build REST API)

  • ایجاد پروژه جدید لاراول Creating new Laravel project

  • مدل، مهاجرت، کارخانه‌ها و بذرها Model, Migration, Factories, and Seeders

  • اعتبارسنجی و درج داده ها Validating and Inserting Data

[جدید] احراز هویت API با Sanctum [New] API Authentication with Sanctum

  • راه اندازی Sanctum Setting up Sanctum

  • SPA Authentication - ورود کاربران به سیستم SPA Authentication - Signing users in

  • SPA Authentication - خروج کاربران از سیستم SPA Authentication - Signing users out

  • SPA Authentication - خروج کاربران از سیستم SPA Authentication - Signing users out

  • SPA Authentication - ثبت نام کاربران SPA Authentication - Registering users

  • SPA Authentication - ثبت نام کاربران SPA Authentication - Registering users

  • حفاظت از مسیرها Protecting routes

  • حفاظت از مسیرها Protecting routes

  • استفاده از Sanctum برای API Token Authentication Using Sanctum for API Token Authentication

  • استفاده از Sanctum برای API Token Authentication Using Sanctum for API Token Authentication

  • پیوند دادن کاربران به منابع دیگر Linking users to other resources

  • پیوند دادن کاربران به منابع دیگر Linking users to other resources

[جدید] احراز هویت API با Sanctum [New] API Authentication with Sanctum

  • راه اندازی Sanctum Setting up Sanctum

  • SPA Authentication - ورود کاربران به سیستم SPA Authentication - Signing users in

[جدید] مجوز [New] Authorization

  • ایجاد اولین خط مشی ما Creating our first Policy

  • ایجاد اولین خط مشی ما Creating our first Policy

  • منابع مجاز Authorizing resources

[جدید] مجوز [New] Authorization

  • منابع مجاز Authorizing resources

[جدید] مصرف REST API در برنامه Vue.js 3 ما [New] Consuming REST API in our Vue.js 3 Application

  • ایجاد پروژه جدید Vue.js 3 Creating new Vue.js 3 project

  • ایجاد پروژه جدید Vue.js 3 Creating new Vue.js 3 project

  • راه اندازی Axios برای تماس HTTP Setting up Axios for HTTP call

  • راه اندازی Axios برای تماس HTTP Setting up Axios for HTTP call

  • نمایش داده ها در اجزای Vue js Displaying data in Vue js components

  • نمایش داده ها در اجزای Vue js Displaying data in Vue js components

  • استفاده از ویژگی های محاسبه شده برای نمایش کارهای تکمیل شده و ناتمام Using computed properties for displaying completed and uncompleted tasks

  • استفاده از ویژگی های محاسبه شده برای نمایش کارهای تکمیل شده و ناتمام Using computed properties for displaying completed and uncompleted tasks

  • جابجایی وظایف تکمیل شده Toggling the completed tasks

  • جابجایی وظایف تکمیل شده Toggling the completed tasks

  • افزودن مؤلفه جدید برای درج داده ها Adding new component to insert data

  • افزودن مؤلفه جدید برای درج داده ها Adding new component to insert data

  • ایجاد ویژگی ویرایش درون خطی Creating an Inline editing feature

  • ایجاد ویژگی ویرایش درون خطی Creating an Inline editing feature

  • افزودن ویژگی جدید در برنامه Vue js ما برای به روز رسانی داده ها Adding new feature in our Vue js app to update data

  • افزودن ویژگی جدید در برنامه Vue js ما برای به روز رسانی داده ها Adding new feature in our Vue js app to update data

  • پر کردن عنصر ورودی هنگام ویرایش داده ها Populating input element when editing data

  • پر کردن عنصر ورودی هنگام ویرایش داده ها Populating input element when editing data

  • افزودن ویژگی جدید برای علامت گذاری کار به عنوان انجام شده Adding new feature to mark the task as completed

  • افزودن ویژگی جدید برای علامت گذاری کار به عنوان انجام شده Adding new feature to mark the task as completed

  • افزودن ویژگی جدید برای حذف وظایف Adding new feature to remove tasks

[جدید] مصرف REST API در برنامه Vue.js 3 ما [New] Consuming REST API in our Vue.js 3 Application

  • افزودن ویژگی جدید برای حذف وظایف Adding new feature to remove tasks

[جدید] مدیریت دولتی با پینیا [New] State Management With Pinia

  • راه اندازی Pinia Setting up Pinia

  • راه اندازی Pinia Setting up Pinia

  • تعریف فروشگاه ها Defining Stores

  • تعریف گترها Defining Getters

  • تعریف اقدامات Defining Actions

  • تعریف اقدامات Defining Actions

  • بازسازی فروشگاه‌های ما (با استفاده از فروشگاه‌های راه‌اندازی) Refactoring our Stores (Using Setup stores)

  • بازسازی اجزای ما Refactoring our components

[جدید] مدیریت دولتی با پینیا [New] State Management With Pinia

  • تعریف فروشگاه ها Defining Stores

  • تعریف گترها Defining Getters

  • بازسازی فروشگاه‌های ما (با استفاده از فروشگاه‌های راه‌اندازی) Refactoring our Stores (Using Setup stores)

  • بازسازی اجزای ما Refactoring our components

[جدید] برنامه تک صفحه ای با روتر Vue [New] Single Page Application with Vue Router

  • راه اندازی Vue Router Setting up Vue Router

  • مسیریابی Route Navigation

  • مسیریابی Route Navigation

  • ناوبری های برنامه ای Programmatic navigations

  • ناوبری های برنامه ای Programmatic navigations

  • شکل دادن به پیوند فعال فعلی Styling the current active link

  • شکل دادن به پیوند فعال فعلی Styling the current active link

  • رسیدگی به خطای 404 Handling 404 error

  • رسیدگی به خطای 404 Handling 404 error

  • گاردهای ناوبری Navigation Guards

  • گاردهای ناوبری Navigation Guards

  • مسیریابی فیلدهای متا Route meta fields

  • انتقال ها Transitions

  • انتقال ها Transitions

[جدید] برنامه تک صفحه ای با روتر Vue [New] Single Page Application with Vue Router

  • راه اندازی Vue Router Setting up Vue Router

  • مسیریابی فیلدهای متا Route meta fields

پروژه 2: ایجاد یک برنامه مدیریت محصولات با Vue.js Project 2: Build a Products Managements Application with Vue.js

  • بررسی اجمالی پروژه Project Overview

  • ایجاد قابلیت مرتب سازی اولیه Creating basic sorting functionality

  • ایجاد قابلیت مرتب سازی اولیه Creating basic sorting functionality

  • سبک دادن به ستون های قابل مرتب سازی Styling the sortable columns

  • Refactoring Refactoring

  • پیاده سازی ستون قابل مرتب سازی به نام محصول و دسته بندی Implementing sortable column to product name & category

  • رفع مشکل نشانگر ستون قابل مرتب سازی Fixing sortable column indicator issue

  • رفع مشکل نشانگر ستون قابل مرتب سازی Fixing sortable column indicator issue

  • افزودن قابلیت جستجوی اولیه Adding basic searching functionality

  • افزودن قابلیت جستجوی اولیه Adding basic searching functionality

  • جستجوی بیدرنگ Realtime searching

  • جستجوی بیدرنگ Realtime searching

  • روش دیگر در ارائه نتایج جستجو Another approach in presenting search results

  • روش دیگر در ارائه نتایج جستجو Another approach in presenting search results

  • اضافه کردن صفحه بندی Adding Pagination

  • اضافه کردن صفحه بندی Adding Pagination

  • افزودن فرم مدال Adding Form Modal

  • افزودن فرم مدال Adding Form Modal

  • دریافت لیست دسته ها Getting list of categories

  • به روز رسانی داده های موجود Updating existing data

  • به روز رسانی داده های موجود Updating existing data

  • در حال حذف داده ها Deleting data

  • در حال حذف داده ها Deleting data

پروژه 2: ایجاد یک برنامه مدیریت محصولات با Vue.js Project 2: Build a Products Managements Application with Vue.js

  • بررسی اجمالی پروژه Project Overview

  • سبک دادن به ستون های قابل مرتب سازی Styling the sortable columns

  • Refactoring Refactoring

  • پیاده سازی ستون قابل مرتب سازی به نام محصول و دسته بندی Implementing sortable column to product name & category

  • دریافت لیست دسته ها Getting list of categories

یادگیری مفهوم اصلی لاراول Learning Laravel core concept

  • بخش مقدمه Section Introduction

  • مسیریابی Routing

  • مسیریابی Routing

  • درخواست و پاسخ Request & Response

  • درخواست و پاسخ Request & Response

  • بازدیدها Views

  • کار با Artisan CLI & Tinker Working with Artisan CLI & Tinker

  • راه اندازی اتصال پایگاه داده ما Setting up our Database connection

  • مهاجرت پایگاه داده Database Migration

  • کار با ستون کلید خارجی Working with Foreign key column

  • کار با ستون کلید خارجی Working with Foreign key column

  • پر کردن جدول پایگاه داده با Seeder Populating database table with Seeder

  • پر کردن جدول پایگاه داده با Seeder Populating database table with Seeder

  • کار با Faker Library Working with Faker Library

  • شیوا Eloquent

  • رابطه فصیح Eloquent Relationship

  • رابطه فصیح Eloquent Relationship

  • رابطه فصیح - درج مدل های مرتبط Eloquent Relationship - Inserting Related Models

  • کارخانه های مدل Model Factories

  • منابع API API Resources

  • کنترل کننده ها Controllers

  • کنترل کننده ها Controllers

  • اعتبار سنجی Validation

  • لمس پایانی Finishing touch

  • لمس پایانی Finishing touch

  • ارتقاء برنامه لاراول ما به جدیدترین نسخه (v8) Upgrading our Laravel app to the newest version (v8)

یادگیری مفهوم اصلی لاراول Learning Laravel core concept

  • بخش مقدمه Section Introduction

  • بازدیدها Views

  • کار با Artisan CLI & Tinker Working with Artisan CLI & Tinker

  • راه اندازی اتصال پایگاه داده ما Setting up our Database connection

  • مهاجرت پایگاه داده Database Migration

  • کار با Faker Library Working with Faker Library

  • شیوا Eloquent

  • رابطه فصیح - درج مدل های مرتبط Eloquent Relationship - Inserting Related Models

  • کارخانه های مدل Model Factories

  • منابع API API Resources

  • اعتبار سنجی Validation

  • ارتقاء برنامه لاراول ما به جدیدترین نسخه (v8) Upgrading our Laravel app to the newest version (v8)

مصرف REST API در برنامه Vue.js ما Consuming REST API in our Vue.js Application

  • بخش مقدمه Section Introduction

  • واکشی همه محصولات Fetching all products

  • واکشی همه محصولات Fetching all products

  • در حال واکشی دسته‌ها Fetching categories

  • ذخیره محصول جدید Saving new product

  • ذخیره محصول جدید Saving new product

  • به روز رسانی محصول Updating product

  • به روز رسانی محصول Updating product

  • حذف محصول Deleting product

  • حذف محصول Deleting product

  • پیاده سازی HTML 5 history API Implementing HTML 5 history API

مصرف REST API در برنامه Vue.js ما Consuming REST API in our Vue.js Application

  • بخش مقدمه Section Introduction

  • در حال واکشی دسته‌ها Fetching categories

  • پیاده سازی HTML 5 history API Implementing HTML 5 history API

پروژه 3: ساخت یک کلون Stackoverflow - ایجاد منابع سوالات Project 3: Build a Stackoverflow clone - Creating Questions Resources

  • مخزن پروژه Project Repository

  • مخزن پروژه Project Repository

  • این راهنمای مرجع نسخه های جدید لاراول را دانلود کنید (مهم!) Download this New Laravel Versions Reference Guide (Important!)

  • راه اندازی پروژه Project Setup

  • راه اندازی پروژه Project Setup

  • طراحی طرح سوال - قسمت 1 از 2 Designing Question Schema - Part 1 of 2

  • طراحی طرح سوال - قسمت 1 از 2 Designing Question Schema - Part 1 of 2

  • طراحی طرح سوال - قسمت 2 از 2 Designing Question Schema - Part 2 of 2

  • طراحی طرح سوال - قسمت 2 از 2 Designing Question Schema - Part 2 of 2

  • تولید داده های جعلی از طریق کارخانه های مدل - قسمت 1 از 2 Generating Fake data via Model Factories - Part 1 of 2

  • تولید داده های جعلی از طریق کارخانه های مدل - قسمت 2 از 2 Generating Fake data via Model Factories - Part 2 of 2

  • نمایش تمامی سوالات Displaying all questions

  • افزودن اطلاعات نویسنده و تاریخ ایجاد سؤال در مورد سؤال - قسمت 1 از 2 Adding Author info and Question creation date on Question item - Part 1 of 2

  • افزودن اطلاعات نویسنده و تاریخ ایجاد سؤال در مورد سؤال - قسمت 1 از 2 Adding Author info and Question creation date on Question item - Part 1 of 2

  • افزودن اطلاعات نویسنده و تاریخ ایجاد سؤال در مورد سؤال - قسمت 2 از 2 Adding Author info and Question creation date on Question item - Part 2 of 2

  • افزودن آرا، پاسخ ها و شمارنده بازدیدها در مورد سوال - قسمت 1 از 2 Adding votes, answers and views counter on Question item - Part 1 of 2

  • افزودن آرا، پاسخ ها و شمارنده بازدیدها در مورد سوال - قسمت 1 از 2 Adding votes, answers and views counter on Question item - Part 1 of 2

  • افزودن آرا، پاسخ ها و شمارنده بازدیدها در مورد سوال - قسمت 2 از 2 Adding votes, answers and views counter on Question item - Part 2 of 2

  • فرم سوال ساختمانی - قسمت 1 از 2 Buiding Question Form - Part 1 of 2

  • فرم سوال ساختمانی - قسمت 1 از 2 Buiding Question Form - Part 1 of 2

  • فرم سوال ساختمانی - قسمت 2 از 2 Buiding Question Form - Part 2 of 2

  • اعتبارسنجی و ذخیره سوال - قسمت 1 از 2 Validating and Saving the Question - Part 1 of 2

  • اعتبارسنجی و ذخیره سوال - قسمت 1 از 2 Validating and Saving the Question - Part 1 of 2

  • اعتبارسنجی و ذخیره سوال - قسمت 2 از 2 Validating and Saving the Question - Part 2 of 2

  • اعتبارسنجی و ذخیره سوال - قسمت 2 از 2 Validating and Saving the Question - Part 2 of 2

  • به روز رسانی سوال - قسمت 1 از 2 Updating The Question - Part 1 of 2

  • به روز رسانی سوال - قسمت 2 از 2 Updating The Question - Part 2 of 2

  • به روز رسانی سوال - قسمت 2 از 2 Updating The Question - Part 2 of 2

  • حذف سوال Deleting The Question

  • حذف سوال Deleting The Question

  • نمایش جزئیات سوال Showing The Question detail

  • نمایش جزئیات سوال Showing The Question detail

  • مجوز دادن به سوال - استفاده از گیت ها Authorizing The Question - Using Gates

  • مجوز دادن به سوال - استفاده از گیت ها Authorizing The Question - Using Gates

  • مجوز دادن به سوال - استفاده از سیاست ها Authorizing The Question - Using Policies

پروژه 3: ساخت یک کلون Stackoverflow - ایجاد منابع سوالات Project 3: Build a Stackoverflow clone - Creating Questions Resources

  • این راهنمای مرجع نسخه های جدید لاراول را دانلود کنید (مهم!) Download this New Laravel Versions Reference Guide (Important!)

  • تولید داده های جعلی از طریق کارخانه های مدل - قسمت 1 از 2 Generating Fake data via Model Factories - Part 1 of 2

  • تولید داده های جعلی از طریق کارخانه های مدل - قسمت 2 از 2 Generating Fake data via Model Factories - Part 2 of 2

  • نمایش تمامی سوالات Displaying all questions

  • افزودن اطلاعات نویسنده و تاریخ ایجاد سؤال در مورد سؤال - قسمت 2 از 2 Adding Author info and Question creation date on Question item - Part 2 of 2

  • افزودن آرا، پاسخ ها و شمارنده بازدیدها در مورد سوال - قسمت 2 از 2 Adding votes, answers and views counter on Question item - Part 2 of 2

  • فرم سوال ساختمانی - قسمت 2 از 2 Buiding Question Form - Part 2 of 2

  • به روز رسانی سوال - قسمت 1 از 2 Updating The Question - Part 1 of 2

  • مجوز دادن به سوال - استفاده از سیاست ها Authorizing The Question - Using Policies

پروژه 3: ساخت یک کلون Stackoverflow - ایجاد منبع پاسخ Project 3: Build a Stackoverflow clone - Creating Answers Resource

  • طراحی طرحواره پاسخ Designing Answer Schema

  • ایجاد پاسخ های جعلی - قسمت 1 از 2 Generating Fake Answers - Part 1 of 2

  • ایجاد پاسخ های جعلی - قسمت 1 از 2 Generating Fake Answers - Part 1 of 2

  • ایجاد پاسخ های جعلی - قسمت 2 از 2 Generating Fake Answers - Part 2 of 2

  • ایجاد پاسخ های جعلی - قسمت 2 از 2 Generating Fake Answers - Part 2 of 2

  • نمایش پاسخ برای سوال Displaying answers for question

  • افزودن کنترل های رای در پرسش و پاسخ - قسمت 1 از 3 Adding Vote Controls on Question and Answer - Part 1 of 3

  • افزودن کنترل های رای در پرسش و پاسخ - قسمت 1 از 3 Adding Vote Controls on Question and Answer - Part 1 of 3

  • افزودن کنترل های رای در پرسش و پاسخ - قسمت 2 از 3 Adding Vote Controls on Question and Answer - Part 2 of 3

  • افزودن کنترل های رای در پرسش و پاسخ - قسمت 2 از 3 Adding Vote Controls on Question and Answer - Part 2 of 3

  • افزودن کنترل های رای در پرسش و پاسخ - قسمت 3 از 3 Adding Vote Controls on Question and Answer - Part 3 of 3

  • افزودن کنترل های رای در پرسش و پاسخ - قسمت 3 از 3 Adding Vote Controls on Question and Answer - Part 3 of 3

  • ذخیره پاسخ - قسمت 1 از 3 Saving The Answer - Part 1 of 3

  • ذخیره پاسخ - قسمت 1 از 3 Saving The Answer - Part 1 of 3

  • ذخیره پاسخ - قسمت 2 از 3 Saving The Answer - Part 2 of 3

  • ذخیره پاسخ - قسمت 2 از 3 Saving The Answer - Part 2 of 3

  • ذخیره پاسخ - قسمت 3 از 3 Saving The Answer - Part 3 of 3

  • ذخیره پاسخ - قسمت 3 از 3 Saving The Answer - Part 3 of 3

  • به روز رسانی پاسخ - قسمت 1 از 2 Updating The Answer - Part 1 of 2

  • به روز رسانی پاسخ - قسمت 1 از 2 Updating The Answer - Part 1 of 2

  • به روز رسانی پاسخ - قسمت 2 از 2 Updating The Answer - Part 2 of 2

  • حذف پاسخ - قسمت 1 از 3 Deleting The Answer - Part 1 of 3

  • حذف پاسخ - قسمت 2 از 3 Deleting The Answer - Part 2 of 3

  • حذف پاسخ - قسمت 2 از 3 Deleting The Answer - Part 2 of 3

  • حذف پاسخ - قسمت 3 از 3 Deleting The Answer - Part 3 of 3

  • حذف پاسخ - قسمت 3 از 3 Deleting The Answer - Part 3 of 3

پروژه 3: ساخت یک کلون Stackoverflow - ایجاد منبع پاسخ Project 3: Build a Stackoverflow clone - Creating Answers Resource

  • طراحی طرحواره پاسخ Designing Answer Schema

  • نمایش پاسخ برای سوال Displaying answers for question

  • به روز رسانی پاسخ - قسمت 2 از 2 Updating The Answer - Part 2 of 2

  • حذف پاسخ - قسمت 1 از 3 Deleting The Answer - Part 1 of 3

پروژه 3: ساخت یک کلون Stackoverflow - افزودن سیستم کنترل رأی Project 3: Build a Stackoverflow clone - Adding Vote Control System

  • پذیرش پاسخ به عنوان بهترین پاسخ - قسمت 1 از 2 Accepting the answer as best answer - Part 1 of 2

  • پذیرش پاسخ به عنوان بهترین پاسخ - قسمت 2 از 2 Accepting the answer as best answer - Part 2 of 2

  • پذیرش پاسخ به عنوان بهترین پاسخ - قسمت 2 از 2 Accepting the answer as best answer - Part 2 of 2

  • برگزیدن سوال - قسمت 1 از 4 Favoriting The Question - Part 1 of 4

  • برگزیدن سوال - قسمت 1 از 4 Favoriting The Question - Part 1 of 4

  • برگزیدن سوال - قسمت 2 از 4 Favoriting The Question - Part 2 of 4

  • برگزیدن سوال - قسمت 2 از 4 Favoriting The Question - Part 2 of 4

  • برگزیدن سوال - قسمت 3 از 4 Favoriting The Question - Part 3 of 4

  • برگزیدن سوال - قسمت 3 از 4 Favoriting The Question - Part 3 of 4

  • برگزیدن سوال - قسمت 4 از 4 Favoriting The Question - Part 4 of 4

  • رای دادن به پرسش و پاسخ - قسمت 1 از 6 Voting The Question & Answer - Part 1 of 6

  • رای دادن به پرسش و پاسخ - قسمت 2 از 6 Voting The Question & Answer - Part 2 of 6

  • رای دادن به پرسش و پاسخ - قسمت 3 از 6 Voting The Question & Answer - Part 3 of 6

  • رای دادن به پرسش و پاسخ - قسمت 3 از 6 Voting The Question & Answer - Part 3 of 6

  • رای دادن به پرسش و پاسخ - قسمت 4 از 6 Voting The Question & Answer - Part 4 of 6

  • رای دادن به پرسش و پاسخ - قسمت 4 از 6 Voting The Question & Answer - Part 4 of 6

  • رای دادن به پرسش و پاسخ - قسمت 5 از 6 Voting The Question & Answer - Part 5 of 6

  • رای دادن به پرسش و پاسخ - قسمت 6 از 6 Voting The Question & Answer - Part 6 of 6

پروژه 3: ساخت یک کلون Stackoverflow - افزودن سیستم کنترل رأی Project 3: Build a Stackoverflow clone - Adding Vote Control System

  • پذیرش پاسخ به عنوان بهترین پاسخ - قسمت 1 از 2 Accepting the answer as best answer - Part 1 of 2

  • برگزیدن سوال - قسمت 4 از 4 Favoriting The Question - Part 4 of 4

  • رای دادن به پرسش و پاسخ - قسمت 1 از 6 Voting The Question & Answer - Part 1 of 6

  • رای دادن به پرسش و پاسخ - قسمت 2 از 6 Voting The Question & Answer - Part 2 of 6

  • رای دادن به پرسش و پاسخ - قسمت 5 از 6 Voting The Question & Answer - Part 5 of 6

  • رای دادن به پرسش و پاسخ - قسمت 6 از 6 Voting The Question & Answer - Part 6 of 6

Refactoring و Misc Code Refactoring & Misc

  • بازسازی مدل ها Refactoring The Models

  • بازسازی مدل ها Refactoring The Models

  • Refactoring The Views - قسمت 1 از 2 Refactoring The Views - Part 1 of 2

  • Refactoring The Views - قسمت 2 از 2 Refactoring The Views - Part 2 of 2

  • Refactoring The Views - قسمت 2 از 2 Refactoring The Views - Part 2 of 2

  • جلوگیری از حمله XSS - قسمت 1 از 2 Preventing The Application from XSS Attack - Part 1 of 2

  • جلوگیری از حمله XSS - قسمت 2 از 2 Preventing The Application from XSS Attack - Part 2 of 2

  • متفرقه Miscellaneous

  • متفرقه Miscellaneous

  • مرتب کردن دیدگاه هایمان Tidying up our views

Refactoring و Misc Code Refactoring & Misc

  • Refactoring The Views - قسمت 1 از 2 Refactoring The Views - Part 1 of 2

  • جلوگیری از حمله XSS - قسمت 1 از 2 Preventing The Application from XSS Attack - Part 1 of 2

  • جلوگیری از حمله XSS - قسمت 2 از 2 Preventing The Application from XSS Attack - Part 2 of 2

  • مرتب کردن دیدگاه هایمان Tidying up our views

ادغام Vue.js به برنامه کلون Stackoverflow Integrating Vue.js to Stackoverflow clone app

  • ایجاد اولین مؤلفه Vue.js ما - قسمت 1 از 2 (ساخت مؤلفه) Creating our first Vue.js Component - Part 1 of 2 (Building The Component)

  • ایجاد اولین مؤلفه Vue.js ما - قسمت 1 از 2 (ساخت مؤلفه) Creating our first Vue.js Component - Part 1 of 2 (Building The Component)

  • ایجاد اولین مؤلفه Vue.js ما - قسمت 2 از 2 (با استفاده از مؤلفه) Creating our first Vue.js Component - Part 2 of 2 (Using The Component)

  • ایجاد اولین مؤلفه Vue.js ما - قسمت 2 از 2 (با استفاده از مؤلفه) Creating our first Vue.js Component - Part 2 of 2 (Using The Component)

  • ایجاد کامپوننت پاسخ Vue - قسمت 1 از 5 (با استفاده از الگوی درون خطی Vue.js) Creating Vue Answer Component - Part 1 of 5 (Using Vue.js Inline Template)

  • ایجاد کامپوننت پاسخ Vue - قسمت 1 از 5 (با استفاده از الگوی درون خطی Vue.js) Creating Vue Answer Component - Part 1 of 5 (Using Vue.js Inline Template)

  • ایجاد کامپوننت پاسخ Vue - قسمت 2 از 5 (Ajaxifying The Edit) Creating Vue Answer Component - Part 2 of 5 (Ajaxifying The Edit button)

  • ایجاد کامپوننت پاسخ Vue - قسمت 3 از 5 (ساخت فرم درون خطی پاسخ) Creating Vue Answer Component - Part 3 of 5 (Build Answer Inline Form)

  • ایجاد مولفه پاسخ Vue - قسمت 4 از 5 (واگرد تغییرات) Creating Vue Answer Component - Part 4 of 5 (Undoing changes)

  • ایجاد مولفه پاسخ Vue - قسمت 4 از 5 (واگرد تغییرات) Creating Vue Answer Component - Part 4 of 5 (Undoing changes)

  • ایجاد مؤلفه پاسخ Vue - قسمت 5 از 5 (تأیید اعتبار) Creating Vue Answer Component - Part 5 of 5 (Validation)

  • آژاکسیفیک کردن دکمه حذف پاسخ Ajaxifying the Delete answer button

  • آژاکسیفیک کردن دکمه حذف پاسخ Ajaxifying the Delete answer button

  • زیباسازی پیام‌های فلش و تأیید Beautifying The Flash & Confirm messages

  • زیباسازی پیام‌های فلش و تأیید Beautifying The Flash & Confirm messages

  • ایجاد مؤلفه دلخواه - قسمت 1 از 3 (از دکمه تا مؤلفه Vue.js) Creating Favorite Component - Part 1 of 3 (From button to Vue.js Component)

  • ایجاد مؤلفه دلخواه - قسمت 1 از 3 (از دکمه تا مؤلفه Vue.js) Creating Favorite Component - Part 1 of 3 (From button to Vue.js Component)

  • ایجاد مؤلفه دلخواه - قسمت 2 از 3 (Event Handler) Creating Favorite Component - Part 2 of 3 (Event Handler)

  • ایجاد مؤلفه دلخواه - قسمت 2 از 3 (Event Handler) Creating Favorite Component - Part 2 of 3 (Event Handler)

  • ایجاد مؤلفه مورد علاقه - قسمت 3 از 3 (تأیید هویت دکمه) Creating Favorite Component - Part 3 of 3 (Authenticating the button)

  • ایجاد مؤلفه Accept Answer - قسمت 1 از 2 (از دکمه به مؤلفه Vue) Creating Accept Answer Component - Part 1 of 2 (from button into Vue component)

  • ایجاد مؤلفه Accept Answer - قسمت 1 از 2 (از دکمه به مؤلفه Vue) Creating Accept Answer Component - Part 1 of 2 (from button into Vue component)

  • ایجاد مؤلفه پاسخ پذیرش - قسمت 2 از 2 (کنترل کننده رویداد) Creating Accept Answer Component - Part 2 of 2 (event handler)

  • بازنویسی منطق مجوز - قسمت 1 از 2 (مجوز اصلی) Rewriting The Authorization Logic - Part 1 of 2 (Core authorization)

  • بازنویسی منطق مجوز - قسمت 2 از 2 (بازنویسی) Rewriting The Authorization Logic - Part 2 of 2 (Refactoring)

  • ایجاد مؤلفه رأی - قسمت 1 از 3 (از blade تا مؤلفه Vue) Creating Vote Component - Part 1 of 3 (From blade to Vue Component)

  • ایجاد مؤلفه رأی - قسمت 2 از 3 (بررسی رویداد) Creating Vote Component - Part 2 of 3 (Event Handling)

  • ایجاد مؤلفه رأی - قسمت 3 از 3 (رفع مشکلات) Creating Vote Component - Part 3 of 3 (Fixing issues)

  • ایجاد کامپوننت Vue Answers Creating Vue Answers Component

  • ویژگی بارگذاری ساختمان پاسخ های بیشتر - قسمت 1 از 2 Building Load more answers Feature - Part 1 of 2

  • ویژگی بارگذاری ساختمان پاسخ های بیشتر - قسمت 2 از 2 Building Load more answers Feature - Part 2 of 2

  • ویژگی بارگذاری ساختمان پاسخ های بیشتر - قسمت 2 از 2 Building Load more answers Feature - Part 2 of 2

  • پیاده سازی رویدادهای سفارشی Vue.js Implementing Vue.js Custom Events

  • پیاده سازی اتوبوس رویداد جهانی Implementing Global Event Bus

  • پیاده سازی اتوبوس رویداد جهانی Implementing Global Event Bus

  • ایجاد کامپوننت پاسخ جدید - قسمت 1 از 2 (از blade تا جزء Vue.js) Creating New Answer Component - Part 1 of 2 (From blade to Vue.js component)

  • ایجاد مولفه پاسخ جدید - قسمت 2 از 2 (بررسی رویداد) Creating New Answer Component - Part 2 of 2 (Event Handling)

  • ایجاد مولفه پاسخ جدید - قسمت 2 از 2 (بررسی رویداد) Creating New Answer Component - Part 2 of 2 (Event Handling)

  • ایجاد مؤلفه سؤال - قسمت 1 از 3 (از blade تا جزء vue.js) Creating Question Component - Part 1 of 3 (from blade to vue.js component)

  • ایجاد مولفه سوال - قسمت 2 از 3 (ساخت فرم درون خطی) Creating Question Component - Part 2 of 3 (Build inline Form)

  • ایجاد مولفه سوال - قسمت 2 از 3 (ساخت فرم درون خطی) Creating Question Component - Part 2 of 3 (Build inline Form)

  • ایجاد مؤلفه سؤال - قسمت 3 از 3 (متفرقه) Creating Question Component - Part 3 of 3 (Misc)

  • کار با Vue.js Mixins Working With Vue.js Mixins

  • کار با Vue.js Mixins Working With Vue.js Mixins

ادغام Vue.js به برنامه کلون Stackoverflow Integrating Vue.js to Stackoverflow clone app

  • ایجاد کامپوننت پاسخ Vue - قسمت 2 از 5 (Ajaxifying The Edit) Creating Vue Answer Component - Part 2 of 5 (Ajaxifying The Edit button)

  • ایجاد کامپوننت پاسخ Vue - قسمت 3 از 5 (ساخت فرم درون خطی پاسخ) Creating Vue Answer Component - Part 3 of 5 (Build Answer Inline Form)

  • ایجاد مؤلفه پاسخ Vue - قسمت 5 از 5 (تأیید اعتبار) Creating Vue Answer Component - Part 5 of 5 (Validation)

  • ایجاد مؤلفه مورد علاقه - قسمت 3 از 3 (تأیید هویت دکمه) Creating Favorite Component - Part 3 of 3 (Authenticating the button)

  • ایجاد مؤلفه پاسخ پذیرش - قسمت 2 از 2 (کنترل کننده رویداد) Creating Accept Answer Component - Part 2 of 2 (event handler)

  • بازنویسی منطق مجوز - قسمت 1 از 2 (مجوز اصلی) Rewriting The Authorization Logic - Part 1 of 2 (Core authorization)

  • بازنویسی منطق مجوز - قسمت 2 از 2 (بازنویسی) Rewriting The Authorization Logic - Part 2 of 2 (Refactoring)

  • ایجاد مؤلفه رأی - قسمت 1 از 3 (از blade تا مؤلفه Vue) Creating Vote Component - Part 1 of 3 (From blade to Vue Component)

  • ایجاد مؤلفه رأی - قسمت 2 از 3 (بررسی رویداد) Creating Vote Component - Part 2 of 3 (Event Handling)

  • ایجاد مؤلفه رأی - قسمت 3 از 3 (رفع مشکلات) Creating Vote Component - Part 3 of 3 (Fixing issues)

  • ایجاد کامپوننت Vue Answers Creating Vue Answers Component

  • ویژگی بارگذاری ساختمان پاسخ های بیشتر - قسمت 1 از 2 Building Load more answers Feature - Part 1 of 2

  • پیاده سازی رویدادهای سفارشی Vue.js Implementing Vue.js Custom Events

  • ایجاد کامپوننت پاسخ جدید - قسمت 1 از 2 (از blade تا جزء Vue.js) Creating New Answer Component - Part 1 of 2 (From blade to Vue.js component)

  • ایجاد مؤلفه سؤال - قسمت 1 از 3 (از blade تا جزء vue.js) Creating Question Component - Part 1 of 3 (from blade to vue.js component)

  • ایجاد مؤلفه سؤال - قسمت 3 از 3 (متفرقه) Creating Question Component - Part 3 of 3 (Misc)

ساخت مؤلفه ویرایشگر Markdown با پشتیبانی از Syntax Highlight [اختیاری] Building Markdown Editor Component with Syntax Highlight Support [Optional]

  • بخش معرفی Section Intro

  • بخش معرفی Section Intro

  • مؤلفه ویرایشگر آهنگسازی Composing Editor Component

  • پیش نمایش Markdown را فعال کنید Enable Markdown Preview

  • اندازه خودکار ویرایشگر Autosizing The Editor

  • ادغام برجسته نحو Syntax Highlight Integration

  • ادغام برجسته نحو Syntax Highlight Integration

  • رفع مشکل Syntax Highlight در اولین بار Fixing Syntax Highlight issue on the first load

  • رفع مشکل Syntax Highlight هنگام لغو ویرایش Fixing Syntax Highlight issue when cancel editing

  • رفع مشکل Syntax Highlight هنگام لغو ویرایش Fixing Syntax Highlight issue when cancel editing

  • ایجاد Highlight Mixin Creating Highlight Mixin

  • ادغام ویرایشگر Markdown در کامپوننت پاسخ Integrating Markdown Editor in Answer Component

  • ادغام ویرایشگر Markdown در کامپوننت پاسخ جدید Integrating Markdown Editor in New Answer Component

  • ادغام ویرایشگر Markdown در کامپوننت پاسخ جدید Integrating Markdown Editor in New Answer Component

  • رفع مشکل Syntax Highlight پس از اضافه شدن پاسخ جدید Fixing Syntax Highlight issue after new answer added

  • رفع مشکل Syntax Highlight پس از اضافه شدن پاسخ جدید Fixing Syntax Highlight issue after new answer added

  • رفع هایلایت نحو در مولفه پاسخ ها Fixing Syntax Highlight in Answers Component

  • رفع هایلایت نحو در مولفه پاسخ ها Fixing Syntax Highlight in Answers Component

ساخت مؤلفه ویرایشگر Markdown با پشتیبانی از Syntax Highlight [اختیاری] Building Markdown Editor Component with Syntax Highlight Support [Optional]

  • مؤلفه ویرایشگر آهنگسازی Composing Editor Component

  • پیش نمایش Markdown را فعال کنید Enable Markdown Preview

  • اندازه خودکار ویرایشگر Autosizing The Editor

  • رفع مشکل Syntax Highlight در اولین بار Fixing Syntax Highlight issue on the first load

  • ایجاد Highlight Mixin Creating Highlight Mixin

  • ادغام ویرایشگر Markdown در کامپوننت پاسخ Integrating Markdown Editor in Answer Component

توسعه API RESTful RESTful API Development

  • نصب لاراول پاسپورت Installing Laravel Passport

  • نصب لاراول پاسپورت Installing Laravel Passport

  • درخواست رمز پاسپورت Requesting a Passport Token

  • درخواست رمز پاسپورت Requesting a Passport Token

  • ایجاد نقطه پایانی API برای نمایش تمام سوالات Creating API Endpoint for displaying all questions

  • ایجاد نقطه پایانی API برای نمایش تمام سوالات Creating API Endpoint for displaying all questions

  • تبدیل داده ها با استفاده از منابع API Eloquent Transforming Data using Eloquent API Resources

  • ایجاد نقطه پایانی API برای افزودن سؤال جدید Creating API Endpoint for adding new question

  • ایجاد نقطه پایانی API برای افزودن سؤال جدید Creating API Endpoint for adding new question

  • ایجاد نقاط پایانی API برای به‌روزرسانی و حذف سؤال موجود Creating API Endpoints for Updating & Deleting existing question

  • ایجاد نقاط پایانی API برای به‌روزرسانی و حذف سؤال موجود Creating API Endpoints for Updating & Deleting existing question

  • ایجاد نقطه پایانی API برای نمایش جزئیات سؤال Creating API Endpoint for showing question details

  • ایجاد نقاط پایانی پاسخ Creating Answer Endpoints

  • ایجاد نقطه پایانی پرسش و پاسخ رأی Creating Vote Question & Answer Endpoints

  • ایجاد نقطه پایانی پرسش و پاسخ رأی Creating Vote Question & Answer Endpoints

  • ایجاد سؤال مورد علاقه و پذیرش نقطه پایانی پاسخ Creating Favourite Question & Accept Answer Endpoints

  • نقطه پایانی پست های کاربر فعلی Current User's Posts Endpoint

  • نقطه پایانی پست های کاربر فعلی Current User's Posts Endpoint

  • API Authentication The Authentication API

  • API Authentication The Authentication API

توسعه API RESTful RESTful API Development

  • تبدیل داده ها با استفاده از منابع API Eloquent Transforming Data using Eloquent API Resources

  • ایجاد نقطه پایانی API برای نمایش جزئیات سؤال Creating API Endpoint for showing question details

  • ایجاد نقاط پایانی پاسخ Creating Answer Endpoints

  • ایجاد سؤال مورد علاقه و پذیرش نقطه پایانی پاسخ Creating Favourite Question & Accept Answer Endpoints

ساخت اپلیکیشن تک صفحه ای Building Single Page Application

  • به روز رسانی بسته های npm Updating npm packages

  • شروع کار با SPA - راه اندازی Backend Route Fallback Getting started with SPA - Setting up Backend Route Fallback

  • شروع کار با SPA - نصب و پیکربندی روتر Vue Getting started with SPA - Installing and configuring Vue Router

  • شروع کار با SPA - نصب و پیکربندی روتر Vue Getting started with SPA - Installing and configuring Vue Router

  • شروع کار با SPA - با استفاده از مولفه روتر لینک Vue Getting started with SPA - Using Vue router RouterLink component

  • شروع کار با SPA - با استفاده از مولفه روتر لینک Vue Getting started with SPA - Using Vue router RouterLink component

  • شروع کار با SPA - Vue Router Guards Navigation Guards Getting started with SPA - Vue Router Navigation Guards

  • شروع کار با SPA - Vue Router Guards Navigation Guards Getting started with SPA - Vue Router Navigation Guards

  • شروع کار با SPA - مدیریت صفحه خطای 404 Getting started with SPA - Handling 404 error page

  • جزء QuestionsPage - راه اندازی API baseURL The QuestionsPage Component - Setting up API baseURL

  • جزء QuestionsPage - راه اندازی API baseURL The QuestionsPage Component - Setting up API baseURL

  • کامپوننت QuestionsPage - ساختن رابط کاربری The QuestionsPage Component - Building User Interface

  • جزء QuestionsPage - مصرف کننده نقطه پایانی API The QuestionsPage Component - Consuming API Endpoint

  • جزء QuestionsPage - مصرف کننده نقطه پایانی API The QuestionsPage Component - Consuming API Endpoint

  • کامپوننت QuestionsPage - رفع مشکل مجوز The QuestionsPage Component - Fixing Authorization issue

  • ایجاد کامپوننت صفحه بندی Creating Pagination Component

  • ایجاد کامپوننت صفحه بندی Creating Pagination Component

  • ایجاد مؤلفه فرم سؤال - از فایل Blade تا مؤلفه Vue.js Creating Question Form Component - From Blade file to Vue.js component

  • ایجاد جزء فرم سوال - مدیریت داده های فرم Creating Question Form Component - Handling Form Data

  • ایجاد کامپوننت ویرایش سوال Creating Edit Question Component

  • آژاکسیفیک کردن دکمه حذف سوال Ajaxifying the Delete question button

  • مؤلفه صفحه سؤال - نمایش جزئیات سؤال The Question Page Component - Showing question details

  • جزء صفحه سوال - نمایش پاسخ های مرتبط The Question Page Component - Displaying related answers

  • مؤلفه صفحه سؤال - رفع دکمه حذف سؤال The Question Page Component - Fixing the Delete question button

  • مؤلفه صفحه سؤال - رفع دکمه Load more answers The Question Page Component - Fixing the Load more answers button

  • مؤلفه صفحه سؤال - رفع دکمه مورد علاقه The Question Page Component - Fixing The Favourite button

  • نمایش پست کاربر فعلی - ایجاد رابط کاربری Displaying current user's post - Building User Interface

  • نمایش پست کاربر فعلی - Consuming Backend API Displaying current user's post - Consuming Backend API

  • صیقل دادن برنامه ما - افزودن جلوه انتقال Polishing up our app - Adding Transition effect

  • صیقل دادن برنامه ما - افزودن اسپینر AJAX در صفحه همه سوالات Polishing up our app - Adding AJAX Spinner on All questions page

  • صیقل دادن برنامه ما - استفاده از رهگیر Axios برای کنترل جهانی Spinner Polishing up our app - Using Axios interceptor to control the Spinner globally

  • صیقل دادن برنامه ما - افزودن AJAX Spinner هنگام ارسال فرم Polishing up our app - Adding AJAX Spinner when submitting the form

  • رفع اشکال نهایی Final Bug fixing

  • رفع اشکال نهایی Final Bug fixing

ساخت اپلیکیشن تک صفحه ای Building Single Page Application

  • به روز رسانی بسته های npm Updating npm packages

  • شروع کار با SPA - راه اندازی Backend Route Fallback Getting started with SPA - Setting up Backend Route Fallback

  • شروع کار با SPA - مدیریت صفحه خطای 404 Getting started with SPA - Handling 404 error page

  • کامپوننت QuestionsPage - ساختن رابط کاربری The QuestionsPage Component - Building User Interface

  • کامپوننت QuestionsPage - رفع مشکل مجوز The QuestionsPage Component - Fixing Authorization issue

  • ایجاد مؤلفه فرم سؤال - از فایل Blade تا مؤلفه Vue.js Creating Question Form Component - From Blade file to Vue.js component

  • ایجاد جزء فرم سوال - مدیریت داده های فرم Creating Question Form Component - Handling Form Data

  • ایجاد کامپوننت ویرایش سوال Creating Edit Question Component

  • آژاکسیفیک کردن دکمه حذف سوال Ajaxifying the Delete question button

  • مؤلفه صفحه سؤال - نمایش جزئیات سؤال The Question Page Component - Showing question details

  • جزء صفحه سوال - نمایش پاسخ های مرتبط The Question Page Component - Displaying related answers

  • مؤلفه صفحه سؤال - رفع دکمه حذف سؤال The Question Page Component - Fixing the Delete question button

  • مؤلفه صفحه سؤال - رفع دکمه Load more answers The Question Page Component - Fixing the Load more answers button

  • مؤلفه صفحه سؤال - رفع دکمه مورد علاقه The Question Page Component - Fixing The Favourite button

  • نمایش پست کاربر فعلی - ایجاد رابط کاربری Displaying current user's post - Building User Interface

  • نمایش پست کاربر فعلی - Consuming Backend API Displaying current user's post - Consuming Backend API

  • صیقل دادن برنامه ما - افزودن جلوه انتقال Polishing up our app - Adding Transition effect

  • صیقل دادن برنامه ما - افزودن اسپینر AJAX در صفحه همه سوالات Polishing up our app - Adding AJAX Spinner on All questions page

  • صیقل دادن برنامه ما - استفاده از رهگیر Axios برای کنترل جهانی Spinner Polishing up our app - Using Axios interceptor to control the Spinner globally

  • صیقل دادن برنامه ما - افزودن AJAX Spinner هنگام ارسال فرم Polishing up our app - Adding AJAX Spinner when submitting the form

پیوست I - ارتقاء برنامه لاراول Appendix I - Upgrading Laravel App

  • معرفی Introduction

  • ارتقاء به لاراول 5.7 - به روز رسانی وابستگی ها و برنامه اصلی Upgrading to Laravel 5.7 - Update Dependencies & Core Application

  • ارتقاء به لاراول 5.7 - به روز رسانی وابستگی ها و برنامه اصلی Upgrading to Laravel 5.7 - Update Dependencies & Core Application

  • ارتقاء به لاراول 5.7 - همگام سازی ساختار برنامه Upgrading to Laravel 5.7 - Syncing Application's structure

  • ارتقاء به لاراول 5.7 - همگام سازی ساختار برنامه Upgrading to Laravel 5.7 - Syncing Application's structure

  • ارتقا به لاراول 5.7 - تست Upgrading to Laravel 5.7 - Testing

  • ارتقاء به لاراول 5.8 - به روز رسانی وابستگی ها و برنامه اصلی Upgrading to Laravel 5.8 - Update Dependencies & Core Application

  • ارتقاء به لاراول 5.8 - به روز رسانی وابستگی ها و برنامه اصلی Upgrading to Laravel 5.8 - Update Dependencies & Core Application

  • ارتقاء به لاراول 5.8 - همگام سازی ساختار برنامه Upgrading to Laravel 5.8 - Syncing Application's structure

  • ارتقا به لاراول 5.8 - تست Upgrading to Laravel 5.8 - Testing

  • ارتقا به لاراول 5.8 - تست Upgrading to Laravel 5.8 - Testing

  • رفع خطای ایمیل تایید شده Fixing The Verified Email Error

  • رفع خطای ایمیل تایید شده Fixing The Verified Email Error

  • ارتقا به لاراول 6.0 Upgrading to Laravel 6.0

  • ارتقا به لاراول 6.0 Upgrading to Laravel 6.0

پیوست I - ارتقاء برنامه لاراول Appendix I - Upgrading Laravel App

  • معرفی Introduction

  • ارتقا به لاراول 5.7 - تست Upgrading to Laravel 5.7 - Testing

  • ارتقاء به لاراول 5.8 - همگام سازی ساختار برنامه Upgrading to Laravel 5.8 - Syncing Application's structure

ضمیمه II - استقرار برنامه لاراول در Heroku Appendix II - Deployment Laravel App in Heroku

  • معرفی هروکو Introducing Heroku

  • معرفی هروکو Introducing Heroku

  • ساخت اپلیکیشن Heroku Creating Heroku App

  • ایجاد پایگاه داده Creating a Database

  • ایجاد پایگاه داده Creating a Database

  • تنظیم متغیرهای پیکربندی Heroku Setting Heroku Config Variables

  • تنظیم متغیرهای پیکربندی Heroku Setting Heroku Config Variables

  • رفع خطای دارایی های ناامن Fixing Insecure Assets Error

  • رفع خطای دارایی های ناامن Fixing Insecure Assets Error

ضمیمه II - استقرار برنامه لاراول در Heroku Appendix II - Deployment Laravel App in Heroku

  • ساخت اپلیکیشن Heroku Creating Heroku App

پیوست III - استقرار برنامه لاراول در سرور خصوصی مجازی (اقیانوس دیجیتال) Appendix III - Deploy Laravel App in Virtual Private Server (Digital Ocean)

  • معرفی Introduction

  • راه اندازی سرور Setting up Server

  • راه اندازی سرور Setting up Server

  • نصب Nginx، MySql و PHP Installing Nginx, MySql & PHP

  • راه اندازی فایروال Setting up Firewall

  • راه اندازی فایروال Setting up Firewall

  • ایجاد یک کاربر جدید برای استقرار ما Creating a new user for our deployment

  • ایجاد یک کاربر جدید برای استقرار ما Creating a new user for our deployment

  • راه اندازی Nginx Setting up Nginx

  • راه اندازی Nginx Setting up Nginx

  • راه اندازی MySQL Setting up MySQL

  • تنظیم کلیدهای SSH Setting up SSH Keys

  • استقرار برنامه لاراول در سرور تولید ما Deploying Laravel App in our Production Server

  • اعمال تغییرات جدید Deploying new changes

  • افزودن دامنه به سرور ما Adding domain to our Server

  • راه اندازی SSL بر روی سرور ما Setting up SSL on our server

پیوست III - استقرار برنامه لاراول در سرور خصوصی مجازی (اقیانوس دیجیتال) Appendix III - Deploy Laravel App in Virtual Private Server (Digital Ocean)

  • معرفی Introduction

  • نصب Nginx، MySql و PHP Installing Nginx, MySql & PHP

  • راه اندازی MySQL Setting up MySQL

  • تنظیم کلیدهای SSH Setting up SSH Keys

  • استقرار برنامه لاراول در سرور تولید ما Deploying Laravel App in our Production Server

  • اعمال تغییرات جدید Deploying new changes

  • افزودن دامنه به سرور ما Adding domain to our Server

  • راه اندازی SSL بر روی سرور ما Setting up SSL on our server

[Legacy] شروع به کار با Vue.js [Legacy] Getting started with Vue.js

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

  • Vue.js را به صورت محلی راه اندازی کنید Setup Vue.js locally

  • ارائه فهرست - قسمت 1 از 3 List Rendering - Part 1 of 3

  • ارائه فهرست - قسمت 2 از 3 List Rendering - Part 2 of 3

  • ارائه فهرست - قسمت 2 از 3 List Rendering - Part 2 of 3

  • ارائه فهرست - قسمت 3 از 3 List Rendering - Part 3 of 3

  • ارائه فهرست - قسمت 3 از 3 List Rendering - Part 3 of 3

  • رندر مشروط - قسمت 1 از 3 Conditional Rendering - Part 1 of 3

  • رندر مشروط - قسمت 2 از 3 Conditional Rendering - Part 2 of 3

  • رندر مشروط - قسمت 2 از 3 Conditional Rendering - Part 2 of 3

  • رندر شرطی - قسمت 3 از 3 Conditional Rendering - Part 3 of 3

  • رندر شرطی - قسمت 3 از 3 Conditional Rendering - Part 3 of 3

  • مدیریت رویداد - قسمت 1 از 4 Event Handling - Part 1 of 4

  • مدیریت رویداد - قسمت 2 از 4 Event Handling - Part 2 of 4

  • مدیریت رویداد - قسمت 3 از 4 Event Handling - Part 3 of 4

  • مدیریت رویداد - قسمت 3 از 4 Event Handling - Part 3 of 4

  • مدیریت رویداد - قسمت 4 از 4 Event Handling - Part 4 of 4

  • کلاس صحافی - قسمت 1 از 2 Class Binding - Part 1 of 2

  • کلاس صحافی - قسمت 2 از 2 Class Binding - Part 2 of 2

  • کلاس صحافی - قسمت 2 از 2 Class Binding - Part 2 of 2

  • صحافی سبک - قسمت 1 از 2 Style Binding - Part 1 of 2

  • صحافی سبک - قسمت 1 از 2 Style Binding - Part 1 of 2

  • صحافی سبک - قسمت 2 از 2 Style Binding - Part 2 of 2

  • صحافی سبک - قسمت 2 از 2 Style Binding - Part 2 of 2

  • ویژگی محاسبه شده - قسمت 1 از 3 Computed Property - Part 1 of 3

  • ویژگی محاسبه شده - قسمت 1 از 3 Computed Property - Part 1 of 3

  • ویژگی محاسبه شده - قسمت 2 از 3 Computed Property - Part 2 of 3

  • ویژگی محاسبه شده - قسمت 2 از 3 Computed Property - Part 2 of 3

  • ویژگی محاسبه شده - قسمت 3 از 3 Computed Property - Part 3 of 3

[Legacy] شروع به کار با Vue.js [Legacy] Getting started with Vue.js

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

  • Vue.js را به صورت محلی راه اندازی کنید Setup Vue.js locally

  • ارائه فهرست - قسمت 1 از 3 List Rendering - Part 1 of 3

  • رندر مشروط - قسمت 1 از 3 Conditional Rendering - Part 1 of 3

  • مدیریت رویداد - قسمت 1 از 4 Event Handling - Part 1 of 4

  • مدیریت رویداد - قسمت 2 از 4 Event Handling - Part 2 of 4

  • مدیریت رویداد - قسمت 4 از 4 Event Handling - Part 4 of 4

  • کلاس صحافی - قسمت 1 از 2 Class Binding - Part 1 of 2

  • ویژگی محاسبه شده - قسمت 3 از 3 Computed Property - Part 3 of 3

نمایش نظرات

Udemy (یودمی)

یودمی یکی از بزرگ‌ترین پلتفرم‌های آموزشی آنلاین است که به میلیون‌ها کاربر در سراسر جهان امکان دسترسی به دوره‌های متنوع و کاربردی را فراهم می‌کند. این پلتفرم امکان آموزش در زمینه‌های مختلف از فناوری اطلاعات و برنامه‌نویسی گرفته تا زبان‌های خارجی، مدیریت، و هنر را به کاربران ارائه می‌دهد. با استفاده از یودمی، کاربران می‌توانند به صورت انعطاف‌پذیر و بهینه، مهارت‌های جدیدی را یاد بگیرند و خود را برای بازار کار آماده کنند.

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

آموزش Fullstack Laravel 10 + Vue.js 3 2023 - ساخت API و SPA
جزییات دوره
33 hours
274
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
4,747
4.4 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Eding Muhamad Saprudin Eding Muhamad Saprudin

Edding Muhamad یک توسعه دهنده کامل است که بیش از 10 سال سابقه در زمینه توسعه وب دارد. او عمدتا با PHP کار می کند و برنامه های وب را با چارچوب های PHP مانند Codeigniter ، Yii و Laravel می سازد. او همچنین دارای دانش عالی در Frontend Library یا فریم ورکی مانند jQuery ، Bootstrap و Vue.js. تدوین نیز آموزش عاشقانه است. وی دارای بیش از 5 سال تجربه در زمینه آموزش در محل شامل: برنامه نویسی شی گرا ، جاوا ، ساختار داده ، الگوریتم ، C ++ و PHP است. و بیش از 3 سال تجربه در زمینه آموزش آنلاین به ویژه در Laravel PHP Framework دارد.

TutsPrime Online Education TutsPrime Online Education

آموزش برنامه نویسی آسان شده است