Video description
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.
What You Will Learn
- Build interactive websites with Svelte and SvelteKit
- Create a complete Book Lover website project
- Learn server-side rendering (SSR) for enhanced website performance
- Understand real-time updates for dynamic user experiences
- Explore API routes and server-side authentication techniques
- Master advanced concepts such as actions, slots, and hooks
Audience
This course caters to both beginners and seasoned developers eager to explore the potential of Svelte and SvelteKit. No prior Svelte or SvelteKit knowledge is required, making it accessible to all. Basic familiarity with JavaScript is beneficial, while HTML and CSS understanding will be advantageous but not mandatory. Whether you are new to web development or seeking to expand your skillset with advanced topics, this hands-on journey equips you to build user-friendly websites, integrate Firebase, and implement server-side rendering, ensuring a comprehensive learning experience for all learners.
About The Author
Codestars By Rob Percival: Codestars, by Rob Percival, is a revolutionary online learning platform on a mission to transform the way people learn to code. With a focus on simplicity, logic, and fun, Rob has empowered over half a million students through his courses.
Recognizing the need for diverse and comprehensive learning experiences, Rob established Codestars as a collaborative effort. Codestars provides learners of all ages and proficiency levels with the tools and knowledge needed to build functional websites and apps. By making coding accessible and enjoyable, Codestars aims to simplify the learning journey and unlock the potential of aspiring coders worldwide.
Table of contents
- Chapter 1 : Introduction
-
Chapter 2 : 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
-
Chapter 3 : 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
-
Chapter 4 : 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
- Chapter 5 : Course Overview
Product information
- Title: Master Svelte Framework - The Complete Course
- Author(s):
- Release date: August 2023
- Publisher(s): Packt Publishing
- ISBN: 9781835080849
You might also like
video
The Complete Java Developer Course: From Beginner to Master
Be it websites, mobile apps, or desktop software, Java remains one of the most popular programming …
video
Node.js - The Complete Guide
Node.js is one of the most popular and modern server-side programming languages and is used widely …
video
The Complete Node.js Developer Course (3rd Edition)
This course was just completely re-filmed to give you everything you need to master Node.js in …
book
Full-Stack Web Development with Go
A Go programmer's hands-on guide to go from building basic server-side templates to full single page …