Основы HTML и CSS с нуля
Основы верстки с нуля. HTML, CSS, Flexbox. Верстка проекта.
Познакомимся с основами HTML
Познакомимся с основами CSS
Изучим основные свойства Flexbox
Познакомимся с основами CSS Grid
Сверстаем несколько небольших страниц
Верстка проекта по макету
Что будет на курсе?
1. В первой части мы узнаем кто такой frontend разработчик, познакомимся инструментами и изучим синтаксис HTML
2. Во второй части мы перейдем к знакомству с CSS, узнаем о приоритетах стилей, посмотрим на панель разработчика, узнаем базовые свойства, поработаем с позиционированием и изучим Flexbox.
3. В третьей части мы сверстаем небольшую страницу где применим все то что прошли ранее.
4. Верстка проекта по макету.
5. В четвертой части курса мы познакомимся с основами CSS Grid.
Для кого этот курс?
Этот курс для тех кто никогда еще не занимался web-разработкой и хочет начать знакомство с самых азов.
Введение. Основы HTML
1
Кто такой фронтенд-разработчик
2
Инструменты и этапы разработки
3
Знакомство с html. Теги и атрибуты.
4
Знакомство с редактором и создание первой страницы
5
Знакомство с базовыми тегами
Основы CSS
1
Вступление
2
Синтаксис CSS. Подключение стилей
3
Панель разработчика
4
Приоритеты стилей
5
Верстка простой страницы
6
Псевдоклассы и псевдоэлементы
7
Позиционирование элементов
8
Введение во Flexbox
9
Исходный код и материалы к разделу CSS
Верстка страницы
1
Вступление
2
Подключение шрифтов
3
Верстка шапки
4
Верстка карточек курсов
5
Верстка раздела About Us
6
Делаем шапку на position fixed
Верстка проекта MailGenius
1
Обзор проекта
2
Подготовка файлов, структуры, шрифтов и т.д.
3
Проект MailGenius. Часть №1
4
Проект MailGenius. Часть №2
5
Проект MailGenius. Часть №3
CSS Grid
1
Введение в Grid. Базовые свойства
2
Dev tools. Grid auto rows
3
Grid auto flow, grid auto columns
4
Sizing grid. Единицы измерения fr
5
Span columns and rows
6
Размещение grid items
7
Grid auto-fill, auto-fit
8
Minmax function
9
Grid template areas
10
Именованные линии
11
Grid auto flow dense
12
Выравнивание и центрование
13
Порядок grid items и вложенный grid
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
