![Master Svelte Framework - The Complete Course [Video]](https://content.packt.com/V21465/cover_image_small.jpg)
Master Svelte Framework - The Complete Course [Video]
Subscription
FREE
Video
$109.99
What do you get with a Packt Subscription?
What do you get with a Packt Subscription?
What do you get with Video + Subscription?
What do you get with a Packt Subscription?
What do you get with eBook?
What do I get with Print?
What do you get with video?
What do you get with Audiobook?
Subscription
FREE
Video
$109.99
What do you get with a Packt Subscription?
What do you get with a Packt Subscription?
What do you get with Video + Subscription?
What do you get with a Packt Subscription?
What do you get with eBook?
What do I get with Print?
What do you get with video?
What do you get with Audiobook?
-
Free ChapterIntroduction
-
Svelte Introduction
- Section Introduction
- Svelte Up and Running
- Svelte Project Tour
- Creating Svelte Components
- Outputting JavaScript Variables
- Props
- Styles
- Binding Variables to Inputs
- Color Picker Challenge
- DOM Events
- Custom Events
- Reactive Statements
- Reactive Variable Challenge
- If Template
- Each Template
- Each Template II
- Await Template
- Magic the Gather Counter Challenge
- Deploying Magic Gather Challenge
- Lifecycle Events (onMount and onDestroy)
- Lifecycle Events (beforeUpdate and afterUpdate)
- Readable Stores
- Writable Stores
- Custom Stores
- Derived Stores
- Contact List Challenge
- Introduction to Actions
- Actions with Parameters
- Slots
- Draggable Component (Slot Challenge)
- Summary
-
SvelteKit Introduction
- Section Introduction
- Getting Started
- SvelteKit Tour
- Pages and Routes
- Routing Parameters
- Server Load Function with Environment Variables
- Random Number Challenge
- Layouts
- Prefetching Links and Page Store
- Challenge: Build a Personal Webpage
- Deploying to Vercel
- Forms / Form Actions
- Form Challenge
- Page Rendering Options
- Error Pages
- API Routes
- Create Hook
- Summary
-
SvelteKit with Firestore, Firebase Auth, and SSR
- Section Introduction
- Project Setup
- Firebase Setup
- Bootstrap Navbar
- Navbar Mobile Challenge
- Navbar Link Highlighting
- Messages
- Initialize Firebase Client-Side
- Login with Google
- Auth Store
- Logout
- Register Email and Password
- Login with Email and Password
- Forgot Password Workflow
- After Login Redirect
- Saving the User to Firestore Client-Side
- Firebase Initialize on the Server
- Firebase Server Auth Plan
- Token Endpoint
- Send Token After Register Challenge
- Refresh Token
- Logout Server-Side
- Auth Hooks
- Add Book Validation Part 1
- Add Book Validation Part 2
- Save Book Database
- Show Book Page
- Edit Book Page
- Enhanced Forms
- Like Endpoint
- Like Component
- Toggling Like
- Books Home Page
- Like Component Bug
- Pagination
- Book Component and Homepage
- Profile Page Setup
- My Books
- Fix Book Link
- Favorite Books
- Unliking Books on Favorites Page
- SSR Menu
- Real-Time New Book Alerts
- Deploying to Vercel
- Summary
-
Course Overview
About this video
Svelte—the game-changer in web development—offers unparalleled efficiency and simplicity, revolutionizing how developers create interactive websites. Embrace this cutting-edge framework with our course and embark on a journey to unleash your web development potential.
In this hands-on course, you will first delve into the foundations of Svelte and SvelteKit, gaining a solid understanding of their streamlined approach to building web applications. The journey kicks off with an introduction, where you will be introduced to the exciting world of Svelte and the powerful capabilities of SvelteKit.
Next, you will focus on integrating Firebase and Firebase Auth into your SvelteKit app. You will learn how to implement user authentication, handle user data, and deploy your app to the web. Real-time updates and server-side rendering (SSR) will provide an exceptional user experience, setting your website apart from the competition.
Finally, you will dive into advanced topics such as handling API routes, server-side authentication, and real-time alerts. Here, you will create a fully functional and secure website called “Booklovers” that lets users interact with books, like and dislike, and view personalized content.
By the end of this course, you will be a master of Svelte and SvelteKit, equipped to build user-friendly websites with confidence.
- Publication date:
- August 2023
- Publisher
- Packt
- Duration
- 13 hours 2 minutes
- ISBN
- 9781835080849