Профессиональный JavaScript, уровень 1 c 26 мая по 29 июля 2020Только 2 дня цена 20 900 21 800

Знакомство с HTML и CSS

3 часа 15 минут теории, 3 часа 20 минут практикиЭто примерно 3 дня по 2 часа в день
  • 6 глав,
  • 95  заданий
  • 5 испытаний
  • 25вызовов
Изучаем основы HTML и CSS. На практике разбираемся с семантической разметкой и базовыми механизмами стилизации на примере небольшого сайта.
Курс «Знакомство с HTML и CSS»

Теория

Обязательный для прохождения материал, теория, задания и испытания.

6 глав95 заданий5 испытаний

Практика

Необязательные, но очень полезные задания. Доступны только по подписке.

25 вызовов

0/12

12 заданий

Глава 1: Основы HTML и CSS

20 минут теории, 20 минут практики

В этой главе мы под руководством инструктора Кекса познакомимся с основами вёрстки на примере небольшого лендинга.

Начать

4 вызова

Глава 1: Основы HTML и CSS

20 минут теории, 20 минут практики

Домашняя работа

Как работать с сайтом на своём компьютере

Время на чтение и отработку: 20-30 минут

Где взять сайт для экспериментов и как открыть его на своём компьютере. Как вносить в него правки, и проверять, что они применились.

Узнать
0/17

16 заданий1 испытание

Глава 2: Структура HTML-документа

35 минут теории, 30 минут практики

Начинаем готовить разметку страницы блога, разбираемся из каких тегов она состоит и за что эти теги отвечают.

Начать

4 вызова

Глава 2: Структура HTML-документа

35 минут теории, 30 минут практики
Вызов начального уровня

Домашняя работа

Как выбрать доменное имя

Время на чтение и отработку: 5-10 минут

Как придумать для вашего будущего сайта-портфолио подходящее доменное имя и проверить, что оно доступно для регистрации.

Узнать

Как спроектировать сайт-портфолио

Время на чтение и отработку: 10-20 минут

Из чего состоит сайт-портфолио и как правильно спроектировать структуру страницы.

Узнать
0/20

19 заданий1 испытание

Глава 3: Разметка текста

35 минут теории, 50 минут практики

Продолжаем верстать страницу блога, изучаем, как правильно размечать текстовое содержание: абзацы, заголовки, подзаголовки, списки и многое другое.

Начать

5 вызовов

Глава 3: Разметка текста

35 минут теории, 50 минут практики

Навык: создание семантической разметки по макету

Это задача на проектирование информационной архитектуры страниц.

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

Ознакомиться с навыком

Домашняя работа

Как оформить сайт-портфолио

Время на чтение и отработку: 10-20 минут

Подключаем базовые стили к сайту-портфолио, дорабатываем разметку.

Узнать

Как опубликовать сайт в интернете

Время на чтение и отработку: 20-30 минут

Разберёмся, как можно опубликовать сайт в интернете, что такое хостинги и чем они отличаются.

Узнать
0/16

15 заданий1 испытание

Глава 4: Ссылки и изображения

30 минут теории, 30 минут практики

Завершаем разметку страницы блога, добавляем навигационные ссылки, а также разбираемся с форматами изображений.

Начать

4 вызова

Глава 4: Ссылки и изображения

30 минут теории, 30 минут практики
Вызовы начального уровня
Вызовы среднего уровня

Домашняя работа

Как зарегистрировать домен и привязать его к сайту

Время на чтение и отработку: 20-30 минут

Как купить и зарегистрировать доменное имя, а также как привязать его к сайту в интернете.

Узнать

Как добавить на сайт-портфолио ссылки и изображения

Время на чтение и отработку: 20-30 минут

Скачиваем картинки для сайта, подключаем их и прописываем ссылки на странице.

Узнать
0/16

15 заданий1 испытание

Глава 5: Основы CSS

35 минут теории, 40 минут практики

Начинаем оформление страниц блога и заодно разбираем базовые понятия CSS: правила, селекторы, свойства, значения, наследование и каскадирование.

Начать

4 вызова

Глава 5: Основы CSS

35 минут теории, 40 минут практики
Вызовы начального уровня
Вызов среднего уровня
Вызов продвинутого уровня

Домашняя работа

Как добавить на сайт блок с навыками

Время на чтение и отработку: 10-20 минут

Завершаем сайт-портфолио: добавляем на главную страницу блок с навыками и подключаем тёмную тему оформления.

Узнать
0/19

18 заданий1 испытание

Глава 6: Оформление текста

40 минут теории, 30 минут практики

Завершаем оформление страниц блога, учимся оформлять тексты с помощью CSS: задаём шрифты, цвета, отступы, размеры.

Начать

4 вызова

Навык: экспорт параметров и графики из PSD‑макетов

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

Ознакомиться с навыком

Домашняя работа

Как подключить к сайту разные темы оформления

Время на чтение и отработку: 10-20 минут

Знакомимся с разными темами оформления сайта-портфолио.

Узнать

Поздравляем! Теперь у вас есть сайт-портфолио

В следующих курсах мы продолжим работать над ним, а также дополним портфолио новыми проектами.

Сайт-портфолио