how can I retrieve data from Firebase in web using javascript?

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:

this key I was pushing it . and I want my website like this course :

When I click this courses I want to see all data about this course like this :

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 .