차세대 Node.js 백엔드 서버 개발(Fastify & Prisma & Typescript와 함께하는)
Indie Coder
빠른 속도를 자랑하는 Node.js 프레임워크 fastify 와 orm Prisma 그리고 Typescirpt를 활용한 최신 Node.js 백엔드 REST API를 학습하는 코스
초급
Node.js, TypeScript, Prisma
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.
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.
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)
.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.
- ✅ 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
- A list of packages used in the lecture and the git addresses of reference sites and project codes are provided.
- Front-end result link
- Design result source link (HTML+CSS)
- Backend server source link
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
2,405
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
강좌 목록
출간도서
Curriculum
All
20 lectures ∙ (3hr 14min)
4. Router Settings
08:40
6. Store placement
03:20
20. finish
01:28
Published:
Last updated:
Reviews
All
12 reviews
5.0
12 reviews
김경태Reviews 2
∙
Average Rating 5.0
- ataraxia808
Reviews 3
∙
Average Rating 5.0
- 슈퍼아스라다
Reviews 4
∙
Average Rating 4.0
- CO7S
Reviews 2
∙
Average Rating 5.0
- 디로니
Reviews 1
∙
Average Rating 5.0
Free
holocoding's other courses
Check out other courses by the instructor!
![GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]강의 썸네일](https://cdn.inflearn.com/public/courses/329186/cover/a63c6c95-2318-4e7a-a4f0-34d4512b3ae6/329186-eng.png?f=avif&w=420)
Similar courses
Explore other courses in the same field!
![Svelte.js [Core API] 완벽 가이드강의 썸네일](https://cdn.inflearn.com/public/course-325523-cover/f70444f1-ed0a-4b46-b5ec-39c250885e9a?f=avif&w=420)
![[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core강의 썸네일](https://cdn.inflearn.com/public/courses/331985/cover/f0501069-2139-4112-aafa-a9b3a2932860/331985-eng.png?f=avif&w=420)
