Svelte #1 🟠 The easiest way to get started create a Project tutorial for beginners crash course 2022

Опубликовано: 17 Май 2026
на канале: Ghulam Hussain
172
4

in this tutorial we'll be taking a look at creating a Svelte project using the Svelte template. We'll go over the file structure, install a VS Code extension and look at starting the built-in development server.

Look at how to set it up and create a simple user interface

The front-end development world is changing very fast - new technologies and frameworks are being released constantly and sometimes it's hard to keep the overview.

If you're a web developer you have most probably worked with frameworks like Angular, React, Vue in recent months. Now a new star is arising which is gaining traction very fast and is for sure an alternative to these framework: Svelte!

Svelte brings a new approach to JavaScript-based web development: Instead of doing the bulk of the work in the browser (client-side), Svelte shifts that work to a compiler step which is done during development time. This means that no framework code needs to be delivered to the client. Instead Svelte is able to produce highly optimized plain JavaScript code which can be directly interpreted by the browser. No need of loading additional libraries and code to be able to run the web application.

This approach makes Svelte web applications very fast and efficient. In the tutorial you'll learn the Svelte basics. We'll go through every step which is needed to build your own Svelte web application from start to finish.

If you haven't heart about Svelte yet, that's the perfect tutorial to get started ... Let's get into it!