آموزش توسعه API با لاراول وSPA با Vue JS از پایه - آخرین آپدیت

دانلود Laravel API Development & Vue JS SPA from Scratch

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

آموزش ساخت API قوی با لاراول و اپلیکیشن تک‌صفحه‌ای (SPA) با Vue.js از پایه

توسعه API RESTful با لاراول

در این بخش، نحوه توسعه یک API قدرتمند و RESTful با استفاده از فریم‌ورک لاراول را یاد خواهید گرفت. این API زیربنای اپلیکیشن تک‌صفحه‌ای شما خواهد بود.

متدولوژی اپلیکیشن تک‌صفحه‌ای (SPA) با Vue.js

با اصول و تکنیک‌های ساخت اپلیکیشن‌های تک‌صفحه‌ای با استفاده از کتابخانه محبوب Vue.js آشنا شوید. ما گام به گام شما را در این مسیر راهنمایی می‌کنیم.

طراحی رابط کاربری (Front-End) با Tailwind CSS

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

پیاده‌سازی قابلیت جستجو با Laravel Scout

یاد بگیرید چگونه با استفاده از Laravel Scout، یک پکیج قدرتمند و رایگان لاراول، قابلیت جستجوی کارآمدی را به مدل‌های اپلیکیشن خود اضافه کنید.

ساخت کامل یک SPA از پایه

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

پیش‌نیازها:

  • آشنایی کافی با PHP، لاراول، JavaScript و Vue
  • داشتن یک محیط توسعه محلی (Local Development Environment)

درباره دوره:

توسعه اپلیکیشن‌های تک‌صفحه‌ای (SPA) نیازمند مجموعه‌ای از مهارت‌های خاص است. در این دوره، ما نحوه توسعه API مورد نیاز برای راه‌اندازی یک پروژه دفترچه آدرس ساده به نام "Jot" را آموزش خواهیم داد. Jot یک SPA خواهد بود که با Vue JS و با استفاده از فریم‌ورک فرانت‌اند Tailwind CSS نوشته شده است. در پایان این دوره، Jot قادر به ایجاد، مشاهده، ویرایش و حذف مخاطبین خواهد بود. همچنین، ما قابلیت جستجو را با استفاده از Laravel Scout، یک پکیج رایگان و رسمی لاراول برای مدل‌های قابل جستجوی ساده، پیاده‌سازی خواهیم کرد.


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

مقدمه Introduction

  • مقدمه Introduction

فایل‌های تمرین - محتوای قابل دانلود Exercise Files - Downloadable Content

  • اسکرین‌شات‌های برنامه App Screenshots

  • آیکون‌های SVG SVG Icons

  • کد منبع دوره Course Source Code

نصب و راه‌اندازی پروژه Installation & Project Setup

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

  • Vue Routing و Laravel Routing Laravel Routing & Vue Routing

مقدمه توسعه API Introduction to API Development

  • مقدمه Introduction

  • راه‌اندازی API و تست اولیه مخاطبین API Setup & Basic Contacts Test

  • اعتبارسنجی پایه Basic Validation

  • پاکسازی تست و بازسازی کد Test Cleanup & Refactor

  • فیلدهای ایمیل و تاریخ Email & Date Fields

  • دریافت یک مخاطب Fetching a Single Contact

  • به‌روزرسانی یک مخاطب (Patching) Patching a Contact

  • حذف یک مخاطب Deleting a Contact

بهبود API Refining The API

  • مقدمه و توکن‌های API Introduction & API Tokens

  • مخاطبین متعلق به کاربران Contacts Belong to Users

  • رفع تست‌های ناموفق - قسمت اول Fixing Broken Tests Part 1

  • رفع تست‌های ناموفق - قسمت دوم Fixing Broken Tests Part 2

  • بازسازی کد به سیاست مخاطب (Contact Policy) Refactoring to a Contact Policy

  • بازسازی کد به منبع مخاطب (Contact Resource) Refactoring to a Contact Resource

  • پاسخ‌های HTTP - قسمت اول HTTP Responses Part 1

  • پاسخ‌های HTTP - قسمت دوم HTTP Responses Part 2

احراز هویت کاربر و طراحی نمای ورود User Authentication & Login View Design

  • راه‌اندازی Tailwindcss Tailwindcss Setup

  • نمای ورود - قسمت اول Login View - Part 1

  • نمای ورود - قسمت دوم Login View - Part 2

  • نمای ورود - قسمت سوم Login View - Part 3

  • راه‌اندازی MySQL و ثبت‌نام کاربر MySQL Setup & User Registration

  • طراحی برنامه - قسمت اول App Design - Part 1

  • طراحی برنامه - قسمت دوم App Design - Part 2

  • طراحی برنامه - قسمت سوم App Design - Part 3

نماها برای مخاطبین - قسمت اول Views for Contacts - Part 1

  • طراحی ایجاد مخاطب Create Contacts Design

  • کامپوننت Vue ورودی قابل استفاده مجدد Reusable Input Vue Component

  • ارسال فرم Submitting the Form

  • مدیریت خطاهای اعتبارسنجی Handling Validation Errors

  • [بسته] بازسازی کد به ویژگی محاسباتی (Computed Property) [BONUS] Refactoring to Computed Property

نماها برای مخاطبین - قسمت دوم Views for Contacts - Part 2

  • واکشی یک مخاطب واحد Fetching a Single Contact

  • دریافت یک مخاطب Fetching a Single Contact

  • طراحی نمای نمایش Show View Design

  • کامپوننت دایره کاربر User Circle Component

  • هدایت مجدد پس از ایجاد Redirecting After Create

  • حذف یک مخاطب Deleting a Contact

  • به‌روزرسانی یک مخاطب Update a Contact

  • فهرست کردن همه مخاطبین Listing all Contacts

نمای تولدها و جستجوی مخاطب Birthdays View & Contact Searching

  • تست تولدها Birthdays Test

  • بازسازی کد به کامپوننت لیست مخاطبین و نمای تولدها Refactoring to a ContactsList Component & Birthday view

  • ویژگی جستجو - قسمت اول Searching Feature - Part 1

  • ویژگی جستجو - قسمت دوم Searching Feature - Part 2

  • ویژگی جستجو - قسمت سوم Searching Feature - Part 3

پرداختن به جزئیات نهایی The Finishing Touches

  • عنوان اسناد Document Titles

  • دنباله خروج از سیستم Logout Sequence

نمایش نظرات

آموزش توسعه API با لاراول وSPA با Vue JS از پایه
جزییات دوره
5.5 hours
49
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
3,500
4.4 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Victor Gonzalez Victor Gonzalez

توسعه دهنده ارشد وب

Victor Gonzalez Victor Gonzalez

توسعه دهنده ارشد وب