Svelte Kit Bootcamp: Basic to Advance Build 2 Real Projects

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: Benefits of Svelte-kit and Create Svelte-kit Project

Lecture 1: Basic to Advanced Topics of Svelte Kit – Source Code

Lecture 2: Benefits of Svelte Kit Part-1

Lecture 3: Overview of Svelte and Svelte Kit Part-2

Lecture 4: Setting Up Dev Environment to Create Svelte Kit Project Part-3

Chapter 3: Svelte Kit Component

Lecture 1: Svelte Kit First Component Part-4

Lecture 2: Svelte Kit Short Hands Part-5

Chapter 4: Svelte Kit Reactivity

Lecture 1: Svelte Kit Reactivity Part-6

Lecture 2: Svelte Kit Reactivity With Arrays Part-7

Chapter 5: Svelte Kit Props

Lecture 1: Svelte Kit Props Part-8

Chapter 6: Svelte Kit Routing

Lecture 1: Routing Pages Part-9

Lecture 2: Layouts Part-10

Lecture 3: Dynamic Routes Part-11

Lecture 4: Nested Routes Layouts Part-12

Lecture 5: Routes Parameters Wildcard Routes Part-13

Chapter 7: Svelte Kit Stores

Lecture 1: Writable Stores Part-14

Lecture 2: Derived Stores Part-15

Chapter 8: Fetch API in Svelte Kit Server and Client Side

Lecture 1: Using Fetch in Svelte Kit (Client Side) Part-16

Lecture 2: Using Fetch in Svelte Kit (Server Side) Part-17

Lecture 3: API Routes Svelte Kit Part-18

Lecture 4: Using API Routes Svelte Kit Part-19

Chapter 9: Forms in Svelte Kit

Lecture 1: Forms in Svelte Kit Part-20

Lecture 2: Form Submit Handle in Svelte Kit Part-21

Lecture 3: Form Validations Client Side Part-22

Lecture 4: Form Validations Third Party Libs Part-23

Lecture 5: SSR in Svelte Kit Part-24

Chapter 10: Movie Web App : Project – 1

Lecture 1: Movie Web App Project – Source Code

Lecture 2: Movie Web App Project – Live Overview Demo

Lecture 3: Movie App Project Initialization Part-1

Lecture 4: Install Tailwind CSS Part-2

Lecture 5: Layout of The App Part-3

Lecture 6: Footer Part-4

Lecture 7: TMDB API Key Part-5

Lecture 8: Calling API and Receiving Data Part-6

Lecture 9: Designing Carousel Part-7

Lecture 10: Designing Bottom Carousel Part-8

Lecture 11: Finishing Carousel Design Part-9

Lecture 12: Card Component Design Part-10

Lecture 13: Card API Top Rated Movies Part-11

Lecture 14: Details Page Route API Calls Part-12

Lecture 15: Designing Details Page Part-13

Lecture 16: Showing Movie Trailers Part-14

Lecture 17: Showing Similar Movies Card Part-15

Lecture 18: Pagination Component Part-16

Lecture 19: Pagination Component API Call Part-17

Lecture 20: Pagination Tabs Responsive Part-18

Lecture 21: Pagination for Details View Part-19

Lecture 22: Navigation Explore Page Part-20

Lecture 23: Explore Page API Call Part-21

Lecture 24: Explore Page All API Calls Part-22

Lecture 25: Card Loaders Part-23

Lecture 26: TV Shows Page Part-24

Lecture 27: TV Shows Pagination Part-25

Lecture 28: Search API Call Part-26

Lecture 29: Search API Drop Down Part-27

Lecture 30: Search API Drop Down Routing Part-28

Lecture 31: Navbar Responsiveness Part-29

Lecture 32: Skeleton Loader Part-30

Lecture 33: Custom Scroll Bar Part-31

Lecture 34: Vercel Deployment Part-32

Chapter 11: Photo Gallery Web App : Project – 2

Lecture 1: Photo Gallery Web App Project – Source Code

Lecture 2: Photo Gallery Web App Project Overview – Live Demo

Lecture 3: Project Initialization Part-1

Lecture 4: Setup Tailwind CSS Part-2

Lecture 5: Setup Icons Part-3

Lecture 6: Setup Icons Part-4

Lecture 7: Get API Data Part-5

Lecture 8: Design Card Component Part-6

Lecture 9: Design Header Part-7

Lecture 10: Search Features Part-8

Lecture 11: Pagination Design Part-9

Lecture 12: Pagination Style Part-10

Lecture 13: Pagination Functionality Part-11

Lecture 14: Modal Design Part-12

Lecture 15: Modal Functionality Part-13

Lecture 16: Footer Design Part-14

Lecture 17: Theme Toggle Part-15

Lecture 18: Theme Toggle Card Modal Part-16

Lecture 19: Skeleton Loader Part-17

Lecture 20: Vercel Deployment Part-18