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.
We'll cover the following...
We will set up a header, hero banner, and footer that will have some basic HTML and CSS. They will not be discussed in-depth except for the sign in and create user buttons which are in the header. These activate a modal, and we will discuss how to use the modal in detail.
Lastly, we will set up the Authentication Actions Listener. This is a special piece of code that reduces making multiple clicks events by implementing one advanced click event.
Basic HTML Document, Modal HTML and Firebase Includes #
This basic HTML document to get you started sets up a basic HTML document, calls the Firebase CDN for later use and has the structure for the pop-up modal.
I have ...