Видео курс по вёрстке для начинающих HTML & CSS

Заказать

О курсе

Структурированный материал
Символическая цена
Пожизненный доступ
Практические задания
35 видео уроков (5 часов)
Просмотр со смартфона

Курс для тех, кто

Хочет научиться создавать сайты своими силами
Учится современным инструментам разработки
Еще не знает язык HTML и CSS, но хочет выучить
Хочет стать крутым мастером и зарабатывать деньги
Заказать

Программа курса

Модуль 1
(HTML)

Краткий обзор того, что мы будем изучать в данном видео курсе.

В этом уроке мы установим браузер Google Chrome и редактор кода VS Code.

Рассмотрим функции редактора VS Code и узнаем как с ним работать.

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

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

Научимся создавать списки на своем сайте.

В этом уроке мы рассмотри, как создавать таблицы на языке HTML.

В этом видео уроке мы узнаем, как работать с текстом.

Научимся создавать формы для ввода текста, флажки и кнопки.

Рассмотрим универсальные атрибуты, которые можно добавлять любому HTML тегу.

Научимся работать с RGB цветом и добавлять специальные символы на свой сайт.

Модуль 2
(CSS)

Рассмотрим основные CSS селекторы, узнаем что это такое и зачем они нужны.

Научимся работать с изображениями на языке CSS.

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

Разберемся, как изменять размеры элементов на странице с помощью CSS.

Научимся работать со шрифтами. Установим свой шрифт на сайт.

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

Псевдоклассы и псевдоэлементы на языке CSS позволяют расширять основные возможности языка, которые мы уже выучили.

В этом уроке мы изучим базовые приемы Flexbox верстки и будем применять их в следующем модуле.

В этом уроке мы будем учиться создавать адаптивную сетку на CSS. Так же научимся работать с переменными и функцией calc. Узнаем, как создавать медиа-запросы, чтобы сделать адаптивную версию своего сайта для мобильных устройств. Научимся создавать макет с 12-колончатой сеткой в Photoshop, сравним нашу сетку с сеткой Bootstrap 5, а так же научимся её подключать и узнаем как проверять свой сайт на эмуляторе мобильных устроств прямо с браузера на ПК.

Задание для практики по теме 'создание адаптивной сетки на CSS'.

Модуль 3
(Практика)

Урок, в котором мы будем верстать фрагмент современного сайта, используя все полученные ранее знания.

Домашнее задание для закрепления изученного материала в предыдущем уроке.

Урок, в котором мы будем верстать фрагмент современного сайта, используя все полученные ранее знания.

Домашнее задание для закрепления изученного материала в предыдущем уроке.

Урок, в котором мы будем верстать фрагмент современного сайта, используя все полученные ранее знания.

Домашнее задание для закрепления изученного материала в предыдущем уроке.

В этом уроке мы рассмотрим графический редактор Photoshop и научимся основным приемам, которые могут пригодиться верстальщику.

Урок, в котором мы будем верстать фрагмент современного сайта, используя все полученные ранее знания.

Домашнее задание для закрепления изученного материала в предыдущем уроке.

Подведение итогов и финальный проект, который вы сможете выполнить самостоятельно и добавить эту работу себе в портфолио.

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

Об авторе

Исмаил Усеинов

Занимаюсь веб-разработкой с 2013 года.

В 2017 году основал обучающий YouTube канал ITDoctor. Делюсь своими знаниями в области программирования и создания сайтов. Сформировал свою собственную методику обучения, которая позволяет ученикам максимально эффективно осваивать изучаемый материал.

Обучаю языкам HTML, CSS, JavaScript, PHP, работе с препроцессорами, сборщиками и системой контроля версий Git, а также многому другому из мира веб-технологий. Уже более тысячи моих учеников научились создавать сайты самостоятельно и зарабатывать на этом деньги.

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

Исмаил Усеинов

Отзывы о курсе

фото

Кристина Трибой

Исмаил, спасибо Вам большое! Очень толковый курс у Вас получился, обучение прошло легко и интересно. Узнала много нового, отдельное спасибо за большое количество полезной информации в конце, очень пригодится в работе и сэкономит много времени. Очень рада, что открыла для себя Ваш канал.

Мне есть с чем сравнить, т.к. начала обучение с 0 по книгам и другим источникам в интернете 6 месяцев назад и уроки на канале ITDoctor могу смело назвать лучшими для новичков. Пересмотрела уже почти все, они очень качественные, хорошо продуманные, не затянутые. Автор всегда на связи, отвечает на вопросы, помогает - просто фантастика! ITDoctor - это уже бренд! С чем Вас, Исмаил и поздравляю!

Курс по HTML & CSS

html+css

Обучающий курс по изучению языка гипертекстовой разметки HTML и каскадных таблиц стилей CSS от автора образовательного канала ITDoctor. Это практический видеокурс: в каждой главе теоретический материал будет закрепляться множеством наглядных примеров кода.

  • 35 практических уроков
  • Продолжительность 5 часов
  • Готовые примеры кода
  • Никаких ограничений по времени
  • 7 домашних заданий
Купить