educative.io

Full-Stack Web Applications with Firebase (Full-Stack Code Camp)


Learn Cloud Firestore Database - Build a Chat Application - Your First Chat Message In this lesson, we explore how to make entries in the database by making our first chat message. Before we add anything, let's ask the user for their name and place it in the browser's local storage. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/RMk6BDMMozK). Learn Cloud Firestore Database - Build a Chat Application - Simulate a Two-Way​ Conversation In the last lesson we created our first message and displayed all messages from the database in a chat stream. I am going to show you how to simulate a two-way conversation in this lesson. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/3YQEm2Mq9RR). Learn Authentication - Build a Boilerplate Application - Making Your App Aware of Users This lesson covers a powerful feature of the ​Firebase - the authentication state. With a tiny bit of code, your application will be aware of signed in users. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/3jwmzzqzrl4). Learn Cloud Firestore Database - Build a Chat Application - Quiz Let's test your knowledge on Cloud Firestore with a short quiz! View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/YQ1VV3Oolv0). Introduction to Firebase - Course Application Previews In this lesson, we will look at the four apps that you will build from scratch using Firebase. Each one was designed and carefully curated to teach you different aspects of multiple Firebase services. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/BnWvnw0GL8N). Introduction to Firebase - Structure of the Course This course is designed to teach you what Firebase has to offer by building four different apps. Each app was specifically chosen and designed to teach you different aspects of Firebase in a real-world setting. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/gxQRyGpkZA6). Introduction to Firebase - Serverless Full-Stack This lesson discusses the differences between the popular Node and Express stack and a serverless Firebase stack. You will see that Firebase is not only capable of doing the same full-stack tasks but easier to implement. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/NE72V5Q2N2K). Learn Cloud Firestore Database - Build a Chat Application - Summary In this lesson, we will take a look at what you learned about Cloud Firestore in this section of the course. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/3jwQ7YWG8o4). Learn Deployment - Practice Concepts on Your Chat Application - Initiate a Live Chat With Someone We have been making a chat application but so far have not actually chatted with anyone. Let's change that. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/7nY759nAGMw). Learn Deployment - Practice Concepts on Your Chat Application - Deploy to Firebase Hosting Wow, you have come a long way and have completed some really hard steps to get this far! There are many lessons in the upcoming lessons that will improve your Firebase skills, but your chat app is finally good enough to put it out on the world wide web! View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/N85kvBJpDBp). Learn Cloud Storage - Build a Image Sharing Application - Initialize Firebase Storage In this lesson, you learn how to turn Firebase Storage on from the console and configure security rules so that we can upload images in the next lesson. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/N03DY80A0X2). Learn Deployment - Practice Concepts on Your Chat Application - Quiz Let's test your knowledge on Firebase Hosting with a short quiz! View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/xlQ9LkMkwz3). Learn Deployment - Practice Concepts on Your Chat Application - Custom Domains In this lesson, you will learn how to set up a custom domain. Once you are done, you can use your custom domain or your project URL to access the live site. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/x1RBNjMqZGl). Learn Deployment - Practice Concepts on Your Chat Application - Summary In this lesson, we will take a look at what you learned about Firebase Hosting by completing this section of the course. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/gxz5yAG6ml3). Learn Security - Boilerplate + To-Do List Application - Quiz Let's test your knowledge of authorization with a short quiz below! View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/myly62R4OjG). Learn Authentication - Build a Boilerplate Application - Signing In In this lesson, we grab the values from the sign in authentication form and pass those values to Firebase to authenticate already existing users of our app. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/R8qgqNo300K). Learn Cloud Storage - Build a Image Sharing Application - Storing Images Now we get to the heart of it. Let's upload images to the cloud! This lesson covers the syntax necessary to upload images to Firebase Storage. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/B170G212Jpx). Learn Security - Boilerplate + To-Do List Application - Summary In this lesson, we will take a look at what you learned about user authorization by completing this section of the course. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/N7VBEgpWg0m). Learn Authentication - Build a Boilerplate Application - Signing Out So far, we can create users which also simultaneously signs us in, but we need to give our users a way to sign out. In this lesson,​ we add that feature to our app. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/gkAgqJAq0vZ). Learn Cloud Storage - Build a Image Sharing Application - Clear Images This lesson will teach you how to remove all the photo references from Cloud Firestore. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/RMZR2X7R7wz). Learn Cloud Storage - Build a Image Sharing Application - Quiz Let's test your knowledge on Firebase Storage with a short quiz! View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/m2jxoWB33qr). Conclusion - Where to Go From Here Firebase is relatively easy to get started with. However,​ you will find ​that there is still a lot you can learn about it that is beyond this introductory course. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/g7J4Z3AAQq9). Learn Cloud Storage - Build a Image Sharing Application - Summary In this lesson, we will take a look at what you learned about Firebase Storage by completing this section of the course. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/RLXKVnl26WE). Learn Security - Boilerplate + To-Do List Application - User Authorization Primer Now that we have completely authenticated our user, it is now possible to implement authorization. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/BnrZ7z85Z7J). Learn Cloud Firestore Database - Build a Chat Application - Create a New Firebase Project This lesson explains how to generate a new Firebase project. Once that is done you will configure your application to communicate with the newly created Firebase project. This allows you to use any Firebase service of your choosing. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/N0X6YGBBVLv). Learn Security - Boilerplate + To-Do List Application - Cloud Firestore Security In this lesson, we will edit security rules so that only authorized users can make a 'write' request. This protects you​ from potential hackers. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/YQzxj9qrP7n). Learn Authentication - Build a Boilerplate Application - Summary In this lesson, we will take a look at what you learned about Firebase Authentication by completing this section of the course. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/B8DQZ1pJkNX). Learn Authentication - Build a Boilerplate Application - Quiz Let's test your knowledge on Firebase Authentication with a quick quiz! View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/qVqm1WX9X3p). Learn Authentication - Build a Boilerplate Application - Creating Users In this lesson, we grab the values from the create user authentication form and pass those values to Firebase in order to create a new user for our app. It will also sign the new user in. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/mEgJGr8Eg19). Learn Authentication - Build a Boilerplate Application - Authentication Forms The most common type of authentication is email and password. This lesson covers setting up the forms as well as the functionality required to toggle between them as needed. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/gxly1XgO7vG). Learn Authentication - Build a Boilerplate Application - Showing a User Dashboard This lesson explains how to show users a dashboard after creating their account or signing in. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/JYy3PK857vo). Learn Authentication - Build a Boilerplate Application - Resetting Passwords Sometimes users forget their passwords and need a way to reset it. In this lesson I will show you how to pass the users email to Firebase in order to get a password recovery email sent to them. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/qApzLOJGXBG). Learn Security - Boilerplate + To-Do List Application - Creating Your First “To-Do” Item This lesson explains how to add to-do list items to the Cloud Firestore database. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/xVV59l6wAJ3). Learn Authentication - Build a Boilerplate Application - Modal and Authentication Actions Listener In this lesson, you will set up a basic HTML document, a modal for our authentication forms and the authentication actions listener which will listen to click events on elements that need to perform an authentication specific action. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/RM7LEXvMoMO). Learn Security - Boilerplate + To-Do List Application - Deleting Completed Items In this lesson, we will add ​the ability to delete items from the list in the application once the "to do" tasks have been completed. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/NE6k8gW3N0p). Learn Authentication - Build a Boilerplate Application - Handling Error and Success Messages When you try to sign in or create a user, things can go wrong. The user might type in an incorrect email or the wrong password for instance. Firebase returns an error which we can show to the user. This helps them know why they are not getting the results they expected. We will also cover success messages which are relevent​ to the forgot password form. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/RM4Xv3PLGmw). Introduction to Firebase - Firebase Services In this lesson, we will introduce the cloud services that make up the Firebase ecosystem. You can use each one as a stand-alone​ service or combine them. Let's take a look at each Firebase service, that we will cover in this course, one by one. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/JYP1yPWDoDD). Learn Cloud Firestore Database - Build a Chat Application - Initialize Cloud Firestore Database This lesson explains how to initialize Cloud Firestore in our project. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/R8EjARB6ryV). Learn Cloud Firestore Database - Build a Chat Application - Clear Messages This shows you how to delete messages from the database. Ready to delete all the documents inside the messages collection? View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/JY54KExrYkv). Introduction to Firebase - Back-End as a Service (BaaS) Full-Stack applications need a front-end and back-end. Using a Back-End as a Service (BaaS) like Firebase you get all the benefits of a back-end without the complications of setting one up from scratch. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/JYjXyMENzA9). Learn Cloud Storage - Build a Image Sharing Application - Showing Images in the Browser In this lesson, you will learn how to show images you uploaded to Firebase Storage in your app. After each upload,​ we will take the download URL and place it in Cloud Firestore. Then we will make a database listener for that collection. That is the final step that allows us to show the images to the user in the browser. View the lesson [here](https://www.educative.io/courses/fullstack-web-apps-with-firebase/qVMQNLRRZoy).
About the Full-Stack Web Applications with Firebase (Full-Stack Code Camp) category [Full-Stack Web Applications with Firebase (Full-Stack Code Camp)] (1)