Svelte.js Firebase- Pokedex edition

Svelte.js & Firebase: Pokedex edition, available at Free, has an average rating of 3.8, with 14 lectures, based on 39 reviews, and has 2033 subscribers.

You will learn about 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 This course is ideal for individuals who are developers It is particularly useful for developers.

Enroll now: Svelte.js & Firebase: Pokedex edition

Summary

Title: Svelte.js & Firebase: Pokedex edition

Price: Free

Average Rating: 3.8

Number of Lectures: 14

Number of Published Lectures: 14

Number of Curriculum Items: 14

Number of Published Curriculum Objects: 14

Original Price: Free

Quality Status: approved

Status: Live

What You Will 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

Who Should Attend

developers

Target Audiences

developers

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

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,

JavaScript modules & Front-End architecture,

API interface design,

Views & components logic in Svelte,

CSS Design with Tailwindcss,

Autocomplete for pokemons,

Listing 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!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Svelte Routify setup

Lecture 2: Firebase setup

Lecture 3: Authentication

Lecture 4: Navigation bar (auth logic)

Lecture 5: Components in Svelte (nav, menu, button)

Lecture 6: Events in Svelte (from child to parent, parent to child)

Lecture 7: Set data in Firestore (user document)

Lecture 8: Creating stores in Svelte (user & pokemons)

Lecture 9: Store pokemons get from database (favorites)

Lecture 10: Loading, ListItem & Labels components (svelte, tailwindcss)

Lecture 11: Set a pokemon as favorite (firestore)

Lecture 12: Pokemon & Profile pages (svelte, tailwindcss)

Lecture 13: Autocomplete (svelte, firestore)

Lecture 14: Thank you very much!

Instructors

Guillaume Duhan
CTO & Front-End Developer

Rating Distribution

1 stars: 4 votes

2 stars: 1 votes

3 stars: 5 votes

4 stars: 11 votes

5 stars: 18 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!