HTML/CSS. Интерактивный курс

HTML/CSS. Интерактивный курс

HTML/CSS - язык гипертекстовой разметки, основа для изучения серверных ЯП. Изучив HTML, вы сможете создать адаптивную веб-страничку или веб-сайт. CSS - каскадные таблицы стилей - позволит оформить сверстанный сайт так, как вам хочется. Вы сможете смотреть видеокурс в удобное время и по всем вопросам обращаться к наставнику, который будет контролировать ваш прогресс. Формат располагает к общению и самодисциплине в обучении. За месяц вы научитесь: * верстке адаптивных сайтов, * валидной кроссбраузерной вёрстке, * flexbox вёрстке, * выполнению базовых операций в Figma, * использованию препроцессоров SASS и Bootstrap. Для перехода к следующему занятию курса необходимо, чтобы ваше домашнее задание прошло проверку. Это покажет, что вы поняли предыдущий урок и легко освоите новые знания. Задание может проверить как ментор, так и одногруппники, знаниям которых вы доверяете, и получить за это ачивку. С каждой проверкой количество ачивок растет, а навык работы с чужим кодом увеличивается. От количества ачивок зависит уровень итогового сертификата: чем их больше, тем выше статус. Эта в чем-то игровая механика делает занятия еще интереснее.

Чему Вы научитесь

  • Основным понятиям в веб-разработке;
  • Основам языка разметки документов HTML;
  • Основам языка оформления стилей документа CSS;
  • Основным тэгам для вёрстки, Псевдоклассы и псевдоэлементы;
  • Основам позиционирования, работе с Flexbox;
  • Работе с макетом дизайна в формате Figma;
  • Основам создания адаптивного сайта;
  • Стандартам web и вспомогательным инструментам.

Средние оценки

4.7 / 5
Программа
4.9 / 5
Преподаватель

Преподаватели

  • 1
    Урок 1. Основные понятия в веб-разработке
    Знакомство, вводная информация настройка visual studio code,горячие клавиши, установка расширений. Создание html документа Структура html документа. Виды и атрибуты тегов Отладчик браузера
  • 2
    Урок 2. Основы языка разметки документов HTML
    Списки в html Спецсимволы и комментарии Гиперссылки(локальные, абсолютные, якоря) Типы изображений для web; Формы и их элементы. Просмотр, редактирование, поиск ошибок через отладчик браузера
  • 3
    Урок 3. Основы языка оформления стилей документа CSS
    Введение в стили Способы подключения стилей Селекторы Базовые свойства стилей(px, %, background, color, border) часть 1 Базовые свойства стилей (width, height, font, list-style, текст) Вложенность наследование и группирование свойств
  • 4
    Урок 4. Основные тэги для вёрстки, Псевдоклассы и псевдоэлементы
    Основные теги div, span, создание блочной структуры Отступы у элементов Обтекаемые элементы Псевдоклассы Псевдоэлементы Таблицы
  • 5
    Урок 5. Основы позиционирования, работа с Flexbox
    Свойство display Что такое flexbox (горизонтальное и вертикальное расположение) Порядок отображения, многострочность, смещение отдельного блока Задание гибких размеров для блоков Position: relative и absolute
  • 6
    Урок 6. Работа с макетом дизайна в формате Figma
    Что такое макет и какие виды макетов бывают Знакомство с программой Figma, нарезка макета Определение размеров блоков, создание блочной структуры Добавление стилей из макета Создание сайта по макету. Часть 1 Создание сайта по макету. Часть 2
  • 7
    Урок 7. Основы создания адаптивного сайта
    Гибкие размеры блоков, адаптивного сайта Эмуляция мобильных устройств Медиа-запросы Прижатие подвала к нижней части экрана Практика создания адаптивного сайта Практика создания адаптивного сайта часть 2
  • 8
    Урок 8. Стандарты web и вспомогательные инструменты
    Инструменты разработчика. Часть 1 Загрузка проектов на сервер Кроссбраузерность Знакомство с Boostrap Знакомство с препроцессором Sass Практическое использование препроцессора Sass

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