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.
Reviews from Early Learners
5.0
์์ํ
I think this is a lecture where you can grasp the basic framework by watching it briefly and simply, following the flow of consciousness. I like it!
5.0
๊น๊ฒฝํ
I think it's a good class to get started with Svelte~^^
5.0
ataraxia808
It's awesome..... If you know even a little bit about backend, you can see that it's like, "Oh! This is how communication works." Thank you so much..
How to use Svelte intermediately
Communication method using Rest API
Efficient server communication using Axios
Implementing pagination using infinite scroll
Authentication method using JWT token
Form Validation
Svelte, the rising FE trend
Quickly get the essentials for intermediate developers!
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.
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)
.png?w=960)
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.
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)
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.
Course link: https://inf.run/mpCv8
Q. Do I need to know the basics of Svelte?
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
Who is this course right for?
Anyone interested in front-end development
Anyone who wants to create something faster on the web
Anyone who wants to learn the basics of HTML and Javascript and implement something with them
Need to know before starting?
Basic knowledge of HTML and CSS
Javascript Basics
Svelte Basics
2,519
Learners
68
Reviews
87
Answers
4.8
Rating
5
Courses
I began my career in web development in earnest in the mid-2000s and have been working as a freelance developer ever since. For about five years, I conducted practitioner training for the Amplix BI solution and provided development support, gaining extensive experience and deeply considering how to effectively convey new technologies.
Currently, alongside my development work, I research new web-related technologies that can benefit developers and share them through lectures and books.
Current) Freelancer Former) Team Leader, Strategic Solutions Division, Bizplug Co., Ltd. Former) Service Development Team Leader, Winistory, Funnymonkeys Co., Ltd. youtube: https://www.youtube.com/channel/UC3cJspjF4TRTy
Current) Freelancer
Former) Team Leader, Strategic Solutions Division, Bizplug Co., Ltd.
Former Team Leader of the WeenyStory Service Development Team at FunnyMonkeys Co., Ltd.
youtube: https://www.youtube.com/channel/UC3cJspjF4TRTyD_RS0azeaw
email: freeseamew@gmail.com
blog1: https://medium.com/freeseamew
blog2: https://dev.to/freeseamew
Next-Generation Node.js Backend Server Development (with Fastify, Prisma & TypeScript)
Mastering GraphQL (A Full-Stack Course: Learning by Implementing a Virtual Kiosk)
yes24, Kyobo Book Centre, Aladin
Mastering GraphQL for End-Server Development (with Fastify, Prisma & TypeScript): A Full-Stack Course Implementing a Virtual Kiosk. Available at yes24, Kyobo Book Centre, and Aladin.
Mastering GraphQL for End-Server Development (with Fastify, Prisma & TypeScript): A Full-Stack Course Implementing a Virtual Kiosk. Available at yes24, Kyobo Book Centre, and Aladin.
Mastering GraphQL for End-Server Development (with Fastify, Prisma & TypeScript): A Full-Stack Course Implementing a Virtual Kiosk. Available at yes24, Kyobo Book Centre, and Aladin.
All
20 lectures โ (3hr 14min)
4. Router Settings
08:40
6. Store placement
03:20
20. finish
01:28
All
15 reviews
4.9
15 reviews
Reviews 4
โ
Average Rating 5.0
Reviews 1
โ
Average Rating 5.0
Reviews 2
โ
Average Rating 5.0
Reviews 18
โ
Average Rating 5.0
Reviews 4
โ
Average Rating 4.0
Check out other courses by the instructor!
Explore other courses in the same field!
Free
![Complete Mastery of GraphQL (Full-stack Course Learning by Building a Kiosk) - [2024 Partial Renewal]Course Thumbnail](https://cdn.inflearn.com/public/courses/329186/cover/a63c6c95-2318-4e7a-a4f0-34d4512b3ae6/329186-eng.png?w=420)
![Svelte.js [Core API] Complete GuideCourse Thumbnail](https://cdn.inflearn.com/public/course-325523-cover/f70444f1-ed0a-4b46-b5ec-39c250885e9a?w=420)
