Introduction to Svelte.js Training Course


Svelte.js is a JavaScript compiler for generating efficient code that improves client run-time performance. Using Svelte.js, users can create frontend applications and user interfaces.

This instructor-led, live training (online or onsite) is aimed at web developers who wish to use Svelte.js for frontend development.

By the end of this training, participants will be able to:

  • Develop frontend applications and user interfaces with Sveltes.js.
  • Pre-render a web application on a server to improve SEO.
  • Use Svelete.js as an alternative to React.js, Angular, and Vue.js.

Format of the Course

  • Interactive lecture and discussion.
  • Lots of exercises and practice.
  • Hands-on implementation in a live-lab environment.

Course Customization Options

  • To request a customized training for this course, please contact us to arrange.


  • Experience with JavaScript


  • Web Developers

Course Outline


Svelte.js Overview

  • What is Svelte.js?
  • Svelet.js features

Svelte.js Syntax and Fundamentals

  • Procedural programming
  • Object-orientated programming
  • Reactive Programming

Preparing the Development Environment

  • Installing and configuring Svelte.js

Svelte.js Quick Start

  • Embedding widgets
  • Creating custom components
  • Emitting events
  • Working with slots

Bindings and Forms

  • Using component binding
  • Validating forms and input

State and Data Management

  • Creating, updating, and managing stores

Web Services

  • Adding a REST API
  • Sending, fetching, and transforming data

Routing and SSR

  • Preloading components
  • Fetching and pre-fetching data
  • Syncing stores

Testing the Application

  • Testing with unit tests and mock tests

Debugging the Application

  • Handling errors

Deploying the Application

  • Deploying a frontend application
  • Hosting a frontend application

Securing the Application

  • Hiding data and APIs


Summary and Conclusion

Leave a Reply

Your email address will not be published. Required fields are marked *