آموزش جامع توسعه وب فول‌استک با SvelteKit و Supabase - آخرین آپدیت

دانلود Full-Stack Web Development with SvelteKit & Supabase

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره: به‌روزرسانی شده در می ۲۰۲۵. این دوره اکنون دارای قابلیت Coursera Coach است! روشی هوشمندتر برای یادگیری با گفتگوهای تعاملی و آنی که به شما کمک می‌کند تا دانش خود را آزمایش کنید، پیش‌فرض‌ها را به چالش بکشید و در حین پیشروی در دوره، درک خود را عمیق‌تر کنید. در این دوره، شما نحوه ساخت یک اپلیکیشن وب فول‌استک را با استفاده از SvelteKit و Supabase خواهید آموخت. در پایان این دوره، مهارت‌های لازم برای توسعه اپلیکیشن‌های مدرن و پویا با یک بک‌اند قدرتمند، سیستم احراز هویت و مدیریت داده‌ها را کسب خواهید کرد. شما با ساخت اجزای بنیادی مانند احراز هویت کاربر و رابط کاربری (UI) انعطاف‌پذیر شروع می‌کنید و به‌تدریج ویژگی‌های پیشرفته‌ای مانند داشبورد کاربر، مدیریت کتاب‌ها و ذخیره‌سازی داده‌ها را ادغام خواهید کرد. این رویکرد عملی به شما اجازه می‌دهد تا آموخته‌های خود را در زمان واقعی از طریق ساخت پروژه «کتابخانه شخصی» به کار ببرید. دوره با راه‌اندازی پروژه و ایجاد اجزای ضروری مانند بخش Hero، کامپوننت‌های دکمه انعطاف‌پذیر و هدر کاربرپسند آغاز می‌شود. سپس به پیاده‌سازی احراز هویت کاربر، هم از طریق فرم‌های ثبت‌نام و ورود و هم با ادغام گزینه‌های ورود اجتماعی مانند گوگل می‌پردازید. در ادامه، Supabase برای خدمات بک‌اند، از جمله مدیریت پایگاه داده و جریان‌های احراز هویت ادغام می‌شود. همچنین یاد می‌گیرید که وضعیت (State) برنامه، مانند ردیابی نشست ورود کاربر را مدیریت کرده و داده‌ها را با بک‌اند همگام‌سازی کنید. با پیشروی در دوره، ساخت کامپوننت‌های قابل استفاده مجدد مانند کارت کتاب و سیستم امتیازدهی ستاره‌ای و همچنین ایجاد صفحات پویا برای هر کتاب و دسته‌بندی‌ها را بررسی خواهید کرد. این اجزا استایل‌دهی شده و به‌طور یکپارچه در پروژه شما ادغام می‌شوند. علاوه بر این، قابلیت‌هایی مانند آپلود جلد کتاب و به‌روزرسانی جزئیات کتاب در پایگاه داده را پیاده‌سازی می‌کنید تا تعامل و تجربه کاربری کتابخانه را ارتقا دهید. این دوره برای توسعه‌دهندگان وب که می‌خواهند درک عمیق‌تری از توسعه فول‌استک با ابزارهای مدرنی مانند SvelteKit و Supabase به دست آورند، ایده‌آل است. اگر علاقه‌مند به ساخت اپلیکیشن‌های وب مقیاس‌پذیر و داده‌محور با رابط‌های کاربری تمیز هستید، این دوره برای شما عالی است. داشتن تجربه قبلی در جاوااسکریپت و مفاهیم پایه توسعه وب توصیه می‌شود.

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

