Project
URL Shortener
Challenging
97 completions
~ 11 hours
4.4Take 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
3 weeks ago
Nice project, I really had to twist my brain with replacing input with a new url and not forgetting to put href, target and eventListener back
Josep Espasa
11 months 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.
1 year ago
I have learned manipulating DOM with JavaScript and new RegExp: /^(http(s)?:\/\/)?([\w-]+\.)+[\w-]+(\/[\w-.\/?%:#&=]*)?$/.
4.4
Learners who completed this project within the JavaScript Core course rated it as follows: