Senior Frontend - javascript, html, css

2023-05-07 19:04:02 CSS View Transition

Здесь анимируется CSS свойство mask-position и transform: scale в SCSS коде.

@seniorFront Открыть/Комментировать

2023-05-07 13:30:12 Заменить все элементы

Напишите функцию replaceAll, которая принимает первым параметром массив элементов, вторым параметром - элемент, который нужно заменить и третьим - элемент, который должен заменить второй элемент.

Пример:
replaceAll(array: [1,2,2], old: 1, new: 2) // [2,2,2]

@seniorFront Открыть/Комментировать

2023-05-06 19:02:03 Expanding Buttons

Создано в виде React компонента, стилизованного в SCSS.

@seniorFront Открыть/Комментировать

2023-05-06 12:05:12 Futuristic CSS Animated Button

В этом видео создаются и анимируются кнопки на HTML и CSS.

@seniorFront Открыть/Комментировать

2023-05-05 09:55:02 File scan

Стилизовано и анимировано в SCSS.

@seniorFront Открыть/Комментировать

2023-05-04 19:02:06 Colour Creep

Это svg картинка, анимируемая библиотекой gsap.

@seniorFront Открыть/Комментировать

2023-05-04 12:06:02 @seniorFront Открыть/Комментировать

2023-05-03 21:00:32 CSS Only Circular Progress Bar

В этом видео создается progress bar без использования JS.

@seniorFront Открыть/Комментировать

2023-05-03 15:01:10 Принципы, лежащие в основе алгоритмов и структур данных, всегда актуальны для любого стека технологий. Если вы уверенно владеете одним из языков программирования: C++, Python, Java, Go, JavaScript или C#, вам подойдет курс Яндекс Практикума «Алгоритмы и структуры данных». Мы поможем вам разложить все по полочкам, научим писать более чистый код, видеть разные варианты решения задачи и сравнивать их по эффективности, а ещё вы:

• разберётесь в основных алгоритмах;
• узнаете, как устроены структуры данных и когда какие применять;
• научитесь тестировать свой код и доказывать его корректность.

На всех этапах вас будут сопровождать опытные разработчики: мы не дадим просесть по учёбе и поможем выкроить время на образование. Вы будете практиковаться на реальных кейсах и положите в портфолио работающие проекты. А карьерные консультации подготовят вас к разговору о повышении или помогут с поиском новой работы.

Пройдите первый бесплатный урок с 1 по 14 мая и получите скидку 7% на оплату курса. Открыть/Комментировать

2023-05-03 12:06:25 Endless Gallery Animation

Вёрстка реализована с использованием препроцессоров Haml и SCSS.

@seniorFront Открыть/Комментировать