Moko's lost!

Страница 404: svg-картинка, анимированная в JS.

#js

Задача

Преобразуйте строку по таким правилам:

1) Изменить регистр каждого символа, т.е. нижний регистр в верхний, верхний регистр в нижний. Например, 'FizzBuzz' -> 'fIZZbUZZ'.
2) Изменить порядок слов на обратный. Например, 'pen pinapple apple PEN' -> 'pen APPLE PINAPPLE PEN'.

Примечание:
Количество пробелов должно быть сохранено. Например, для строки 'js css html':
- 'HTML CSS JS' - неправильный вариант
- 'HTML CSS JS' - правильный вариант

Входные данные: строка, состоящая из букв английского алфавита и пробелов.
Выходные данные: преобразованная строка.

Ответ

Responsive Blog Card Slider

Адаптивная карточка со слайдером Swiper. Слайды можно прокручивать с помощью колеса мышки или нажатием на пагинацию.

#js

Matrix

Анимация с зеленым кодом из фильма «Матрица», реализованная с помощью JavaScript.

#js

​Экосистема React в 2022 году

Рассмотрели текущее состояние экосистемы React. Также остановились на том, какие инструменты и библиотеки нам необходимы, чтобы покрыть все основные кейсы для успешной разработки приложения.

#react

Building Web Applications with .NET Core 2.1 and JavaScript

Автор: Philip Japikse, Kevin Grossnicklaus, Ben Dewey
Год издания: 2020

#javascript #english

​TypeScript: худший лучший язык программирования

На конференции FrontedConf 2021 Андрей Старовойт показал плюсы и минусы TypeScript. Если вы сомневаетесь, стоит ли его использовать — эта статья для вас, чтобы вы смогли для себя всё решить.

Spirited Away Bathhouse

3D-карточка, выполненная с помощью Haml и SCSS, без использования JavaScript.

#css

​Атрибут novalidate

Знакомимся с HTML-атрибутом novalidate. С его помощью можно отключить нативную валидацию формы со стороны браузера.

#html

Image Hover Interaction

При наведении на карточку в JS создаются частицы на canvas, которые собираются в картинку.

#js

🔥 Залипательный тест по JS 🔥

— Ответьте на 20 вопросов и проверьте, насколько хорошо вы знаете JavaScript. Сможете сдать — пройдёте на продвинутый курс JavaScript Developer. Professional с хорошей скидкой 🎁

👉🏻 ПРОЙТИ ТЕСТ: https://otus.pw/LlWI/

Neon Love

Анимированная сцена, выполненная с помощью CSS и JavaScript.

#html #css #js

React-Architect

Автор: Dr. Frank Zickert
Год издания: 2020

#react #english

Задача

В простых случаях циклических ссылок мы можем исключить свойство, из-за которого они возникают, из сериализации по его имени.

Но иногда имя использовать нельзя, так как с этим именем могут быть и другие, нужные, свойства во вложенных объектах. Поэтому можно проверять свойство по значению.

Напишите функцию replacer для JSON-преобразования, которая удалит свойства, ссылающиеся на meetup.

Ответ

Как устроена автоматизация в Почте России? А есть ли легаси?

Все это можно узнать в Telegram-канале Почтатеха — ИТ-подразделения Почты, которое занимается разработкой цифровых продуктов.

В нем вы также найдете актуальные вакансии, комментарии экспертов и множество интересного из мира информационных технологий.
Подписывайтесь: @pochtatech

Анимированная кнопка, выполненная с помощью CSS, SVG и JavaScript.

#css #js

Drop

Анимация в виде кругов на поверхности воды от упавшей капли, реализованная на чистом CSS.

#css

Задача

Напишите функцию persistence, которая принимает положительный параметр num и возвращает его мультипликативную величину (сколько раз нужно перемножить цифры num, пока не получите одну цифру).

Пример:
39 --> 3
(3*9 = 27, 2*7 = 14, 1*4 = 4 .
4 состоит из одной цифры. Чтобы дойти до четвёрки, мы сделали 3 итерации. )

Ответ

​Как стилизовать полосы прокрутки при помощи CSS

Из этой статьи вы узнаете все о кастомизации и стилизации скроллбаров при помощи CSS.

#css #en