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

Заказать

О курсе

Структурированный материал
Символическая цена
Пожизненный доступ
Практические задания
35 видео уроков (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'.

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

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

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

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

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

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

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

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

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

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

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

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

Процесс обучения

Курс по hTML и CSS доступен в специальном Телеграмм канале в удобной форме. Также вы будите приглашены в Телеграм группу, где можно будет обсудить свой код с другими участниками и задать свои вопросы.
Можно обучаться в специальной группе VK.
Также курс доступен и на Umbemy. К сожалению, минимальная цена за курс, которую там можно установить составляет 1799 рублей. Но если вам удобней обучаться на Udemy, то можете приобрести курс тут.
Курс в Телеграмм (VK) стоит 800 рублей - дешевде чем на Udemy. Так как я не зависел от платформы обучения и смог выставить очень низкую цену, специально для вас, мои любимые зрители канала ITDoctor. Вы можете получить те же знания, но в разы дешевле!
Я старался делать видео таким образом, чтобы можно было смотреть даже с мобольного устройства. Но рекомендую использоавть Веб версию Телеграмм или Desktop приложение. Вам будет намного удобней просматривать видео за своим компьютером или ноутбуком с большим монитором.
Процесс обучения

Об авторе

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

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

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

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

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

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

ОТЗЫВЫ О КУРСЕ

Юлия Бубенцова

Юлия Бубенцова

На мой взгляд, все было отлично. Я очень довольна курсом. Узнала много нового и полезного для моей работы материала. Данный курс очень содержательный. Евгений Войтехович объяснял весь материал понятным и простым языком. Выполнять домашнюю работы было очень просто, при необходимости достаточно было просто посмотреть запись лекции и без труда все сделать. Спасибо, что у вас есть такие преподаватели как Евгений, с которыми так легко и приятно общаться и учиться!

Морозова Елизавета

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

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

Илья Хилькевич

Илья Хилькевич

Курс оказался полезным и увлекательным даже ввиду моей постоянной занятости на основной работе. Максим Железный – очень опытный и грамотный тренер, который применяет индивидуальный подход к каждому студенту. Огромное ему спасибо за терпение, знания и помощь в освоении предмета. Материал подается очень доступно. Для новичка это очень важно. Огромную роль играет обратная связь и общение с тренером. Планирую пойти к Максиму на курс «Программирование на Java». Также хочу поблагодарить организаторов за предоставленную возможность учиться и найти себя в IT.

КУРС ПО HTML & CSS

HTML + CSS

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

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