Project
URL Shortener
Challenging
85 completions
~ 11 hours
4.5Take your HTML and JavaScript skills to the next level by creating a web page that takes input from the user and learn to manipulate the DOM.
Provided by
JetBrains Academy
About
Some website URLs can be very long — it would be good if we could shorten them. In this project, you will create a page to shorten website URLs. Practice manipulating the DOM using HTML & JS and build a web page.
Graduate project
This project covers the core topics of the JavaScript Core 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:
Shorten the given URL and list it on the page.
Increase the click count every time when it’s clicked.
Delete a URL from the list or delete all URLs.
Update the short URL with the input from the user.
Add some CSS and style the page however you like.
Reviews
JE
Josep Espasa
JE1 month ago
It’s a great project! It’s definitely not the simplest one, since it requires some advanced DOM manipulations. I also ran into a few buggy tests toward the end.
8 months ago
I have learned manipulating DOM with JavaScript and new RegExp: /^(http(s)?:\/\/)?([\w-]+\.)+[\w-]+(\/[\w-.\/?%:#&=]*)?$/.
8 months ago
I was able to learn multiple items, including how to operate DOM, adding styles, and how to use forms.
4.5
Learners who completed this project within the JavaScript Core course rated it as follows: