4.55 (11 reviews)
☑ 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
What is Svelte?
Why to use Svelte.js?
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,
Conditions, key, DOM events...
Components & views relationships,
Assignments, declarations, statements,
But not only. I'll use my senior skills to show you how to architecture a Front-End application properly. In details, this is our roadmap:
Svelte install & configuration,
Routing with Routify,
Firebase project configuration,
FireAuth, FireStore & FireDatabase initialization,
Authentication, routes guards & sessions,
API interface design,
Views & components logic in Svelte,
CSS Design with Tailwindcss,
Autocomplete for pokemons,
Store favorites pokemons...
This is a complete program and all of this in less than 2 hours.
Svelte is a radical new approach to building user interfaces [...] As we all know the popularity of Svelte is at the moment way lower than other JS frameworks/libraries like React.js or Vue.js, but that is no reason for Svelte to lose the game.
Svelte. What is your opinion about the lightweight JS framework? by Dennis Frijlink
So if you are ready, join this course!
Svelte Routify setup
Navigation bar (auth logic)
Components in Svelte (nav, menu, button)
Events in Svelte (from child to parent, parent to child...)
Set data in Firestore (user document)
Creating stores in Svelte (user & pokemons)
Store pokemons get from database (favorites)
Loading, ListItem & Labels components (svelte, tailwindcss)
Set a pokemon as favorite (firestore)
Pokemon & Profile pages (svelte, tailwindcss)
Autocomplete (svelte, firestore)
Thank you very much!
I learnd a lot. Please publish the code of this project. I have troubles with the store: TypeError: store.subscribe is not a function
Content is good so far, although there is not much in the way of explanation; it’s typically just ‘type this’. Presenter’s accent is very strong and requires additional concentration to follow. Video editing is quite ‘choppy’.