10 библиотек для css и js анимации.
Анимации помогают «оживить» сайт: делают его интереснее и отзывчивее. Но создавать их вручную не всегда удобно, потому что приходится тратить время на написание кода, сложные вычисления и трансформации. Гораздо проще использовать библиотеки с готовыми анимациями или инструментами, облегчающими создание эффектов.
Список библиотек в блоге.
Анимации помогают «оживить» сайт: делают его интереснее и отзывчивее. Но создавать их вручную не всегда удобно, потому что приходится тратить время на написание кода, сложные вычисления и трансформации. Гораздо проще использовать библиотеки с готовыми анимациями или инструментами, облегчающими создание эффектов.
Список библиотек в блоге.
HTML Academy
10 библиотек для CSS и JS анимации
Помогут сэкономить время и сделать красиво.
👍4❤1
Это рубрика #пятничная_скидка, вот чему можно обучиться со скидкой на этой неделе:
До 26 марта.
Курс «Вёрстка React-компонентов» со скидкой 30%.
На этом курсе вы научитесь собирать интерфейсы в экосистеме React с нуля и создавать интерактивные React-компоненты.
До 31 марта.
Пакет курсов Vue2 + Vue3 со скидкой 25%.
Вы научитесь с нуля создавать и стилизовать проект на Vue.js 2 и 3 версии, добавлять анимации в веб-приложение и проводить тестирование.
До 9 апреля.
Пакет курсов «Протоколы и сети» со скидкой 30%.
Для тех, кто хочет понимать принципы передачи данных и защищать свой код от атак
До 26 марта.
Курс «Вёрстка React-компонентов» со скидкой 30%.
На этом курсе вы научитесь собирать интерфейсы в экосистеме React с нуля и создавать интерактивные React-компоненты.
До 31 марта.
Пакет курсов Vue2 + Vue3 со скидкой 25%.
Вы научитесь с нуля создавать и стилизовать проект на Vue.js 2 и 3 версии, добавлять анимации в веб-приложение и проводить тестирование.
До 9 апреля.
Пакет курсов «Протоколы и сети» со скидкой 30%.
Для тех, кто хочет понимать принципы передачи данных и защищать свой код от атак
levelup.htmlacademy.ru
Онлайн-курс «Вёрстка React-компонентов»
На этом курсе вы научитесь собирать интерфейсы в экосистеме React с нуля и создавать интерактивные React-компоненты. Начните обучение прямо сейчас и двигайтесь с комфортной скоростью. Курс подходит разработчикам, у которых мало времени и которые хотят повысить…
#задача
При вёрстке интернет-магазина, вы столкнулись с тем, что при переполнении контента ломается дизайн. Ваши действия?
Свой ответ покажем завтра
При вёрстке интернет-магазина, вы столкнулись с тем, что при переполнении контента ломается дизайн. Ваши действия?
🤔2👎1
Кто отвечает за то, чтобы при изменении контента вёрстка оставалась красивой?
Частично это задача фронтенд-разработчика, ведь это он превращает дизайн в интерфейс. С другой стороны, иногда изменение контента не продумано с точки зрения дизайна. И это приводит к невозможности технической реализации переполнения.
Вчера мы опубликовали задачу, всем спасибо за ответы. Вспомним пример переполнения карточки товара в «Девайсе» и попробуем ответить тоже.
Частично это задача фронтенд-разработчика, ведь это он превращает дизайн в интерфейс. С другой стороны, иногда изменение контента не продумано с точки зрения дизайна. И это приводит к невозможности технической реализации переполнения.
Вчера мы опубликовали задачу, всем спасибо за ответы. Вспомним пример переполнения карточки товара в «Девайсе» и попробуем ответить тоже.
👍21
Как работать с Vue 3 Router.
Концепция маршрутизатора сводится к тому, что в зависимости от указанного пути и дополнительных параметров приложение отображает соответствующий контент. Например, наша логика подразумевает, что при переходе в /settings отобразится компонент с настройками, а в /contacts — форма обратной связи.
В статье создаём простое Vue-приложение, которое реализует такую логику.
Концепция маршрутизатора сводится к тому, что в зависимости от указанного пути и дополнительных параметров приложение отображает соответствующий контент. Например, наша логика подразумевает, что при переходе в /settings отобразится компонент с настройками, а в /contacts — форма обратной связи.
В статье создаём простое Vue-приложение, которое реализует такую логику.
HTML Academy
Как работать с Vue 3 Router
Создадим простое Vue-приложение.
Это рубрика #пятничная_скидка, вот чему можно обучиться со скидкой на этой неделе:
До 31 марта.
Пакет курсов Vue2 + Vue3 со скидкой 25%.
Вы научитесь с нуля создавать и стилизовать проект на Vue.js 2 и 3 версии, добавлять анимации в веб-приложение и проводить тестирование.
До 2 апреля.
Git и GitHub со скидкой 30%.
Для разработчиков, которые хотят научиться работать с самой распространённой системой управления версиями — Git.
До 9 апреля.
Пакет курсов «Протоколы и сети» со скидкой 30%.
Для тех, кто хочет понимать принципы передачи данных и защищать свой код от атак
До 31 марта.
Пакет курсов Vue2 + Vue3 со скидкой 25%.
Вы научитесь с нуля создавать и стилизовать проект на Vue.js 2 и 3 версии, добавлять анимации в веб-приложение и проводить тестирование.
До 2 апреля.
Git и GitHub со скидкой 30%.
Для разработчиков, которые хотят научиться работать с самой распространённой системой управления версиями — Git.
До 9 апреля.
Пакет курсов «Протоколы и сети» со скидкой 30%.
Для тех, кто хочет понимать принципы передачи данных и защищать свой код от атак
HTML Academy
Интерактивные онлайн-курсы HTML Academy
Вместе мы научимся работать с живым кодом, самостоятельно решать задачи, приближённые к реальным, использовать новейшие технологии. Минимум скучной теории и максимум практических упражнений.
Операторы spread и rest в react — в чём разница?
Если вы работали с ванильным JavaScript или React, то могли видеть в коде три точки — .... Так обозначаются операторы spread и rest. Они используют одинаковый синтаксис, но решают разные задачи, какие именно, разбираем в статье.
Если вы работали с ванильным JavaScript или React, то могли видеть в коде три точки — .... Так обозначаются операторы spread и rest. Они используют одинаковый синтаксис, но решают разные задачи, какие именно, разбираем в статье.
HTML Academy
Операторы spread и rest в React
Объясняем разницу между тремя точками.
Про что интереснее прочитать в постах о карьере?
Anonymous Poll
45%
Как искать работу
33%
Как получить повышение и развитие на текущем месте?
21%
Как найти баланс между работой и жизнью
1%
Напишу в комментариях
Ищем фронтенд-разработчиков на интервью о развитии в профессии.
Формат максимально простой: мы созваниваемся с вами на 30 минут и задаём несколько вопросов о том, как вы развиваетесь во фронтенде и как мы могли бы улучшить наши продукты.
В качестве благодарности — персональная скидка 20% на любой курс или пакет.
Записаться можно тут.
Формат максимально простой: мы созваниваемся с вами на 30 минут и задаём несколько вопросов о том, как вы развиваетесь во фронтенде и как мы могли бы улучшить наши продукты.
В качестве благодарности — персональная скидка 20% на любой курс или пакет.
Записаться можно тут.
На собеседованиях часто попадаются вопросы про протоколы и сети, подготовили для вас небольшую викторину, чтобы вы могли проверить знания 👇
❤1