Frontend Formula


Kanal geosi va tili: Rossiya, Ruscha


Канал для frontend-разработчиков. Интересные статьи, юмор, задачи, UI-макеты, обзоры библиотек и инструментов.
Ссылка для друга - https://t.me/+5fsBTtJAZG0yMDZi
По всем вопросам @mascarov_valentin

Bog‘liq kanallar

Kanal geosi va tili
Rossiya, Ruscha
Statistika
Postlar filtri


Как подождать, пока определённый порт будет открыт, с помощью npx

Например, вам нужно написать цепочку команд, вы хотите, чтобы сначала полностью поднялся Docker-контейнер, а потом выполнилась команда.

npx wait-port 9000

Эта команда выполнится только тогда, когда что-то откроет порт 9000.
Пакет доступен здесь.




#вопросы_с_собеседований
Для чего используются операторы break и continue в JavaScript?

Оператор break позволяет выйти из запущенного цикла, в то время как оператор continue дает возможность продолжить итерироваться досрочно. Оба оператора в комбинации позволяют написать сложную циклическую функцию с различными результатами и требуемыми действиями на основе заданных параметров.


Mini GSAP Game - A Little to the Right

Мини-игра "Выровнять картину", выполненная с помощью SVG, SCSS и библиотеки GSAP.js.

https://codepen.io/a-trost/pen/jOZXdoP


Задача

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

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

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

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

Ответ


#Вопросы_с_собеседования

❓Что такое унарная функция?

Унарная функция (т.е. монадическая) — это функция, которая принимает ровно один аргумент.


Простой и чистый код для отправки уведомлений в браузере, используя JavaScript.

Используйте этот способ в своих проектах.


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

Ответ


Section design with hover effect

Адаптивные карточки с красивым анимированным фоном при наведении. Реализованы с помощью CSS и JavaScript.

https://codepen.io/uiswarup/pen/BaaexdO


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

Ответ


Animated Star Rating

Каждая звезда — это радио кнопка, при нажатии на которую задействуются свои CSS-стили.

https://codepen.io/jkantner/pen/BarvVNa


#вопросы_с_собеседований
Как рассчитать числа Фибоначчи в JavaScript?

Создать последовательность чисел Фибоначчи – очень популярная задача для программистов. Попробуйте правильно ответить на неё с помощью кода.

Ответ: Последовательность чисел Фибоначчи – это последовательность чисел, где каждое значение – это сумма двух предыдущих, начинается с 0 и 1. Первые семь значений – 0, 1, 1, 2, 3, 5, 8.


Sunrise over still lake

Восход солнца, выполненный с помощью SCSS, без использования JavaScript

https://codepen.io/pehaa/pen/yLVeLNg


#вопросы_с_собеседований
Как следует оформлять страницу, содержимое которой может быть на разных языках?

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

Когда к серверу делается HTTP-запрос, то браузер пользователя обычно отсылает информацию о предпочитаемом языке в заголовке Accept-Language. Сервер может использовать эту информацию, чтобы вернуть версию документа на подходящем языке, если такая возможность есть. В возвращённом HTML-документе обязательно должен быть указан атрибут lang у тега , к примеру ....

На бэкенде HTML-разметка будет содержать плейсхолдер i18n, а контент для конкретного языка будет храниться в YAML- или JSON-формате. Сервер динамически формирует HTML-страницу с контентом на конкретном языке, чаще всего при помощи бэкенд-фреймворка.


3D Orange Switch

Приятный оранжевый анимированный переключатель на чистом CSS.

https://codepen.io/ykadosh/pen/jOwjmJe


#вопросы_с_собеседований
Является ли использование унарного плюса (оператор "+") самым быстрым способом преобразования строки в число?

Согласно MDN оператор "+" действительно является самым быстрым способом преобразования строки в число, поскольку он не выполняет никаких операций со значением, которое является числом.


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

Ответ


Задача

Дана строка, содержащая числительные, представляющие цифры 0-9. Буквы слов перемешаны. Необходимо вернуть цифры в порядке возрастания.

Входные данные: str - строка, содержащая только прописные английские буквы, размер строки от 1 до 10^4. Гарантируется, что строка валидная и содержит представление цифр 0-9.

Выходные данные: строка, содержащая цифры 0-9.

Примеры:
str = “owoztneoer” (т.е. “zeroonetwo”)
Output: “012”
str = “fviefuro” (т.е. “fourfive”)
Output: “45”

Ответ


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

Ответ


Дорогие подписчики, поздравляю вас с наступающим новым годом! Пусть в 2026 году исполнятся все ваши самые заветные желания🎄🎄🎄🎄

20 ta oxirgi post ko‘rsatilgan.