Створення анімації за допомогою CSS
-
Верстка сайту на Flexbox CSS
-
Розробка Windows Store додатків с JavaScript и HTML5
-
Верстка сайту на CSS Grid
-
Як скласти резюме, щоб вас запросили на співбесіду
-
Як правильно скласти резюме для пошуку роботи в міжнародній IT-компанії
-
Як початківці знаходять роботу під час війни? Реальний досвід та відгуки
-
Чому мені відмовляють рекрутери? Як отримати перший оффер в ІТ
-
Чек-лист успішної адаптації або як пройти випробувальний термін у компанії?
-
10 ключових помилок пiд час спiвбесiди
-
Підготовка до співбесіди в IT
-
Активний пошук першої роботи в IT – поради і часті помилки
-
ІТ в період війни: як знайти першу роботу
-
Інтерактивний вебінар. 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 анимации.
