Frontend Study

Забудьте о конкатенации, используйте шаблонные строки (литералы) Конкатенация строк с помощью оператора "+" – это старая школа. Более того, конкатенация строк с участием большого количества переменных (или выражений) повышает риск возникновения путаницы и ошибок. Шаблонные строки (или литералы) позволяют встраивать выражения прямо в текст. Они обладают уникальным синтаксисом, при котором строка заключается в обратные кавычки (``). Шаблонная строка может содержать места для подстановки динамических значений. Такие места отмечаются знаком доллара и фигурными скобками. Например, ${выражение}.

Переворот списка На картинке приведены примеры переверота массива в JavaScript с/без использованием библиотек?

JavaScript. Что будет выведено в консоль? Ответ

Css/Js/Gsap Mask Lamp Свет качающейся лампы освещает то одну, то другую сторону картинки. Сделано с помощью стандартной библиотеки анимации JavaScript GSAP. https://codepen.io/Since1979/pen/podveKZ

Magic Dust Эффект при движении мышкой, выполненный с помощью SCSS и GSAP.js https://codepen.io/pixelomo/pen/ExbyvjK

Parallax Tilt Effect Cards Положение самой карточки и картинки внутри неё зависит от положения курсора пользователя, что создает красивый parallax-эффект. https://codepen.io/AbubakerSaeed/pen/rNNdvqz

Interactive 3D die Вращение трехмерных игральных костей согласно вводу пользователя, реализованное на чистом CSS. https://codepen.io/HunorMarton/pen/mdERrLy

Погружаемся в CSS: как использовать :where() Функция :where() помогает писать меньше кода, применять стили ко всему списку и снимает головную боль при использовании CSS reset. В статье разберёмся, как это работает, и посмотрим на примеры использования. https://habr.com/ru/companies/netologyru/articles/657651/