Overview
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.
Requirements
- Experience with JavaScript
Audience
- Web Developers
Course Outline
Introduction
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
Troubleshooting
Summary and Conclusion