Svelte.js & Firebase: Pokedex edition

Build step by step a web application with SvelteJS & Firebase

Created by Guillaume Duhan | Last updated 4/2021
Duration: 1h 58m | 1 section | 14 lectures | Video: 1280×720, 44 KHz | 1.5 GB
Genre: eLearning | Language: English + Sub

What you’ll learn
SvelteJS basics with no knowledge
Advanced techniques & core concepts of Svelte
Firebase setup from scratch
Firebase Auth with Google, store/get data with Firestore & Database
Routing, route guards & redirect with Routify
Webdesign with Tailwindcss

Requirements
Javascript basics
Description
What is Svelte?
Just like React and Vue, Svelte is a JavaScript framework offering a productive approach for making frontend interfaces easy to build. The biggest technical advantage of Svelte is high performance, browser-friendly JavaScript with small bundle sizes.
Why to use Svelte.js?
If you are looking for an efficient Javascript framework with a nice learning curve to build front-end applications, you’ll love to play with Svelte. This framework provides a fluid & light approach of coding that open new horizons for beginners and seniors developers.
Svelte/Firebase, a good mix?
As you may already know, Firebase offers you the opportunity to create an app serverless. It means that you don’t need to code any back-end at all. Moreover, this is for free! How amazing is that? Combined with Svelte makes this course even more interesting for those who want to create a front-end app.
What is our program?
In this course, I’ll teach you how to handle Svelte and Firebase by coding a Pokedex! Why? Because it provides to us an already-made database (I’ll provide you a JSON to use during the course) that we’ll inject inside our Front-End application directly from Firebase.
Concerning Svelte, you’ll learn:
Svelte mechanic, logic & lifecycles,
Adding data,
Dynamic attributes,
Conditions, key, DOM events…
Styling,
Nested components,
Components & views relationships,
Assignments, declarations, statements,
Updating values,
Declaring props,
Manage stores…