Svelte Kit Bootcamp: Basic to Advance Build 2 Real Projects
- Description
- Curriculum
- FAQ
- Reviews
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.
-
27Movie Web App Project - Source CodeText lesson
-
28Movie Web App Project - Live Overview DemoVideo lesson
-
29Movie App Project Initialization Part-1Video lesson
-
30Install Tailwind CSS Part-2Video lesson
-
31Layout of The App Part-3Video lesson
-
32Footer Part-4Video lesson
-
33TMDB API Key Part-5Video lesson
-
34Calling API and Receiving Data Part-6Video lesson
-
35Designing Carousel Part-7Video lesson
-
36Designing Bottom Carousel Part-8Video lesson
-
37Finishing Carousel Design Part-9Video lesson
-
38Card Component Design Part-10Video lesson
-
39Card API Top Rated Movies Part-11Video lesson
-
40Details Page Route API Calls Part-12Video lesson
-
41Designing Details Page Part-13Video lesson
-
42Showing Movie Trailers Part-14Video lesson
-
43Showing Similar Movies Card Part-15Video lesson
-
44Pagination Component Part-16Video lesson
-
45Pagination Component API Call Part-17Video lesson
-
46Pagination Tabs Responsive Part-18Video lesson
-
47Pagination for Details View Part-19Video lesson
-
48Navigation Explore Page Part-20Video lesson
-
49Explore Page API Call Part-21Video lesson
-
50Explore Page All API Calls Part-22Video lesson
-
51Card Loaders Part-23Video lesson
-
52TV Shows Page Part-24Video lesson
-
53TV Shows Pagination Part-25Video lesson
-
54Search API Call Part-26Video lesson
-
55Search API Drop Down Part-27Video lesson
-
56Search API Drop Down Routing Part-28Video lesson
-
57Navbar Responsiveness Part-29Video lesson
-
58Skeleton Loader Part-30Video lesson
-
59Custom Scroll Bar Part-31Video lesson
-
60Vercel Deployment Part-32Video lesson
External Links May Contain Affiliate Links read more