[Stepik] HTML CSS (pro) (2024)

[Stepik] HTML CSS (pro) (2024)

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

В разделе HTML: создавать веб-страницы, добавлять изображения, изменять цвета и строить списки. Также объяснят про теги и ссылки, атрибуты и формы, и многое другое.
В разделе CSS: стилизовать веб-страницы, изменять цвета и размеры шрифта, добавлять поле содержимого на веб-страницу, селекторы, дисплеи, псевдоклассы и псевдоэлементы.
В разделе GitHub: узнаете как pushить свои проекты, познакомитесь с синтаксисом Markdown, сделайте уникальное оформление профиля.
В разделе Figma: сможете почувствовать себя дизайнером и сверстать свой первый проект по макету, освоите базовые конструкции при работе с дизайн-приложением.
Решите мега огромную базу решенных практических задач
Получите хороший опыт работы с различными приложениями для работы с web-разработкой
По окончанию курса пополните портфолио из 6 проектов с личным feedback-ом по каждому проекту и практике от создателей курса
Верстать сайты и приложения для всех типов устройств
Оформлять решения, как это делают опытные разработчики
Создавать свои собственные дизайны сайтов
Для кого этот курс
1) Для начинающих

С нуля освоите востребованную профессию и научитесь создавать сайты
Cтруктурируете имеющиеся знания и освоите инструменты для работы на уровне Junior
2) Для профессионалов
Расширите профессиональные компетенции, сможете повысить свою ценность на рынке труда

Программа курса
Общая информация о курсе
Секретная информация
Вливаемся в web-разработку

Что такое создание сайтов?
Фронтенд и бэкенд
URL-адреса
Хостинг
Редактор кода

Что такое редактор кода?
Установка VS Code
Плагины
Функции редактора VS Code
HTML Начало

HTML: Знакомство
HTML: Синтаксис
HTML: Документ
HTML: Онлайн компилятор для тестов
HTML Теги

HTML: Заголовки и параграфы
HTML: Комментарии
HTML: Вложенность тегов
HTML: Блочные и строчные элементы
HTML: Списки
HTML: Тег переноса, тег pre
HTML: Div
HTML: Итоговая контрольная работа №1
HTML атрибуты

HTML: Атрибуты
HTML: Универсальные атрибуты
HTML: Ссылки
HTML: Изображения
HTML: Атрибут style
HTML: Цвета и спецсимволы
HTML: Кнопки
HTML: Input
HTML: Формы
HTML: Таблицы
HTML: Итоговая контрольная работа №2
CSS Начало

CSS: Знакомство
CSS: Подключение CSS к HTML
CSS: Синтаксис
CSS: Селекторы
CSS: Итоговая контрольная работа №3
CSS Основы

CSS: Псевдоэлементы
CSS: Единицы измерения
CSS: Работа c изображениями
CSS: Работа с текстом
CSS: Рамки и границы
CSS: Выбор цвета
CSS: Подключение внешних шрифтов
CSS: Отступы
CSS: Display
CSS: Свойства списков
CSS: Итоговая контрольная работа №4
GitHub

GitHub: Знакомство
GitHub: Установка
GitHub: Первые команды
GitHub: Ветки
GitHub: Push
GitHub: Удаление репозитория
GitHub: Синтаксис Markdown
GitHub: Clone
GitHub: Описание профиля
GitHub: Контрольная работа №5
Figma

Figma: Знакомство
Figma: Установка
Figma: Регистрация
Figma: Создание проекта
Figma: Фишки
Практика HTML и CSS

Практика №1
Практика №2
Практика №3
Многостраничность
6 проектов в портфолио

Пишем проект вместе
Проект №1: Бургерная
Проект №2: Музыкальный плеер
Проект №3: Магазин одежды
Проект №4: Автосалон
Проект №5: Сайт ВУЗа
Проект №6: Личный блог
Полезные материалы

Полезные материалы
Финал

Итоги