This lecture is a video lecture on the latter part of the book, ‘Web Frontend with Svelte’, which I wrote, about creating a SLOG project. I prepared this lecture in the hope that it would supplement the parts that were a bit lacking in the book and make more people interested in the frontend framework called Svelte.
Svelte, the rising FE trend Quickly get the essentials for intermediate developers!
Essentials for Building with Svelte
Now that you've mastered the basics of Svelte, the next step is a real-world project. Gain fundamental experience working on a real-world project with this Svelte REST-API project course!
This course will teach you how to create, read, update, and delete data on a server using Svelte. You'll also learn essential elements for developing front-end projects, such as authentication using JWT tokens and pagination using infinite scrolling.
Post creation page
Comments page
Login page
Learn these things ✒️
Direct lecture from the author of the Svelte book!
This lecture is a video version of the last chapter of the book 'Web Frontend Starting with Svelte'. (Prerequisite: HTML/CSS and JavaScript basics, Svelte basics)
Perhaps the most common task in front-end development is creating a service that communicates with a REST API. Requesting data from a server, displaying it on a screen, and requesting data additions, modifications, and deletions (CRUD) are essential elements for any front-end developer .
This lecture covers the essential usage of these REST APIs from a front-end perspective.
✅ Intermediate Svelte Usage Guide
✅ Communication using Rest API
✅ Efficient server communication using Axios
✅ Implementing pagination using Infinite Scroll
✅ Authentication using JWT tokens
✅ Form Validation, Router Usage
REST API data communication, various solutions... A must-know for intermediate FE developers!
In addition to the essential usage of REST API, we also cover how to improve communication efficiency by making partial modifications instead of reloading all data when there is a change in the list by utilizing Svelte's Store, as well as problems that may arise when implementing the widely used infinite scroll UI and how to solve them.
Additionally, we've prepared a course designed to help you learn the fundamentals of front-end development, something you'll need to consider as you move beyond beginner to intermediate, through authentication methods using JWT, form validation to enhance the completeness of your app, a more intuitive date view mode, and creating independently reusable components. Let's tackle this together! (Svelte, Axios, Yup, Datejs)
I recommend this to these people 🙆♀️
Anyone interested in front-end development
Anyone who wants to create something faster on the web
Anyone who wants to implement something using HTML and JavaScript basics
Beginner front-end developer who wants to become an intermediate FE developer
If you've completed the front-end course, I recommend taking the course on building an API server for that service. We've prepared a back-end course that utilizes the latest Node.js technologies, including Fastify, Prisma, and TypeScript.
You can learn the basics of Svelte in 1-2 hours through my other free course. I recommend taking that course first, then this one.
Q. What is the development environment like?
You can install and proceed with the necessary programs for the development environment on any PC that can install Node.js, including macOS, Windows, and Linux.
Q. Is this project exactly the same as the one in the book "Web Front: Starting with Svelte"?
While the project itself is the same, I've created a video that complements much of the book's content. It includes additional details, such as authentication using JWT tokens and separating the scrolling-related parts into a single, independent component. I recommend checking it out even if you've already studied the book.
💾 Class Reference Materials
A list of packages used in the lecture and the git addresses of reference sites and project codes are provided.