Project
Dog Glossary
Hard
234 completions
~ 13 hours
4.6Improve your HTML and JS skills by fetching data from an API and displaying it on a web page. You will also work with promises and handle different data structures in JS.
Provided by
JetBrains Academy
About
Isn’t it nice to see pictures of cute dogs on the Internet? In this project, create a page to show random dog pictures and a list of dog breeds using a public API. Practice handling APIs, HTML & JS to build a web page.
Graduate project
This project covers the core topics of the Frontend Developer course, making it sufficiently challenging to be a proud addition to your portfolio.
At least one graduate project is required to complete the course.
What you'll learn
Once you choose a project, we'll provide you with a study plan that includes all the necessary topics from your course to get it built. Here’s what awaits you:
Fetch a random dog picture and display it on the page.
Fetch the requested dog breed and show the image on the page.
Fetch the requested sub-breeds and display them as a list on the page.
Fetch all of the dog breeds with sub-breeds and show them on the page as a list.
Add some CSS and style the page however you like.
Reviews
3 months ago
The project idea is GOAT. A great platform for learning basics of HTML and the intro to its connection with CSS/JS
Ludoviko Azuaje
5 months ago
I have learned how to use the fetch api and to show the results in a html page. Improve your HTML and JS skills by fetching data from an API and displaying it on a web page. You will also work with promises and handle different data structures in JS.
4.6
Learners who completed this project within the Frontend Developer course rated it as follows: