Svelte 5 & SvelteKit For Hands-On Modern Web Development

Updated in May 2025. This course now features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. This course will guide you step-by-step through the process of creating a professional developer portfolio using SvelteKit and Sanity CMS. By the end, you will have a fully functional portfolio site that showcases your skills, projects, and experience with dynamic content fetched from a headless CMS. You’ll learn how to build reusable components, style sections effectively, and handle backend functionality for contact forms, all while applying modern web development practices. The course starts by helping you set up the foundation for your portfolio project. You will establish your app's infrastructure and design key sections such as the hero, about me, work experience, and skills. With each video, you will build and style components, adding functionality along the way. The course's practical approach will ensure that you develop a solid understanding of component-based development and responsive design. As you move through the course, you’ll integrate Sanity as your headless CMS, learning how to set it up, define data schemas, and fetch the data into your SvelteKit frontend. You’ll also work with dynamic routing and process data efficiently to display on your portfolio. This section will ensure that your portfolio is both flexible and scalable for future updates. By the end of the course, you will have a fully deployed developer portfolio hosted on Vercel. This course is perfect for web developers looking to build a personalized portfolio with dynamic content management and modern development tools, helping them stand out in the competitive job market.

Updated in May 2025. This course now features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. In this hands-on course, you'll learn how to create a fully functional product landing page with Stripe payment integration. The course is structured to take you from the initial project setup to the complete integration of Stripe for handling payments. You'll build a polished landing page that features several key sections, such as the hero section, chapter previews, author information, and FAQs while incorporating dynamic content and interactivity using Svelte. You’ll begin by setting up your project, working with Svelte, and a CSS reset for consistent styling. From there, you'll build and style the hero section, chapter previews, and the "About the Author" and FAQ sections. You'll also learn how to use Svelte's templating language to create reusable components and dynamically render content based on user inputs, making your page interactive and engaging. Once the page structure and design are in place, you'll dive into integrating Stripe payments. Learn how to set up a Stripe account, understand the core concepts of Stripe integration, and write the necessary code to process payments. You’ll also learn to handle success and failure pages post-payment and configure Stripe webhooks for payment event notifications. This course is ideal for developers interested in building dynamic, modern landing pages with payment integrations. By the end of the course, you’ll be able to deploy your project on Vercel and automate email notifications with SendGrid for seamless digital product delivery upon successful payments.

Updated in May 2025. This course now features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. In this course, you'll learn how to build a full-stack web application using SvelteKit and Supabase. By the end of the course, you'll have the skills to develop modern, dynamic applications with robust backend integration, authentication, and data management. You'll start by building foundational components like user authentication and a flexible UI, and progressively integrate advanced features such as user dashboards, book management, and data storage. This hands-on approach allows you to apply your learning in real time through the creation of a Personal Book Library project. The course begins with setting up the project and establishing essential components such as the hero section, flexible button components, and a user-friendly header. You'll then move on to implementing user authentication, both through registration and login forms, along with integrating social login options like Google. The course continues by integrating Supabase for backend services, including database management and authentication flows. You'll also learn to manage state, such as keeping track of the user's login session, and sync data with the backend. As you progress, you'll explore building reusable components like the book card and star rating, as well as creating dynamic pages for individual books and categories. These components will be styled and integrated seamlessly into your project. Further, you'll implement features such as the ability to upload book covers and update book details in the database, enhancing the library's interactivity and user experience. This course is ideal for web developers who want to gain a deeper understanding of full-stack development using modern tools like SvelteKit and Supabase. If you're interested in building scalable, database-driven web applications with clean user interfaces, this course is perfect for you. Prior experience with JavaScript and basic web development concepts is recommended.