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 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 included ...