Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Front-end

Svelte REST-API project

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.

(5.0) 12 reviews

989 learners

  • holocoding
스벨트
svelte
3시간 만에 완강할 수 있는 강의 ⏰
저자 직강
restapi
Svelte
REST API
Thumbnail

Reviews from Early Learners

What you will learn!

  • 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!

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.

Course link: https://inf.run/mpCv8


Q&A 💬

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

Recommended for
these people

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

Hello
This is

2,407

Learners

55

Reviews

84

Answers

4.8

Rating

5

Courses

2000년도 중반부터 본격적으로 웹개발을 시작하여 현재까지 프리랜서 개발자로 활동하고 있습니다. 약5년간 Amplix BI 솔루션 실무자 교육을 진행하고 개발을 지원하며 새로운 기술을 효율적으로 전달하는 것에 대한 많은 경험과 고민을 했습니다. 

현재는 개발 업무와 함께 개발자들에게 도움이 될만한 웹관련 분야의 새로운 기술을 찾고 강좌와 책을 통해 공유하고 있습니다. 

 

현) 프리랜서

전) (주) 비즈플러그 전략솔루션 사업부 팀장

전) (주) 퍼니몽키스 위니스토리 서비스 개발 팀장

youtube: https://www.youtube.com/channel/UC3cJspjF4TRTyD_RS0azeaw 

email: freeseamew@gmail.com

blog1: https://medium.com/freeseamew

blog2: https://dev.to/freeseamew

 

강좌 목록

출간도서

yes24, 교보문고, 알라딘

 

 

 

Curriculum

All

20 lectures ∙ (3hr 14min)

Published: 
Last updated: 

Reviews

All

12 reviews

5.0

12 reviews

  • vincentmattari8178님의 프로필 이미지
    vincentmattari8178

    Reviews 2

    Average Rating 5.0

    5

    30% enrolled

    I think it's a good class to get started with Svelte~^^

    • ataraxia8084204님의 프로필 이미지
      ataraxia8084204

      Reviews 3

      Average Rating 5.0

      5

      30% enrolled

      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..

      • startop10님의 프로필 이미지
        startop10

        Reviews 4

        Average Rating 4.0

        5

        100% enrolled

        This is a good lecture.

        • hsk18079575님의 프로필 이미지
          hsk18079575

          Reviews 2

          Average Rating 5.0

          5

          70% enrolled

          • lonyd27934506님의 프로필 이미지
            lonyd27934506

            Reviews 1

            Average Rating 5.0

            5

            30% enrolled

            Free

            holocoding's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!