Svelte Kit Bootcamp: Basic to Advance Build 2 Real Projects

Focused View

Vapa Academy

9:52:06

0 View

1. Introduction

1. Introduction.mp4

04:31

2. Benefits of Svelte-kit and Create Svelte-kit Project

1.1 SVELTEKIT Course Basic to Advanced Topic Course Source Code.zip

1. Basic to Advanced Topics of Svelte Kit - Source Code.html

2. Benefits of Svelte Kit Part-1.mp4

03:30

3. Overview of Svelte and Svelte Kit Part-2.mp4

03:36

4. Setting Up Dev Environment to Create Svelte Kit Project Part-3.mp4

04:38

3. Svelte Kit Component

1. Svelte Kit First Component Part-4.mp4

02:34

2. Svelte Kit Short Hands Part-5.mp4

01:38

4. Svelte Kit Reactivity

1. Svelte Kit Reactivity Part-6.mp4

05:55

2. Svelte Kit Reactivity With Arrays Part-7.mp4

04:11

5. Svelte Kit Props

1. Svelte Kit Props Part-8.mp4

05:56

6. Svelte Kit Routing

1. Routing Pages Part-9.mp4

05:07

2. Layouts Part-10.mp4

02:58

3. Dynamic Routes Part-11.mp4

04:57

4. Nested Routes Layouts Part-12.mp4

07:58

5. Routes Parameters Wildcard Routes Part-13.mp4

14:10

7. Svelte Kit Stores

1. Writable Stores Part-14.mp4

06:14

2. Derived Stores Part-15.mp4

06:22

8. Fetch API in Svelte Kit Server and Client Side

1. Using Fetch in Svelte Kit (Client Side) Part-16.mp4

10:52

2. Using Fetch in Svelte Kit (Server Side) Part-17.mp4

10:52

3. API Routes Svelte Kit Part-18.mp4

10:53

4. Using API Routes Svelte Kit Part-19.mp4

08:41

9. Forms in Svelte Kit

1. Forms in Svelte Kit Part-20.mp4

07:02

2. Form Submit Handle in Svelte Kit Part-21.mp4

05:29

3. Form Validations Client Side Part-22.mp4

09:16

4. Form Validations Third Party Libs Part-23.mp4

08:53

5. SSR in Svelte Kit Part-24.mp4

08:12

10. Movie Web App Project - 1

1.1 MOVIE APP Svelte Kit Project Source Code.zip

1. Movie Web App Project - Source Code.html

2. Movie Web App Project - Live Overview Demo.mp4

05:26

3. Movie App Project Initialization Part-1.mp4

02:49

4. Install Tailwind CSS Part-2.mp4

03:29

5. Layout of The App Part-3.mp4

05:08

6. Footer Part-4.mp4

05:46

7. TMDB API Key Part-5.mp4

06:43

8. Calling API and Receiving Data Part-6.mp4

10:23

9. Designing Carousel Part-7.mp4

12:45

10. Designing Bottom Carousel Part-8.mp4

08:43

11. Finishing Carousel Design Part-9.mp4

17:15

12. Card Component Design Part-10.mp4

10:35

13. Card API Top Rated Movies Part-11.mp4

06:26

14. Details Page Route API Calls Part-12.mp4

12:46

15. Designing Details Page Part-13.mp4

18:05

16. Showing Movie Trailers Part-14.mp4

08:31

17. Showing Similar Movies Card Part-15.mp4

03:52

18. Pagination Component Part-16.mp4

17:11

19. Pagination Component API Call Part-17.mp4

14:13

20. Pagination Tabs Responsive Part-18.mp4

03:57

21. Pagination for Details View Part-19.mp4

10:10

22. Navigation Explore Page Part-20.mp4

09:03

23. Explore Page API Call Part-21.mp4

08:47

24. Explore Page All API Calls Part-22.mp4

17:13

25. Card Loaders Part-23.mp4

08:28

26. TV Shows Page Part-24.mp4

10:54

27. TV Shows Pagination Part-25.mp4

12:50

28. Search API Call Part-26.mp4

17:23

29. Search API Drop Down Part-27.mp4

08:22

30. Search API Drop Down Routing Part-28.mp4

07:43

31. Navbar Responsiveness Part-29.mp4

10:18

32. Skeleton Loader Part-30.mp4

08:49

33. Custom Scroll Bar Part-31.mp4

02:13

34. Vercel Deployment Part-32.mp4

02:04