پروژه ۳: کتابخانه شخصی با احراز هویت Supabase Project 3: Personal Book Library with Supabase Authentication

  • مرور کلی پروژه Project Overview

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

  • بخش Hero Hero Section

  • استایل‌دهی بخش Hero Hero Section Styling

  • کامپوننت دکمه انعطاف‌پذیر Flexible Button Component

  • استایل‌دهی دکمه انعطاف‌پذیر Flexible Button Styling

  • هدر (Header) Header

  • استایل‌دهی هدر Header Styling

  • فرم احراز هویت برای صفحات ثبت‌نام و ورود Auth Form for Register & Login Page

  • استایل‌دهی فرم احراز هویت Auth Form Styling

  • اکشن‌های فرم در SvelteKit برای ثبت‌نام و ورود Form Actions in SvelteKit for Registration & Login

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

  • ثبت‌نام در Supabase با ایمیل و رمز عبور Supabase Signup with Email and Password

  • مرور جریان احراز هویت Svelte و Supabase Overview Svelte & Supabase Auth Flow

  • پیاده‌سازی احراز هویت در سمت سرور Auth Implementation Server Side

  • اکشن فرم ورود Login Form Action

  • راه‌اندازی Context برای ردیابی وضعیت کاربر Set Up Context to Keep Track of User State

  • ورود اجتماعی با گوگل Social Login with Google

  • راه‌اندازی دیتابیس و افزودن نام کاربری هنگام ثبت‌نام Database Setup and Addition of Username on Registration

  • اصلاح قابلیت خروج (Logout) Fix Logout

  • دریافت لیست کتاب‌ها از Supabase Fetch Books from Supabase

  • دریافت و نمایش نام کاربری Fetch & Display Username

  • ناوبری کناری و لایه (Layout) احراز هویت Side Navigation & Auth Layout

  • استایل‌دهی لایه احراز هویت Auth Layout Styling

  • داشبورد کاربر User Dashboard

  • استایل‌دهی داشبورد کاربر User Dashboard Styling

  • کامپوننت کارت کتاب Book Card Component

  • استایل‌دهی کارت کتاب Book Card Styling

  • کامپوننت امتیازدهی ستاره‌ای Star Rating Component

  • استایل‌دهی امتیازدهی ستاره‌ای Star Rating Styling

  • ادغام امتیازدهی با کارت کتاب و اتصال به دیتابیس Integrate Star Rating with Book Card and Database Connection

  • کامپوننت دسته‌بندی کتاب Book Category Component

  • استایل‌دهی دسته‌بندی کتاب Book Category Styling

  • فیلتر کردن کتاب‌ها بر اساس دسته‌بندی‌های مختلف Filter Books for Different Book Categories

  • صفحه اختصاصی هر کتاب Individual Book Page

  • استایل‌دهی صفحه اختصاصی کتاب Individual Book Styling

  • حالت ویرایش در صفحه کتاب Edit Mode on Book Page

  • استایل‌دهی فیلدهای ویرایش Edit Fields Styling

  • به‌روزرسانی کتاب‌ها در پایگاه داده Update Books in Database

  • آپلود جلد کتاب با Supabase Storage Upload Book Cover with Supabase Storage

  • استایل‌دهی ناحیه رهاسازی فایل (Droparea) Droparea Styling

  • رابط کاربری حذف کتاب و حذف از دیتابیس Supabase Delete Book UI and Delete from Supabase DB

  • صفحه اسکن قفسه با Dropzone Scan Shelf Page with Dropzone

  • ادغام OpenAI: ارسال تصویر به ChatGPT برای دریافت لیست کتاب‌ها OpenAI Integration - Send Picture to ChatGPT to Get Book Array

  • صفحه اسکن قفسه: ادغام جدول کتاب‌ها و وضعیت (State) Scan Shelf Page - Book Table and State Integration

  • صفحه اسکن قفسه: استایل‌دهی Scan Shelf Page - Styling

  • افزودن کتاب‌ها به دیتابیس از طریق صفحه اسکن قفسه Add Books to Database Through Scan-Shelf Page

  • صفحه تنظیمات و محاسبه آمار کاربر Settings Page & Calculation of User Statistics

  • استایل‌دهی صفحه تنظیمات Settings Page Styling

  • ویرایش جزئیات حساب در صفحه تنظیمات Edit Account Details on Settings Page

  • حذف حساب، پاکسازی پروژه و تشکر نهایی Delete Account and Clean Up of Project and THANKS TO YOU!!!

  • استقرار (Deployment) پروژه Project Deployment

نمایش نظرات

آموزش جامع توسعه وب فول‌استک با SvelteKit و Supabase
جزییات دوره
9h 18m
52
(آخرین آپدیت)
146
- از 5
دارد
دارد
دارد
Chris Croft
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chris Croft Chris Croft

مربی مدیریت، سخنران، نویسنده