Онлайн-курс Вёрстка на HTML и CSS

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

Ознакомьтесь с программой курса «Онлайн-курс Вёрстка на HTML и CSS» от Бруноям - brunoyam.com

1. Введение в веб-технологии - 5 часов. Что такое сайт и способы его создания Как устроен Интернет Этапы создания сайта Основные инструменты веб-разработчика Валидность кода, валидаторы Git и GitHub Создание первой HTML-страницы В этом модуле вы поймёте, что так…
2. Основы HTML - 5 часов. Семантические теги для структуры страницы Создание и настройка гиперссылок Работа с нумерованными и маркированными списками Вставка изображений, видео и аудио Практическая вёрстка страницы с навигацией и карточками В этом модуле вы науч…
3. Основы CSS - 5 часов. Подключение стилей Основные свойства оформления Стилизация текста Принципы каскадности Практическое применение В этом модуле вы освоите подключение CSS, научитесь задавать стили элементам и тексту, поймете логику наследования свойств.
4. Многоколоночные макеты - 2 часа. Многоколоночные макеты Блочные и строчные элементы Основы Flexbox: оси, выравнивание, перенос Создание адаптивных колонок Практика: вёрстка карточек и сеток Комбинирование технологий В этом модуле вы научитесь создавать сложны…
5. Вёрстка макета в Figma - 2 часа. Знакомство с интерфейсом Figma Работа с готовыми макетами Подготовка к вёрстке Пошаговая вёрстка простого макета Использование инструментов разработчика В этом модуле вы научитесь работать в Figma, анализировать готовые макеты…
6. Позиционирование - 2 часа. Абсолютное и относительное позиционирование Фиксированное и sticky-позиционирование Управление слоями через z-index Контексты наложения элементов В этом модуле вы научитесь контролировать расположение элементов на странице. Освоите…
7. Формы обратной связи - 4 часа. Поля ввода и их виды Чекбоксы и радиокнопки Выпадающие списки с вариантами Оформление форм В этом модуле вы научитесь создавать формы для сбора данных пользователей. Узнаете, как работать с разными типами полей ввода, группирова…
8. Адаптивность и кроссбраузерность - 3 часа. Зачем нужна адаптивность и как она влияет на пользователей? Медиа-запросы Viewport и настройка области просмотра для мобильных устройств Кроссбраузерная вёрстка Инструменты тестирования В этом модуле вы научитесь соз…
9. Анимации в CSS - 4 часа. Плавные переходы между состояниями Создание сложных анимаций через @keyframes Трансформации элементов Практические примеры использования В этом модуле вы научитесь создавать плавные переходы, многоэтапные анимации и преобразовывать эл…
10. Бесплатный курс «Учись учиться». Это короткий, интерактивный и супер-полезный курс, в котором вы узнаете, как ставить четкие цели, вырабатывать ту самую мотивацию, а главное — учиться системно. Материалы помогут не только в обучении, но и в работе🤝.
11. Git и Github. Git: что это и для чего может быть полезен? Github: а это что такое? Как работать с git и github? Как подружить свой компьютер и github Как избежать хаоса? Как загрузить практическую работу?

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

• Освоите и сможете применять: бесплатный курс «учись учиться». это короткий, интерактивный и супер полезный курс, в котором вы узнаете, как ставить четкие цели, вырабатывать ту самую мотивацию, а главное учиться систем…
• Освоите и сможете применять: git и github. git что это и для чего может быть полезен? github а это что такое? как работать с git и github? как подружить свой компьютер и github как избежать хаоса? как загрузить практи…
• Познакомитесь с интерфейсом figma работа с готовыми макетами подготовка к вёрстке пошаговая вёрстка простого макета использование инструментов разработчика в этом модуле вы научитесь рабо…
• Освоите основы: многоколоночные макеты блочные и строчные элементы основы flexbox оси, выравнивание, перенос создание адаптивных колонок практика вёрстка карточек и сеток комбинирование технологий в…
• Подключение стилей Основные свойства оформления Стилизация текста Принципы каскадности Практическое применение В этом модуле вы освоите подключение CSS, научитесь задавать стили элементам и текст…