Web development fundamentals

What you will be able to do

Skills you add to your Herizon profile when you finish: JavaScript, React, Web Development.

• A personal site with semantic HTML and a responsive CSS layout
• A page that responds to clicks and typing
• A live request to a public API, with loading and error states
• The site deployed on a free host, with a GitHub repository and a README
• A working picture of how the web and the frontend job market fit together

Who it is for

Time per page: 15 to 20 minutes Whole course: 3 to 4 hours (11 pages, at your own speed) This is for you if you are: - New to code and want a working mental model of the frontend, not a list of syntax - Changing career and need something to show for it - Job hunting in Finland or Sweden and want a site to link from your applications No programming experience is needed. If you already know some HTML or CSS, skim ahead to JavaScript or React. ---

The situation you work through

Anna Korhonen, a marketer who moved from Warsaw to Helsinki, builds one small personal site, a step per page: HTML, CSS, a little JavaScript, a live weather request, a React version and a live address.

Your practice task

Build and deploy your own small personal site with Vite and React. It needs semantic HTML, a responsive CSS layout, a filter or toggle built with useState, and one request to a public API with loading and error states. Submit the live address and the GitHub repository link with a one-paragraph description of what the site does and how it is built.

What is inside

1. How the web works
2. HTML: the structure of Anna's page
3. CSS: styling Anna's page
4. JavaScript basics
5. The DOM: making Anna's page respond
6. Data and APIs: Anna's weather line

and 5 more pages

Finish with a short quiz to earn your certificate.