Создание анимации с помощью CSS
-
Верстка сайта на Flexbox CSS
-
Разработка Windows Store приложений с JavaScript и HTML5
-
Верстка сайта на CSS Grid
-
Как составить резюме, чтобы вас пригласили на собеседование
-
Как правильно составить резюме для поиска работы в международной IT-компании
-
Как новичкам найти работу во время войны? Реальный опыт и отзывы
-
Почему мне отказывают рекрутеры? Как получить первый оффер в IT
-
Чек-лист успешной адаптации или как пройти испытательный срок в компании?
-
10 ключевых ошибок во время собеседования
-
Подготовка к собеседованию в IT
-
Активный поиск первой работы в IT – советы и частые ошибки
-
IТ в период войны: как найти первую работу
-
Интерактивный вебинар. Soft Skills на интервью и на испытательном сроке
На этом вебинаре мы займемся созданием анимации молекулы ДНК с помощью HTML и CSS, а также дополнительных инструментов. Мы создадим ключевые кадры и посмотрим, как это возможно воспроизвести с помощью HTML и CSS. Сделаем рефакторинг CSS в SCSS и с помощью директивы @for уменьшим количество кода в 2 раза.
План вебинара:
1) Разбор ключевых кадров анимации с помощью видео редактора.
2) Создание каркаса молекулы и элементов, которые будут ее составлять. Применение таких свойств как position: relative и absolute, display: flex.
3) Создание ключевых кадров в CSS.
4) Рефакторинг кода из CSS в SCSS.
5) + Добавим небольшой микс к молекуле – связывающие линии атомов.
6) В заключение поговорим о возможных вариантах улучшения и использования дополнительных инструментов для создания разнообразных спецэффектов.
Целевая аудитория:
Данный вебинар будет интересен тем, кто изучает HTML, CSS и интересуется анимацией и оживлением веб страниц с помощью CSS анимации.
