Web frontend starting with Svelte

Name: Web frontend starting with Svelte
Rating: 4.9 (29 reviews)

This is a basic lecture that summarizes the core usage methods of Svelte, a front-end framework that is gaining attention worldwide. I created this lecture in the hope that more people in Korea can use Svelte easily and conveniently.

(4.9) 29 reviews

1,038 learners

Level Basic

Course period Unlimited

Indie Coder

Svelte

Reviews from Early Learners

4.9

5.0

정시윤

60% enrolled

Great class!

5.0

임상훈

60% enrolled

It's short and concise, so you can just get a taste of Svelte's concepts and basic features.

5.0

재영

100% enrolled

A good lecture where you can get a light introduction to what Svelte is! The downside is that some chapter materials require going to YouTube to check? This part can actually be resolved by typing it out yourself : ) Thank you for the good lecture ~

What you will gain after the course

Svelte (Svelte)
Web Frontend Basics

Svelte, the rising FE trend
Easy and fast from the basics!

Have you heard of Svelte?

Svelte is currently the most talked-about framework in the global front-end market . Although it arrived somewhat later than React and Vue (Vue.js), it still garners significant anticipation.

A quick look at StactOverflow and Stateofjs will give you an idea of how many developers are interested in Svelte.

_{StackOverflow Year-End Survey}

_{State of JS 2022 JavaScript Framework/Library Rankings}

Learn these things ✒️

Direct lecture from the author of the Svelte book!

This lecture is a video version of some chapters from the book 'Web Frontend Starting with Svelte'.
(Prerequisite knowledge: HTML/CSS and JavaScript basics)

You'll learn the fundamentals of front-end development, built on a component-by-component basis, using Svelte. You'll learn how the results displayed on the screen are reactively created and manipulated through core component features like communication methods, event handling, and screen effects (HTML, JavaScript, & Svelte) .

✅ Svelte Basic Grammar
✅ Communication method between components
✅ Screen transition animation
✅ How to manipulate the event
✅ Reactive programming techniques using reactive code

FE results made easily with Svelte 👀

Svelte has many features, but its greatest strength is its ease of use. With just a basic understanding of JavaScript, you can learn it with ease and start creating results right away.

Even developers who are new to front-end development will be able to get a general idea of how front-end development is done through this lecture, which will cover only the essential content needed to use the Svelte framework .

I recommend this to these people 🙆‍♀️

_{Anyone interested in front-end development}

_{Anyone who wants to create something faster}

_{Anyone who has heard of Svelte}

_{Designers and publishers who want to challenge themselves in front-end development}

Q&A 💬

Q. What is the difficulty level of the lecture?

Anyone with a basic understanding of HTML and JavaScript can learn this course. This introductory Svelte course condenses the essentials, omitting complex and less important aspects of Svelte.

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.

Recommended for
these people

Who is this course right for?

Anyone interested in front-end development
Anyone who wants to create something a little faster
Anyone who has heard of Svelte
Anyone who wants to challenge themselves in front-end from a designer or publisher

Need to know before starting?

HTML and CSS Basics
JavaScript Basics

Hello
This is

2,502

Learners

Reviews

Answers

4.8

Rating

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

Course List

Published Books

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.

Curriculum

All

5 lectures ∙ (1hr 6min)

Section 1. Web frontend starting with svelte

5 lectures ∙ (1hr 6min)

1. Svelte Basic Grammar
27:14
2. Global state management using Svelte's store
09:20
3. Efficient component reuse using slots
09:42
4. Transition between components
15:03
5. Installing the Svelte development environment
04:49

Published:

Last updated:

Reviews

All

29 reviews

4.9

29 reviews

jhjh5500048
Reviews 2
∙
Average Rating 5.0
5
60% enrolled
sys30449029
Reviews 1
∙
Average Rating 5.0
5
60% enrolled
jm9303jung3240
Reviews 6
∙
Average Rating 5.0
5
60% enrolled
Great class!
moljin
Reviews 16
∙
Average Rating 4.8
5
60% enrolled
jisunghwang3491
Reviews 24
∙
Average Rating 5.0
5
60% enrolled

Free

Indie Coder's other courses

Check out other courses by the instructor!

Next-Generation Node.js Backend Server Development (with Fastify & Prisma & Typescript)

Indie Coder

A course to learn the latest Node.js backend REST API using fastify, a Node.js framework boasting high speed, ORM Prisma, and Typescript.

Basic

Node.js, TypeScript, Prisma

Next-Generation Node.js Backend Server Development (with Fastify & Prisma & Typescript)

Indie Coder

Svelte REST-API project

Indie Coder

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.

Basic

Svelte, REST API

Svelte REST-API project

Indie Coder

Complete Mastery of GraphQL (Full-stack Course Learning by Building a Kiosk) - [2024 Partial Renewal]

Indie Coder

You will learn the basics and advanced usage of GraphQL, the next-generation API control technology, and gain real-world project experience through a virtual kiosk service created with GraphQL. The course has been partially updated to the latest version, apollo-server v4, as of February 2024.

Basic

GraphQL, Svelte, MongoDB

Complete Mastery of GraphQL (Full-stack Course Learning by Building a Kiosk) - [2024 Partial Renewal]

Indie Coder

Learn Svelte by Building

Indie Coder

This course will teach you the latest front-end framework, Svelte. After learning the basics of Svelte, you will learn how to use Svelte in real projects by creating a Todo app.

Basic

Svelte

Learn Svelte by Building

Indie Coder

Similar courses

Explore other courses in the same field!

Svelte Introductory Course - A to Z

beomy

This is an introductory lecture on Svelte, which threatens the position of the three front-end giants React, Vue, and Angular. Based on the official Svelte documentation, it covers all of Svelte grammar from A to Z.

Basic

Svelte

Svelte Introductory Course - A to Z

beomy

Learn Svelte by Building

Indie Coder

This course will teach you the latest front-end framework, Svelte. After learning the basics of Svelte, you will learn how to use Svelte in real projects by creating a Todo app.

Basic

Svelte

Learn Svelte by Building

Indie Coder

Learn Svelte (SvelteKit + Supabase) easily with projects

Michael Kwon

Systematic step-by-step project practice and deployment, built-in store utilization, full-stack application with SvelteKit and Supabase, all in one go!

Basic

Svelte, sveltekit, supabase

Learn Svelte (SvelteKit + Supabase) easily with projects

Michael Kwon

Complete Mastery of GraphQL (Full-stack Course Learning by Building a Kiosk) - [2024 Partial Renewal]

Indie Coder

Basic

GraphQL, Svelte, MongoDB

Complete Mastery of GraphQL (Full-stack Course Learning by Building a Kiosk) - [2024 Partial Renewal]

Indie Coder

Svelte Practical Tutorial - Creating Sudoku

beomy

You can create a web game using Svelte, Express, JWT, and MongoDB. Those who want to cover both the FrontEnd and BackEnd are welcome!

Intermediate

Svelte, Express, MongoDB

Svelte Practical Tutorial - Creating Sudoku

beomy

Web frontend starting with Svelte

Reviews from Early Learners

4.9

What you will gain after the course

Have you heard of Svelte?

Learn these things ✒️

Direct lecture from the author of the Svelte book!

FE results made easily with Svelte 👀

I recommend this to these people 🙆‍♀️

Q&A 💬

Recommended for these people

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Course List

Published Books

Curriculum

Reviews

Indie Coder's other courses

Similar courses

Recommended for
these people

Hello
This is