0(0)

Svelte the complete guide 2020

  • Course level: Beginner

Description

Svelte is a Framework with a radical new approach to building user interfaces. Whereas traditional frameworks like React and Vue do the bulk of their work in the browser, also that work into a compile step that happens when you build your app.

Instead, Svelte runs at build time, converting your components into highly efficient imperative code that surgically updates the DOM. As a result, you’re able to write ambitious applications with excellent performance characteristics.

In this course, we will make an introduction to the most important topics and we will see how we can use them for our applications. The content of it will go from the installation/creation of a Svelte project to the use of the syntax template and components available in it.

Who this course is for:

  • People interested in learning everything in a simple and easy way

What Will I Learn?

  • How to use Svelte Framework on their projects in a simple way
  • Why Svelte is a good option to consider whenever you will start a project
  • Main functionalities of Svelte Framework

Topics for this course

35 Lessons

Svelte Tutorial for Beginners

#1 – Introduction00:00:00
#2 – Setting up a Svelte App00:00:00
#3 – Svelte Basics00:00:00
#4 – User Input & Data Binding00:00:00
#5 – Reactive Values00:00:00
#6 – Loops00:00:00
#7 – Inline Event Handlers00:00:00
#8 – Conditionals00:00:00
#9 – Components00:00:00
#10 – CSS & Conditional Styles00:00:00
#11 – Props00:00:00
#12 – Event Forwarding00:00:00
#13 – Event Modifiers00:00:00
#14 – Slots00:00:00
#15 – Forms (part 1)00:00:00
#16 – forms (part 2)00:00:00
#17 – Dispatching Custom Events00:00:00
#18 – Starting the Polls Project00:00:00
#19 – Header & Footer Components00:00:00
#20 – Reusable Tabs Component00:00:00
#21 – Poll Form Component00:00:00
#22 – Custom Button Component00:00:00
#23 – Custom Form Validation00:00:00
#24 – Adding New Polls00:00:00
#25 – Poll Details Component00:00:00
#26 – Card Component00:00:00
#27 – Casting Votes00:00:00
#28 – Vote Bars00:00:00
#29 – Introduction to Stores00:00:00
#30 – Lifecycle Hooks00:00:00
#31 – Updating Store Data00:00:00
#32 – Deleting Polls00:00:00
#33 – Transition Basics00:00:00
#34 – Tweens & Animations00:00:00
#35 – Wrap Up00:00:00
Svelte
35 £

Enrolment validity: Lifetime

Requirements

  • Basic knowledge of JS, HTML & CSS
  • Node & npm installed in your machine (in case you want to follow our instructions locally)