К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Full-Stack Web Development with SvelteKit & Supabase · LearnSpace
Назад в каталог
courseraПрограммирование

Full-Stack Web Development with SvelteKit & Supabase

Курс от Packt
Продвинутый≈ 9.6 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

Updated in May 2025. This course now features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. In this course, you'll learn how to build a full-stack web application using SvelteKit and Supabase. By the end of the course, you'll have the skills to develop modern, dynamic applications with robust backend integration, authentication, and data management. You'll start by building foundational components like user authentication and a flexible UI, and progressively integrate advanced features such as user dashboards, book management, and data storage. This hands-on approach allows you to apply your learning in real time through the creation of a Personal Book Library project. The course begins with setting up the project and establishing essential components such as the hero section, flexible button components, and a user-friendly header. You'll then move on to implementing user authentication, both through registration and login forms, along with integrating social login options like Google. The course continues by integrating Supabase for backend services, including database management and authentication flows. You'll also learn to manage state, such as keeping track of the user's login session, and sync data with the backend. As you progress, you'll explore building reusable components like the book card and star rating, as well as creating dynamic pages for individual books and categories. These components will be styled and integrated seamlessly into your project. Further, you'll implement features such as the ability to upload book covers and update book details in the database, enhancing the library's interactivity and user experience. This course is ideal for web developers who want to gain a deeper understanding of full-stack development using modern tools like SvelteKit and Supabase. If you're interested in building scalable, database-driven web applications with clean user interfaces, this course is perfect for you. Prior experience with JavaScript and basic web development concepts is recommended.

Навыки, которые вы освоите

Back-End Web DevelopmentAuthenticationsApplication DevelopmentData PersistenceUser Interface (UI)Database ManagementApplication DeploymentAI IntegrationsData StoreCode ReusabilityOpenAI APIOAuthDatabasesFront-End Web DevelopmentWeb ApplicationsUser AccountsJavaScript FrameworksUI Components

Программа курса

1 модулей · 58 учебных материалов

01Project 3: Personal Book Library with Supabase Authentication58 материалов

Project 3: Personal Book Library with Supabase Authentication

Introduction to the course 'Full-Stack Web Development with SvelteKit & Supabase'ЧтениеFull Course Resources SpecializationЧтениеProject OverviewВидеоProject SetupВидео

Учитесь у экспертов

Packt - Course Instructors

Преподаватель курса

Full-Stack Web Development with SvelteKit & Supabase
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 9.6 ч

1 модулей

Язык: Английский

Субтитры: Казахский, Испанский

Часть программы вашего университета
Hero SectionВидео
Hero Section StylingВидео
Flexible Button ComponentВидео
Flexible Button StylingВидео
HeaderВидео
Header StylingВидео
Auth Form for Register & Login PageВидео
Auth Form StylingВидео
Form Actions in SvelteKit for Registration & LoginВидео
Supabase SetupВидео
Supabase Signup with Email and PasswordВидео
Overview Svelte & Supabase Auth FlowВидео
Practice: Analyze Authentication Edge CasesDIALOGUE
Auth Implementation Server SideВидео
Login Form ActionВидео
Set Up Context to Keep Track of User StateВидео
Social Login with GoogleВидео
Database Setup and Addition of Username on RegistrationВидео
Fix LogoutВидео
Fetch Books from SupabaseВидео
Fetch & Display UsernameВидео
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Видео
Upload Book Cover with Supabase StorageВидео
Droparea StylingВидео
Delete Book UI and Delete from Supabase DBВидео
Scan Shelf Page with DropzoneВидео
OpenAI Integration - Send Picture to ChatGPT to Get Book ArrayВидео
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!!!Видео
Project DeploymentВидео
Conclusion to the Course 'Full-Stack Web Development with SvelteKit & Supabase'Чтение
Full Course Practice AssessmentЗадание
Full Course AssessmentЗадание