Сложность
Сложность
Начинающий
Тип обучения
Тип обучения
Курс
Формат обучения
Формат обучения
Записанные лекции
Сертификат
Сертификат
Да

Стоимость курса

1 699 ₽
нет рассрочки

Добро пожаловать на курс "Web-технлогии: практический курс"!

Вам подойдет этот курс, если: 

- Вы уже знаете, что такое HTML и CSS и вам не хватает практики.

- Если вы знаете, что такое селектор класса и уже стилизовали небольшие страницы.

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

Цель курса: изучение CSS и получение практических навыков.

Структура курса:

1. Описание курса

Краткая информация о курсе и о том, как выполнять задания

2. HTML и CSS: практический модуль

Вспоминаем основную теорию по HTML и CSS: структуру документа, основные HTML-элементы, CSS селекторы, рассматриваем примеры и, конечно же, выполняем практические задания.

3. Больше CSS

Блок с теорией по CSS: комбинаторы и составные селекторы, Box Model, каскадность и наследование. Разбираемся с shadows, gradients, z-index, transitions и анимацией. 

4. Практический модуль

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

Пример одно из заданий:

5. Введение в адаптив

Разбираемся с медиа-запросами, вычисляемыми значениями и переменными.

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

6. Заключение

Курс развивается и планируется добавление сюда новых блоков и проектных заданий!

Что вы получите после обучения

Приобретаемые навыки
1
HTML и CSS
2
Box Model
3
Вычисляемые значения и Переменные CSS
4
Min-width, min-height, max-width, max-height

Вас будут обучать

Преподаватель-исследователь, учитель информатики (высшая категория), QA engineer

Имею высшее техническое и педагогическое образование. Окончила аспирантуру МПГУ по направлению "Теория и методика обучения и воспитания (информатика)". Являюсь призером олимпиады "Московский учитель". Кроме основной работы готовлю обучающихся к экзаменам ОГЭ и ЕГЭ, а также разрабатываю свои авторские курсы по вебу. Для связи: azhgikhinams@gmail.com

Образовательная организация

Stepik — образовательная платформа и конструктор онлайн-курсов.

Мы разрабатываем алгоритмы адаптивного обучения, сотрудничаем с авторами MOOC, помогаем в проведении олимпиад и программ переподготовки.

Наша цель — сделать образование открытым и удобным.

Stepik — широко известная российская образовательная платформа, основанная в 2013 году. На Stepik зарегистрировано более миллиона пользователей из России и стран СНГ. В настоящее время на Stepik представлены несколько тысяч учебных курсов на самые разные темы.

Платформа Stepik включает в себя конструктор бесплатных занятий и уроков. Создать интерактивный обучающий курс может любой зарегистрированный пользователь. При этом авторы обучающих материалов сохраняют авторские права. Сервис не имеет ограничений по числу обучающихся на курсе.

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

Большим преимуществом данной платформы является возможность встраивать созданные материалы на сторонние сайты, например, Moodle и Canvas.

Кроме того, Stepik может использоваться в качестве площадки для проведения разнообразных мероприятий, таких как олимпиады и конкурсы.

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

За каждый пройденный курс в Stepik обучающийся получает сертификат о прохождении. Получение сертификата также бесплатно.

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

Начало курса
1. Общая информация о курсе 
2. Как выполнять задания 
HTML и CSS: базовые понятия
1. Основные моменты HTML 
2. Основные моменты CSS
Больше CSS
1. Box Model
2. Селекторы
3. Каскадность и наследование
4. Position, z-index
5. Shadows, Gradients, Filters
6. Animation
7. Transitions
Практический модуль
1. Flexbox | Теория + Практика
2. Меню
3. Header + Карточки
4. Формы
Введение в адаптив
1. Min-width, min-height, max-width, max-height
2. Медиа-запросы @media
3. Вычисляемые значения и Переменные CSS
4. Бургер-меню
5. Проект
Заключение
1. Заключение 

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

4
рейтинг
0
0
0
0
0

Может быть интересно

обновлено 29.10.2023 03:12
Web-технологии: практический курс CSS

Web-технологии: практический курс CSS

Оставить отзыв
Поделиться курсом с друзьями