TOIT Training

Intermediate

Svelte for Beginners

Overview
Curriculum

 

Svelte stands out in the landscape of web development frameworks by diverging from the traditional runtime-focused frameworks. It introduces a unique compile-time architecture where the framework itself disappears, leaving behind highly optimized vanilla JavaScript. The key to Svelte’s approach is its compiler, which translates high-level declarative components into imperative code that directly manipulates the DOM when the state of the application changes. This results in applications that are inherently smaller and faster, as there’s no abstraction layer of a virtual DOM. Svelte’s syntax is clean and approachable, making it an attractive option for beginners looking to build interactive web interfaces without the overhead of complex state management and prop-drilling common in other frameworks.

Curriculum

  • 2 Sections
  • 35 Lessons
  • 4h Duration
Expand All
 Getting Started with Svelte
17 Lessons
  1. Introduction
  2. Setting Up a Svelte App
  3. Svelte Basics
  4. Data Binding & Inputs
  5. Reactive Values
  6. Loops
  7. Inline Event Handlers
  8. Conditionals
  9. Components
  10. CSS & Conditional Styles
  11. Props
  12. Event Forwarding
  13. Event Modifiers
  14. Slots
  15. Forms (Part 1)
  16. Forms (Part 2)
  17. Dispatching Custom Events
 Putting It All Together - Creating a Polls Website
18 Lessons
  1. Starting the Polls Project
  2. Header & Footer Components
  3. Tabs Component
  4. Poll Form Component
  5. Custom Button Component
  6. Custom Form Validation
  7. Adding New Polls
  8. Poll Details Component
  9. Card Component
  10. Casting Votes
  11. Outputting Vote Bars
  12. Intro to Stores
  13. Lifecycle Hooks (& Unsubbing Subsciptions)
  14. Updating Store Data
  15. Deleting Polls
  16. Transition Basics
  17. Tweens & Animations
  18. Wrap Up

Deleting Course Review

Are you sure? You can't restore this back

Course Access

This course is password protected. To access it please enter your password below:

Buy for group

Svelte for Beginners
No groups Found

You don't have any groups yet

Create a group and add group members. Sync Group(s)