5.00 (2 reviews)
☑ 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
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!
Brief Introduction to Svelte
Contacts List App
Install dependencies and create App component
Create Contact Form
Implement Form Submit and Cancel
Implement a Contacts List
Create a Weather Forecasting App
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
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
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.