Project

Portfolio

Challenging

770 completions

~ 19 hours

4.1

You will write a one-page site with its own design and interactive elements. You will learn how to make your site adaptable to different screen sizes and browser versions. In the process, you will build your confidence in working with HTML.

Provided by

JetBrains Academy

About

A good way to make yourself known in the world of programming is to create a portfolio. It is really good when all of your impressive achievements, skills, and samples are collected in one place. If you know the basics of HTML, CSS, and JavaScript, you can even publish your portfolio on the website you created yourself! This project is a great way to present yourself as a specialist.

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:

Everyone needs to start somewhere: why not start by making a simple web page with your bio and some examples of your work!

Divide the existing HTML code into sections and write markup for the site's header, navigation bar, block with the contact data, and footer.

Presentation is everything: it is time to decide on the design of your website. Use CSS to implement your most daring ideas.

You probably want to accompany your work with some comments. In this stage, you will create pop-up windows with information about each of your projects.

Make the navigation bar convenient for browsing on smartphones and check that all the elements are displayed correctly on devices with different screen sizes and browsers.

Reviews

Jonatan Luna Franco

2 months ago

4.7

I learned how the web works and how to use essential tools like CSS and JavaScript to build web applications. The course also taught me how to interact with other developers using APIs, handle user interactions, and implement accessibility and responsive design for different devices.

Ivan Balihikya

9 months ago

5.0

I practiced using flex box to position elements and how to make a hamburger menu.

Aleeee

10 months ago

5.0

I learnt actually a lot of useful things, specially why flex is better than grid and how to use media queries, quite important if I do say so myself.

4.1

Learners who completed this project within the Frontend Developer course rated it as follows:

Usefulness

4.4

Fun

4.1

Clarity

4.0