Udemy

Platform

English

Language

Web Development

Category

Practical intro to Svelte framework for beginners 2021

A quick practical introduction to the Svelte framework for beginners 2021

5.00 (2 reviews)

Students

3 hours

Content

May 2021

Last Update
Regular Price

EXCLUSIVE OFFER
Exclusive  Offer
Unlimited access to 30 000 Premium SkillShare courses
30-DAY FREE TRIAL

What you will learn

Create Svelte components

Component communication

Interaction with a remote API

Create event dispatchers

Work with the Svelte spa router

Work with firebase firestore and auth

Use the Svelte store to share data


Description

Welcome to the course, Practical intro to Svelte framework 2021 . This is a course with hands on examples demonstrating how to build client side svelte applications. It is quick and straight forward and can be completed in a couple of days over the weekend. Svelte is a small, fast and efficient framework that is growing in popularity every year and it is also easy to learn and pleasant to work with.

The course starts with a basic overview of the Svelte framework and follows up with a small client side Contacts list app that shows in practice how a Svelte component is created. In the section that follows you will have a chance to create a client side Weather-forecast app that makes network calls to an API at the openweathermap.

You will transform the data and render it on the browser with the help of multiple Svelte components you are going to create in the process. We will also utilize the svelte event dispatcher to notify other components of events that are taking place.

In the final section, you will build a Notes app that has a firebase firestore backend and uses the firebase auth service to register and authenticate users. In this app we will utilize svelte's store to create and share user state, a third party svelte router called svelte-spa-router for navigation and a library called sveltestrap for alreay built UI components. The app will allow the user to create, retrieve, update and delete notes.

We are sure that you will find this course useful. Happy coding!


Screenshots

Practical intro to Svelte framework for beginners 2021
Practical intro to Svelte framework for beginners 2021
Practical intro to Svelte framework for beginners 2021
Practical intro to Svelte framework for beginners 2021

Content

Intro

Brief Introduction to Svelte

Contacts List App

Intro

Simple setup

Wireframe

Source code

Install dependencies and create App component

Contacts model

Create Contact Form

Implement Form Submit and Cancel

Add styles

Implement a Contacts List

Create a Weather Forecasting App

Intro

Source code

Setup

Create an API token at Openweathermap.org

App structure & UI components

Implement fetch weather

Transform weather data

Create UI that renders the weather data

Refactor (move code into other components)

Create the Search component

Connect Search with App

Create a Notes App

Intro

Firebase

Source code

App Directory Structure

Create the user store

Create the App component and setup routes

Create the Navigation Bar

Create the Register component

Create the Login component

Verify Login and Register

Implement the CreateNote component

Implement edit and delete note


Reviews

Y
Yohannes17 May 2021

What an amazing tutorial! One of the best courses I have ever taken! The instructors have done a very good job. The concepts are very clearly explained with appropriate practical examples. I feel like I am ready to start working on actual projects.


3949560

Udemy ID

3/31/2021

Course created date

5/7/2021

Course Indexed date
Bot
Course Submitted by

Twitter
Telegram