Курсы
Программирование

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

Формат
Онлайн
Длительность
1 месяц
Трудоустройство
Нет
Уровень
Начальный
Результат
Сертификат

Описание

Курс повышения квалификации или освоения программы с нуля по направлению HTML/CSS. Интерактивный курс от онлайн-университета GeekBrains. Курсы, созданные практикующими экспертами компаний-партнеров. Индивидуальный график – вы сами выбирайте, когда и во сколько проходить программу обучения. После прохождения курса выдается сертификат и возможность пройти стажировку в лучших IT компаниях России. У каждого студента есть возможность пообщаться с преподавателем в режиме онлайн или задать вопрос в чат. Университет имеет государственную лицензию №040485 на право оказывать образовательные услуги.

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

Урок 1. Основные понятия в веб-разработке

  • Знакомство, вводная информация
    настройка visual studio code,горячие клавиши, установка расширений.
    Создание html документа
    Структура html документа.
    Виды и атрибуты тегов
    Отладчик браузера

Урок 2. Основы языка разметки документов HTML

  • Списки в html
    Спецсимволы и комментарии
    Гиперссылки(локальные, абсолютные, якоря)
    Типы изображений для web;
    Формы и их элементы.
    Просмотр, редактирование, поиск ошибок через отладчик браузера

Урок 3. Основы языка оформления стилей документа CSS

  • Введение в стили
    Способы подключения стилей
    Селекторы
    Базовые свойства стилей(px, %, background, color, border) часть 1
    Базовые свойства стилей (width, height, font, list-style, текст)
    Вложенность наследование и группирование свойств

Урок 4. Основные тэги для вёрстки, Псевдоклассы и псевдоэлементы

  • Основные теги div, span, создание блочной структуры
    Отступы у элементов
    Обтекаемые элементы
    Псевдоклассы
    Псевдоэлементы
    Таблицы

Урок 5. Основы позиционирования, работа с Flexbox

  • Свойство display
    Что такое flexbox (горизонтальное и вертикальное расположение)
    Порядок отображения, многострочность, смещение отдельного блока
    Задание гибких размеров для блоков
    Position: relative и absolute

Урок 6. Работа с макетом дизайна в формате Figma

  • Что такое макет и какие виды макетов бывают
    Знакомство с программой Figma, нарезка макета
    Определение размеров блоков, создание блочной структуры
    Добавление стилей из макета
    Создание сайта по макету. Часть 1
    Создание сайта по макету. Часть 2

Урок 7. Основы создания адаптивного сайта

  • Гибкие размеры блоков, адаптивного сайта
    Эмуляция мобильных устройств
    Медиа-запросы
    Прижатие подвала к нижней части экрана
    Практика создания адаптивного сайта
    Практика создания адаптивного сайта часть 2

Урок 8. Стандарты web и вспомогательные инструменты

  • Инструменты разработчика. Часть 1
    Загрузка проектов на сервер
    Кроссбраузерность
    Знакомство с Boostrap
    Знакомство с препроцессором Sass
    Практическое использование препроцессора Sass

Как записаться на курс

  • 1

    Нажмите на кнопку Записаться на курс

  • 2

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

  • 3

    Оставьте свои данные в форме заявки и после подтверждения оплатите учебный курс (полностью или в рассрочку)

  • 4

    Получите доступ к учебным материалам

Отзывов пока нет.

Текущая цена

16 500 ₽
Записаться на курс

Автор курса

GeekBrains

Рейтинг курса

0
0 отзывов

Поделиться курсом

Авторизуйтесь через одну из социальных сетей