Do it yourself

Course «Modern layout fundamentals»

Lesson «Intro»

At the end of each lesson, you'll come across small independent assignments. They are aimed at a more practical understanding of the topic covered, so we highly recommend them.

Lesson «Semantic HTML»

Create an index.html file on your computer and create your own CV. Use the tags you learned in this lesson.

Create a basic document structure and try different text options inside the <title> tag. You can even try adding an emoji to it and see how the browser displays this header.

Lesson «CSS fundamentals»
  • Create index.html and style.css on your computer. Link a styles file. Mark up any text you like and use the properties we've learned in this lesson to format the text
  • Try copying the examples in this lesson
Lesson «Chrome DevTools»

Open the Web Inspector available to you on this page. Try going through the different tabs and see what information they carry. Change the HTML elements. Add different properties to the current page.

Lesson «Graphic editors»

Using examples from the lesson, learn all the available properties of the main text:

  • Font parameters

  • Font color

  • Distance from the text to the title "Frontend Developer"