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

Заказать

О курсе

Структурированный материал
Символичуская цена
Актуалность и пожизненный доступ
Практические уроки и задания
34 видео курса (5 часа)
Просмотр со смартфона
Дополнительние полезные материалы
Отсуствует реклама
Курс доступен в Телеграм, ВК и на Udemy

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

Хочет научиться создавать сайты своими силами
Учится современным инструментам разработки
Еще не знает язык 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 домашних заданий
Заказать