Building applications with Stenciljs, Ionic and Firebase
4.4 (10 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
81 students enrolled

Building applications with Stenciljs, Ionic and Firebase

Learn how to create fast PWAs with web components using Stenciljs and Ionic while learning the ins and outs of Firebase
4.4 (10 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
81 students enrolled
Created by Flavio Oliveira
Last updated 3/2019
English
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 4.5 hours on-demand video
  • 1 article
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Build lighting fast web applications with Stenciljs
  • Use Ionic framework to speed up development
  • Learn how to create Progressive Web Apps
  • How to use Firebase services like Authentication/Firestore/Storage including Firebase Functions
Course content
Expand all 25 lectures 04:30:28
+ Introduction
1 lecture 00:50

Join my slack channel:

Here you can find help and connect with other students

https://join.slack.com/t/foli/shared_invite/enQtMzMxNTg1MjYxMDkwLWI1YjUwNmFiNDZmYWQ3MmM2NTg4YzQzMjgwNDIwNzViZTI4ZWEwMmZjYWU2MDM3MjVlOWRkM2FiM2E3OWE4MDM

Preview 00:50
+ Application Setup
3 lectures 26:23
Source code
00:15
Firebase configuration
10:36
+ App layout
4 lectures 31:21
Building components with Stenciljs
08:37
Adding a sidebar menu
10:23
Adding tab layout
07:16
Functional Components
05:05
+ Authentication
7 lectures 01:17:49
Adding a Service Layer
03:45
OAuth Authentication
14:10
Email link (Magic Links)
21:36
Adding Capacitor
06:21
Passing data between components
11:44
Logout and User Detail
11:12
Auth Modal
09:01
+ User management
7 lectures 02:08:20
App user vs firebase user
10:19
Cloud functions auth triggers
17:14
Firebase user security rules
11:35
Role based authorisation
08:34
User list page
18:19
Create a user profile
22:17
User Updates
40:02
Requirements
  • Should know basics of HTML, CSS and Javascript
Description

In this course we will explore how to use web components and the Ionic Framework to create full web applications using Firebase as a backend service.

Ditch your big monolithic framework in favor of a small and super fast library (Stenciljs) that lets you create smaller and faster apps.

Learn how to create fast PWAs with web components using Stenciljs and Ionic while learning the ins and outs of Firebase.

We will cover:

  • Authentication, including "Magic Links - Passworldless auth";

  • Using Firestore to store our data and secure it;

  • How to upload, retrieve and delete files from Firebase Storage;

  • We will also learn how to integrate cloud functions onto your app;

  • How to use Ionic components to make your app beautiful out of the box.

Join now and lets get started!

Who this course is for:
  • Anyone with basic web development experience and wants to learn how to build modern web applications
  • Anyone curious about web components or want to see how to build apps without a big web framework