14 小时 通常来说是2天,包括中间休息。


  • Javascrit programming experience


  • Developers


Svelte is a compiler for building user interfaces. It differs from frameworks such as React and Vue in that it converts an application code into JavaScript at build time, rather than interpreting it at run time. It does not use a virtual DOM.

This instructor-led, live training (remote or onsite) is aimed at developers who wish to use Svelte to develop web applications that are faster than React applications and are simpler to construct.

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

  • Start writing a web app quickly and with minimal overhead.
  • Write web apps that handle state without relying on external dependencies or plugins.
  • Use features such as scope styling to eliminate the need for extra extensions and custom syntax for CSS.
  • Build standalone Svelte components and integrate them into the codebase of an existing React project.

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.



  • vs React vs Vue.js

Overview of Svelte Features and Architecture

  • Managing application state without virtual DOM diffing.
  • Creating applications free from external dependencies.
  • Loading speed of a Svelte application

Getting Started

  • Overview of project folders and file structure
  • A simple a Hello World app.
  • Overview of Svelte Syntax

Creating a Component

  • Writing a template
  • Adding simple styles
  • Cleaning up the CSS rules

Running the Application

  • Running, checking, and updating the code
  • Adding conditionals and loops

Adding Interactivity to the App

  • Creating a user form
  • Processing user input
  • Binding UI elements and passing data
  • Handling other events

Adding Components to the Application

  • How components communicate
  • Navigating through different components through routing

Managing Application State

  • Storing data in the component
  • Storing data in a central location
  • Subscribing to properties

Fetching Data from External Sources

  • Accessing data from an API

Enhancing Usability

  • Working with Styles
  • Referencing CSS elements

Integrating Svelte Code into an Existing React Project

  • Deploying component level code with Svelte
  • Calling functionality from within a React Application

Summary and Conclusion









is growing fast!

We are looking to expand our presence in China!

As a Business Development Manager you will:

  • expand business in China
  • recruit local talent (sales, agents, trainers, consultants)
  • recruit local trainers and consultants

We offer:

  • Artificial Intelligence and Big Data systems to support your local operation
  • high-tech automation
  • continuously upgraded course catalogue and content
  • good fun in international team

If you are interested in running a high-tech, high-quality training and consulting business.

Apply now!