Basic Svelte: #1 Introduction to Svelte

This post is the 1st post for the series of blog posts, about Svelte.
Basic Svelte: #1 Introduction to Svelte

This Svelte tutorial will teach you everything you need to know to easily build websites with the help of svelte. So, lets start.

What is Svelte?

Svelte is just another tool for building web applications. Just like any other UI Framework, it allows you to build app declaratively out of component, these combine markup, styles, and behaviours.

These components are compiled into small, efficient JavaScript modules, to eliminate the excessive workload, that might occur.

You can build an entire web application from scratch using Svelte, using the SvelteKit framework, or you can add it into a exisiting website for a specific function. You can also ship components as standalone packages that will work anywhere.

How to use this Tutorial?

The prerequisites are: HTML, CSS, JS.

This tutorial is split into four main parts:

  • Basic Svelte (you are here)
  • Advanced Svelte
  • Basic SvelteKit
  • Advanced SvelteKit

Each section will contain a exercise designed to illustrate a specific feature. Later on these exercises build upon from the knowledge gained from the previous ones, so it's recommended not to skip.

You can also try, installing svelte into your desktop and practice with the code, if you want to play with it. You can do the same with an online code runner, but it will have some cons. 

Thank you for reading, this was the 1st Post, on the category Svelte.

Post a Comment