Курс посвящен базовым концепциям веб-дизайна, языка разметки HTML и CSS. Мы научимся делать статические веб-страницы, задавать стили элементам, думать о пространстве и расстояниях, работать с документом в браузере с Developer Tools, публиковать страницы в интернете и интегрировать их с социальными сетями.
Также у нас есть большой курс HTML для начинающих. Он расположен на сайте Code Basics. Это проект Хекслета с простыми короткими уроками, в которых вы можете познакомиться с основами вёрстки.
Подготовительный курс
Введение в веб-разработкуУроки курса
-
1
Верстальщик vs. веб-дизайнер
Познакомиться с курсом и рассмотреть специальности «верстальщик» и «веб-дизайнер» в контексте развития технологий. -
4
Структура страницы
Рассмотреть полную структуру целого HTML-документа, видимые и невидимые теги.тесты
-
6
Chrome DevTools
Познакомиться с Developer Tools и веб-инспектором, удобным инструментом для анализа и редактирования страницы прямо в браузере. -
8
div, span и display
Познакомиться с принципами, по которым элементы выводятся на страницу и получают определённый размер. -
9
Правило близости
Рассмотреть один из базовых принципов дизайна: правило близости или grouping/proximity principle.упражнение
-
10
Размещение на Github Pages
Освежить память по теме хостинга и разместить статичную страницу бесплатно на Github Pages. -
11
Интеграция с соц. сетями и семантический веб
Рассмотреть инструменты разметки для лучшей интеграции с социальными сетями.
Автор
Программист, ранее — преподаватель в международном ИТ-университете (г. Алматы), разработчик (Ericsson Canada, Macadamian). Со-основатель Хекслета.
Впечатления
Орнул с Алексея Примадонина :)
Вот это не знал, спасибо =)
Немного сложновато слушать, когда Вы порой делаете паузы чуть ли не после каждого слова.. А в целом все замечательно, спасибо)
огромное спасибо за курс
Спасибо за вкусняшку! 😉