Advanced Svelte JS

• Basic knowledge of JavaScript and Svelte
• Experience in JavaScript programming

Audience

• Developers

Svelte is an open-source front-end component framework that provides a modern environment for building static web applications, and reusable components for any kind of project.

This instructor-led, live training (online or onsite) is aimed at intermediate-level developers who wish to learn advanced concepts and features of Svelte for developing web applications.

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

• Use advanced techniques for developing Svelte applications.
• Develop web applications with the Svelte framework.
• Quickly prototype with TailwindCSS and DaisyUI.

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.

Introduction

• Overview of Svelte features and architecture
• Review of Svelte basic concepts

Binding in Svelte

• Binding text
• Binding HTML
• Binding attributes

Rendering in Svelte

• Using conditional rendering
• List rendering

Advanced Svelte Concepts

• Event handling
• Form handling
• Using the reactive declaration
• Using components
• Component props and events
• Component styles
• Understanding context API
• Event forwarding
• Using slots
• Named slots and slop props
• Lifecycle hooks
• Making HTTP requests
• Using This binding
• Understanding module context
• Writable, readable, and custom stores

Troubleshooting

Summary and Next Steps