Project
HyperCinema
Hard
27 completions
~ 16 hours
3.8By completing this project, you will learn how to position elements on a page correctly with CSS, work with text and animation, and of course, play videos in a browser with HTML tools.
Provided by
JetBrains Academy
About
Most movie and series fans cannot imagine their life without their object of passion. Almost all sites with videos led to YouTube, but now every online cinema has its player on the website. How about creating your simple version of an online cinema?
Training project
This project allows you to practice and strengthen your coding skills, helping you get ready for more advanced tasks ahead.
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:
Add a video to the page and apply the basics of design and markup
The meta information of a movie is the first thing users study before watching it, so let's make it detailed and stylish.
Some people think the film cast is the most important thing for success, so let's add the information on actors.
You like the actors, the description of the film's plot is exciting, it's time to read the reviews! Let's add them to our online cinema.
Add some animations to actors and buttons, and make the reviews "stick."
Reviews
2 months ago
This project was an interesting challenge. I had to put many of the concepts I had learned in theory into practice and research many topics that I did not understand. This gave me many tools to successfully complete the project.
8 months ago
I have learned to make nice looking web page using HTML and CSS. Lots of elements in .html, even more in style.css. Working with Figma was also a plus.
Aside from the basics, I practiced useful things such as Flexbox, working with Figma, and some cool animations. Also, there was shrek!
3.8
Learners who completed this project within the Frontend Developer course rated it as follows: