Чему вы научитесь
- Правильно загружать и подключить код фреймворка Materialzie CSS к своему проекту
- Пользоваться документацией и находить нужную информацию в ней
- Работать с цветом фона и текста в палитре цветов Material Design, находить нужный цвет и применять его к любому HTML элементу
- Научимся инициализировать интерактивные элементы на Materialize используя язык программирования Java Script
- Работать с адаптивной сеткой на реальных примерах. Мы рассмотрим разные варианты применения сетки, научимся создавать контейнер, строки и столбцы в сетке. Я покажу как делать для разных устройств разную сетку и тем самым менять отображение сайта делая адаптивную версию
- Добавлять тень для любого элемента используя специальные классы описанные в Materialize CSS
- Работать с текстом, делать выравнивание текста по горизонтали и вертикали, как выполнить скрытие элемента и добавить анимацию при наведении на элемент
- Делать адаптивным любое изображение и видео. Обрезать фото в круглую рамку. Встраивать любое видео с YouTube на свой сайт
- Подключать иконки и делать анимацию пульсации для кнопок
- Расскажу как работать с текстовыми полями input и textarea на Materialize CSS. Как создавать поля с типом text, email, password, file добавлять иконки рядом с текстовыми полями и делать простую валидацию с красивой подсветкой
О курсе
Для кого этот курс
Начальные требования
Этот курс подойдет для тех, кто знает основы HTML и CSS. Если вы только начинаете свой путь, то рекомендую записаться на курс Верстаем 10 сайтов по макету из Figma в портфолио и только потом переходить к данному курсу.
Преподаватели курса
37 666
Как проходит обучение
Обучение построено на видео уроках. Для лучшего усвоения материала рекомендуется смотреть урок и пробовать повторить все самостоятельно. Почти в каждом уроке доступно одно или более заданий в виде теста, задачи на сопоставление, заполнение пропусков, сортировки и другие. В некоторых уроках есть шаги с заданием в видео формате, где подробно изложены условия и цель задачи. Обязательно читайте всю текстовую информацию к уроку там могут быть полезные ссылки на сторонние ресурсы или на материалы, которые нужны для урока. По желанию можете конспектировать изучаемый материал в любом удобном для вас формате (бумага, цифра). Задействовав дополнительный вид памяти вы улучшите усвоение материала.
Сертификат
Что вы получите
- 2 модуля, в которых вы научитесь работать с Materialize CSS
- 14 уроков, общая продолжительность видео уроков 5 часов
- 63 тестовых задания (вся теория закрепляется на практике на наглядных примерах)
- выдается сертификат Stepik
- много ресурсов для скачивания (ссылки на полезные сервисы и примеры кода)
- общение с автором и другими учениками, обсуждение уроков и отдельных шагов, можно задавать вопросы под каждым уроком
- обучение по шагам - учитесь когда вам удобно
- обучение может занять до 1 месяца, в зависимости от уделенного вами времени
- курс предоставляется вам на всегда, без дедлайнов, каких-либо лимитов и ограничений по времени