11. Photo Gallery Web App Project - 2

1.1 Svelt Kit Photo Gallery App Source Code.zip

1. Photo Gallery Web App Project - Source Code.html

2. Photo Gallery Web App Project Overview - Live Demo.mp4

02:08

3. Project Initialization Part-1.mp4

01:42

4. Setup Tailwind CSS Part-2.mp4

02:19

5. Setup Icons Part-3.mp4

02:00

6. Setup Icons Part-4.mp4

02:03

7. Get API Data Part-5.mp4

05:00

8. Design Card Component Part-6.mp4

10:08

9. Design Header Part-7.mp4

09:27

10. Search Features Part-8.mp4

09:07

11. Pagination Design Part-9.mp4

09:05

12. Pagination Style Part-10.mp4

06:58

13. Pagination Functionality Part-11.mp4

06:34

14. Modal Design Part-12.mp4

09:57

15. Modal Functionality Part-13.mp4

10:11

16. Footer Design Part-14.mp4

09:37

17. Theme Toggle Part-15.mp4

06:58

18. Theme Toggle Card Modal Part-16.mp4

06:20

19. Skeleton Loader Part-17.mp4

06:41

20. Vercel Deployment Part-18.mp4

03:06

Description

Svelte Kit Mastery: Dive Deep into Modern Web Development with Practical Techniques and Advanced Features of Svelte Kit

What You'll Learn?

Svelte Kit Basic To Advanced Features
How To Build Real World Web App Using SvelteKit
How To Build A Movie Web App Project Using Public Movie Database
How to Build a Photo Gallery Web App Complete Project
Different Features Of Svelte Kit
How To Deploy Svelte Kit Project To Cloud Server
How To Build Responsive Web App Using Svelte Kit
Svelte Kit SSR Rendering
Svelte Kit Advanced Routing
How to Use Public API and Build a Complete Web App

Who is this for?

Students Want to Learn SvelteKit to Build Their Web App

Web Developer Wants to Build Web App Using Svelte Kit

If You Want to Learn How to Build Industry Standard Project Using Svelte Kit

How to Use SSR Rendering Using Svelte Kit

How to Make Responsive Web App

What You Need to Know?

Students don't need to have any prior skills. They will learn all from this course related to Svelte Kit.

More details

Description
Welcome to the Svelte Kit Bootcamp, where you will learn everything from basic web building principles to sophisticated Svelte Kit approaches. The goal of this intense course is to give you the tools necessary to construct 2 practical projects.
Key Learning Objectives:
Fundamentals of Svelte Kit: Learn the fundamentals of Svelte Kit and its benefits for contemporary web development.
Advanced Features: Explore sophisticated functionalities including state management, routing, and server-side rendering (SSR).
Responsive Design: Discover how to make web apps that are both responsive and adaptable.
API Integration: Learn how to integrate APIs to dynamically retrieve and modify data.
Project-Based Learning: Use practical projects to apply concepts, such as a feature-rich movie web app.
Movie Web App Project:
Movie Listing: Show a selection of films that have been hand-picked from the TMDB database.
Search Functionality: Provide a way for users to search for movies using keywords or titles.
Filtering Options: Allow users to filter films based on ratings, genre, and year of release.
Pagination: Use pagination controls to effectively manage huge datasets.
Detailed Movie View: Give each movie a thorough description that includes the plot, cast bios, reviews, and trailers.
Responsive UI: Make sure the online application works well on a range of screens and devices.
Course Highlights:
Hands-On Experience: Assemble useful projects under the direction of professionals to strengthen learning.
Career Readiness: Create a portfolio of completed projects that highlights your abilities to potential employers.

Who Should Enroll:
Both novice and seasoned developers wishing to improve their frontend development abilities using Svelte Kit will find this training to be very beneficial. This bootcamp offers a disciplined route to mastery whether you're new to web development or looking to expand your toolkit.
Who this course is for:
Students Want to Learn SvelteKit to Build Their Web App
Web Developer Wants to Build Web App Using Svelte Kit
If You Want to Learn How to Build Industry Standard Project Using Svelte Kit
How to Use SSR Rendering Using Svelte Kit
How to Make Responsive Web App

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

Vapa Academy

Instructor's Courses

We have several years of experience in online teaching. We love to share our skills with our students, and providing the best online courses is our main goal. We are a team that strives to explain every difficult concept in the easiest way possible so that students can learn it easily. In our courses, we emphasize practical learning because we believe in learning by doing.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.