Теги для разметки текста и атрибуты
В начале обучения вы познакомитесь с тегами и их атрибутами, изучите правила оформления. Также во время лекции детально разберётесь, что такое вложенность тегов и как сделать так, чтобы ваша разметка была читабельной и понятной. Изучите на живых примерах порядок использования таких тегов, как абзац, цитата, ссылка, картинка. Научитесь расставлять акценты в тексте.Домашнее задание:Отработаете порядок использования изученных тегов и их атрибутов: добавите в текст заголовки, изображения, цитаты и др. А также побудете в роли ревьюера: попробуете найти ошибки в разметке и исправить их.
- Что такое браузер
- Семантика и разметка
- HTML
- Теги и гиперссылки
- URL
- Картинки
Списки и таблицы
Изучите виды и порядок формирования списков и таблиц. Разберёте различия между маркированными, нумерованными списками и списками описания, сформируете разметку для своего первого многоуровневого списка. Рассмотрите варианты оформления таблиц: научитесь делать заголовки и итоговые блоки, объединять ячейки с помощью атрибутов. В конце лектор поделится с вами ещё одним способом оформления изображений.Домашнее задание:Отработаете навык формирования маркированных и нумерованных списков, а также поработаете с таблицами. По традиции: ревью разметки таблицы с целью найти ошибки и исправить их.
- Списки
- Таблицы
- Теги для добавления картинки с описанием
Селекторы и свойства
Изучите CSS. Узнаете, что такое селектор. Разберётесь, как правильно описывать CSS-правила: свойство и его значение. Наглядно увидите, как при помощи CSS можно изменять размер шрифта, его начертание, цвет. Рассмотрите тему наследования свойств. Детально изучите вопрос, касающийся комбинирования селекторов.Домашнее задание:Попробуете оформить текст согласно техническому заданию при помощи CSS-правил. Отработаете навык составления комбинаций селекторов.
- Что такое CSS
- CSS-правило: синтаксис, комбинации селекторов
- Разбор примеров
Оформление текстовых блоков с помощью CSS
Углубите свои знания в области CSS. Изучите понятие селекторов класса, разберёте синтаксис и правила их комбинации. Продолжите разбор CSS-правил, которые помогут оформить текст и задать его выравнивание, а также узнаете, как изменить маркеры в списках и установить вместо стандартного символа оригинальную картинку и не только. В заключительной части занятия разберёте форматы указания цвета и узнаете, как сделать фон вашего сайта максимально привлекательным. Домашнее задание:Поработаете со списками и фоновыми изображениями. Продолжите отрабатывать навык составления комбинаций селекторов.
- Селектор класса
- Оформление текстовых блоков
- Цвет в CSS
- Свойства фоновых изображений
Основы клиент-серверного взаимодействия
На финальном занятии узнаете, что такое сервер и почему программистам важно понимать суть клиент-серверного взаимодействия. Разберёте такие понятия DNS, протокол HTTP, познакомитесь с различными технологиями для сервера. Узнаете разницу между backend и frontend. Заключительным этапом обучения станет финальный тест.
- IP-адреса
- Система доменных имен
- Протокол HTTP и задачи, которые он решает
- Сервер и технологии для него
