Video course on layout for beginners HTML & CSS

Book a course

about the course

Structured material
Low price
Relevance and lifetime access
Practical lessons and assignments
34 video lessons (total 18 hours)
Viewing from a Smartphone
Additional Helpful Resources
No ads
Available in social networks and instant messengers

COURSE FOR THOSE WHO

Want to learn how to create a website on your own
Learning modern development tools
Doesn't know HTML and CSS yet, but wants to learn
Wants to become a cool master and earn money
Book a course

COURSE Program

Module 1

(HTML)

A brief overview of what we will learn in this video course.

In this tutorial, we will install the Google Chrome browser and VS Code editor.

Let's take a look at the features of the VS Code editor and learn how to work with it.

Let's learn our first HTML tags, with the help of which any sites are created.

Let's learn how to correctly specify the path to image files and other pages of the site.

Learn how to create lists on your site.

In this tutorial, we'll look at how to create tables in HTML.

In this video tutorial we will learn how to work with text.

Learn how to create text entry forms, checkboxes and buttons.

Consider universal attributes that can be added to any HTML tag.

Learn how to work with RGB color and add special characters to your site.

Module 2

(CSS)

Consider the basic CSS selectors, find out what they are and why they are needed.

Learn how to work with images in CSS.

In this tutorial, we will learn how to create borders around any element on the site and style them.

Let's figure out how to resize elements on a page using CSS.

Let's learn how to work with fonts. Install your font on the site.

In this lesson, we will talk about the box model of a document and learn how to use the box model.

Pseudo-classes and pseudo-elements in the CSS language allow you to extend the basic features of the language that we have already learned.

In this tutorial, we'll learn the basic flexbox layout techniques and apply them in the next module.

In this tutorial, we will learn how to create a responsive CSS grid. We will also learn how to work with variables and the calc function. Learn how to create media queries to make your website responsive for mobile devices. Let's learn how to create a layout with a 12-column grid in Photoshop, compare our grid with the Bootstrap 5 grid, as well as learn how to connect it and learn how to check your site on a mobile device emulator directly from a browser on a PC.

Task for practice on the topic 'Creating an adaptive grid with CSS'.

Module 3

(Practise)

A lesson in which we will create a fragment of a modern site using all the knowledge gained earlier.

Homework to consolidate the studied material in the previous lesson.

A lesson in which we will create a fragment of a modern site using all the knowledge gained earlier.

Homework to consolidate the studied material in the previous lesson.

A lesson in which we will create a fragment of a modern site using all the knowledge gained earlier.

Homework to consolidate the studied material in the previous lesson.

Pseudo-classes and pseudo-elements in the CSS language allow you to extend the basic features of the language that we have already learned.

A lesson in which we will create a fragment of a modern site using all the knowledge gained earlier.

Homework to consolidate the studied material in the previous lesson.

Summing up and the final project that you can do yourself and add this work to your portfolio.

You will receive all the source codes for the lectures and homework in this module, additional materials that will be useful to you during development, and links to a large number of proven online resources that will help you when creating a site.

about the author

Ismail Useinov

I have been doing web development since 2013.

In 2017, he founded the ITDoctor YouTube training channel. I share my knowledge in the field of programming and website development. He formed his own teaching methodology, which allows students to master the material being studied as efficiently as possible.

I teach HTML, CSS, JavaScript, PHP, work with preprocessors, builders and the Git version control system, as well as many other things from the world of web technologies. More than a thousand of my students have already learned how to create websites on their own and earn money from it.

In this video course, I want to teach you the basics of website building - these are HTML and CSS languages. These languages ​​are the basis and everyone who wants to develop in this area should know them. You will get the knowledge that is needed at the very beginning of the path of any web developer and will use it throughout your journey. All theoretical information is laid out on the shelves, explained in an accessible way and supported by practical tasks and homework. The course intentionally does not contain unnecessary information, thereby allowing you to better master the material that is really important.

REVIEWS ABOUT THE COURSE

...

Christina Triboy

Ismail, thank you very much! You made a very sensible course, the training was easy and interesting. I learned a lot of new things, special thanks for the large amount of useful information at the end, it will be very useful in my work and save a lot of time. I am very glad that I discovered your channel.

I have something to compare with, because I started training from 0 on books and other sources on the Internet 6 months ago and the lessons on the ITDoctor channel can safely be called the best for beginners. I have already reviewed almost everything, they are very high quality, well thought out, not tightened. The author is always in touch, answers questions, helps - just fantastic! ITDoctor is already a brand! With what you, Ismail and congratulations!