HTML + CSS | То, что нужно знать

Основы + Flexbox + Sass + Адаптивная и responsive верстка. Детальный и полный курс с практическими заданиями

Ratings 4.18 / 5.00

What You Will Learn!

Начнем с простейших понятий и основ HTML и CSS
Шаг за шагом пройдем все главные разделы языка, что нужны для создания современных веб страниц
Во второй части курса мы будем делать мини-проекты практически в каждом уроке
Вы получите хороший фундамент, что позволит создать макет практически любой сложности
В каждом уроке есть задачи и эталонное решение для проверки вашей работы. Практика наше все!

Description

Обновление (Октябрь 2021)
В "Ресурсах" к уроку "Знакомство с CSS" прикреплен архив со кодом для всех уроков курса, удобно разложенный по папкам.

В этом курсе вы изучите современный HTML и CSS - то, с чего начинает каждый Веб-разработчик.

Если вы ранее не написали ни единой строчки кода - этот курс для Вас. Если ранее пытались изучать, но по каким-то причинам отвлеклись от обучения или даже работали раньше с HTML / CSS, но многое подзабылось - этот курс так же для Вас!

Языки программирования постоянно развиваются. Что-то устаревает, что-то появляется новенькое. Начинающему разработчику часто сложно сориентироваться в потоке информации на самом старте. Этот курс подробно и постепенно проведет Вас по главным составляющим языка разметки HTML, а так же мы научимся задавать стили странице современными инструментами, актуальными в 2020 году.

Важным преимуществом преимуществом является то, что всю рассмотренную теорию Вы закрепите на практике. В каждом уроке решаются практические задачи. А для закрепления материала вы получите после каждой лекции домашние задания. Задания нужно сделать самому, а в качестве проверки будет предоставлен рабочий код, с которым можно сравнить свое решение. Так вы научитесь работать самостоятельно и увидите много кода, написанного опытным разработчиком.

Что Вы изучите в этом курсе?

Как настроить рабочие инструменты Веб-разработчика
Основы и строительные блоки HTML и CSS
СSS селекторы
Взаиморасположение элементов на странице (inline / block, position, видимость элементов)
Flexbox как основной инструмент для стилизации сайта
Cтилизация текста
Работа с медиа файлами и графикой (картинки, видео, SVG)
Работа с формами
Работа с таблицами
Анимации и трансформации
Создание отзывчивых и адаптивных сайтов - тех, которые одинаково хорошо работают как на маленьком телефоне, так и на большом экране компьютера
Использование методологии БЕМ
Использование препроцессоров для оптимизации написания стилей