Course Outline
Introduction
- Svelte.io 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
Requirements
- Javascrit programming experience
Audience
- Developers
Testimonials (5)
The participants
Arne Schwarck - Diehl Aviation Laupheim GmbH
Course - Javascript Basics
Very "hands-on" training, with lots of examples and explanations. I really enjoyed it and I feel like a learned many new things in a very short time. Very well done!
Sorina - DB Global Technology
Course - JavaScript - Advanced Programming
The course, The Trainer
Novat Adam - Tanzania Revenue Authority
Course - Unit Testing with Javascript
I really like the exercises
Ioan Adrian Gui - Bachner - Continental Automotive (avlad)
Course - Unity: Developing 3D Games with C# and Javascript
It was interactive. We got to code as we went.