how can I retrieve data from Firebase in web using javascript? : <p>How can I retrieve data from Firebase and add to html page? 
and, How can I open new html pages automatically to add the data I was retrieving it? 
example: 
I have this course from firbase:
<a href="https://i.stack.imgur.com/R6BZQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/R6BZQ.png" alt="image"></a></p>

<p>this key I was pushing it .
and I want my website like this course : 
<a href="https://i.stack.imgur.com/kg2cW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kg2cW.png" alt="courses image "></a></p>

<p>When I click this courses I want to see all data about this course like this : 
<a href="https://i.stack.imgur.com/2sajb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2sajb.png" alt="description coursers "></a></p>

<p>Can anyone help me ?!
I won't like this style just I want to know how can i retrieve data and add it in new html pages in the same style in all courses  .</p>
