Svelte JS: Basic To Advance

person icon Rahul Sohday

4.2 ★★★★ ★

Buy Now

Svelte JS: Basic To Advance

Name: Svelte JS: Basic To Advance
Rating: 4.2 (138 reviews)
Author: Rahul Sohday

Build high-performance web applications with SvelteJS - a lightweight JavaScript compiler

updated on icon Updated on Jul, 2024

language icon Language - English

person icon Rahul Sohday

English [CC]

category icon Web Development,Development,Svelte Framework

Lectures -34

Duration -2 hours

4.2 ★★★★ ★

Add to Cart Buy Now

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

Svelte makes learning JavaScript Frameworks fun.

If you know how to code in JavaScript you can already write a simple Svelte app. Take those skills and level up into the most loved tool for developers.

What will you learn?

How to build a simple web application using Svelte
What is a JavaScript framework
Why use a JavaScript framework
JavaScript framework fundamentals like conditional rendering, template looping, state management, routing, etc.
How to prototype quickly with Tailwind CSS and DaisyUI
The confidence and knowledge to use Svelte as well as learn any other JavaScript framework

Svelte is the latest and greatest front-end tool for web developers. If you want to stay ahead of the curve and be ready for where the industry is going, learn Svelte now!

Who is this course for?

Anyone looking to learn how to make reactive websites
Beginners that want to take the next step after learning HTML, CSS, and JavaScript basics
Anyone that wants to stay on top of the latest and greatest tools

The course is broken up into 9 lessons and 9 assignments. Each assignment is meant to reinforce the knowledge you will learn during the lesson. It's highly recommended to code alone with the lessons and then complete each assignment before moving on to the next one.

All the code will be available in a GitHub repo which you will be in the description of the setup video.

Goals

SvelteJS from scratch, with zero knowledge assumed
All the theory and practical applications of Svelte
Core concepts and advanced techniques to build Svelte applications
Create Blazingly Fast Apps with Svelte

Prerequisites

Basic JavaScript knowledge is required
NO prior knowledge about SvelteJS or any other JavaScript framework or library is required

Curriculum

Check out the detailed breakdown of what’s inside the course

Svelte Course
34 Lectures

Introduction 03:37 03:37
How to install node and visual studio code 03:32 03:32
Project folder Structure 05:16 05:16
What is dot svelte file in svelte 03:18 03:18
How to bind text 02:14 02:14
How to Bind HTML in Svelte 02:33 02:33
How to bind attributes 02:20 02:20
What is Class Attribute 04:16 04:16
Conditional Rendering 03:52 03:52
List Rendering 03:48 03:48
List and Keys 03:40 03:40
Event Handling 04:29 04:29
Form Handling Part 1 08:18 08:18
Form Handling Part 2 06:54 06:54
Reactive Declaration 05:44 05:44
Reactive Statements 03:47 03:47
Components 03:50 03:50
Component Props 05:22 05:22
Context API 05:37 05:37
Component Events 05:39 05:39
Event Forwarding 04:14 04:14
Slots 04:02 04:02
Named Slots 04:43 04:43
What is Slot Props 04:28 04:28
Component Styles 02:49 02:49
LifeCycle Hooks 02:24 02:24
How to Make HTTP Request 04:59 04:59
This Binding 02:23 02:23
Dynamic Components 05:25 05:25
Module Context 04:38 04:38
Stores 03:11 03:11
Writable Stores 07:26 07:26
Readable Stores 02:57 02:57
Custom Stores 04:18 04:18

Instructor Details

Rahul Sohday

Course Certificate

Use your certificate to make a career change or to advance in your current career.