Frontend Formula
前往频道在 Telegram
Канал для frontend-разработчиков. Интересные статьи, юмор, задачи, UI-макеты, обзоры библиотек и инструментов. Ссылка для друга - https://t.me/+5fsBTtJAZG0yMDZi По всем вопросам @mascarov_valentin
显示更多
网络:3 726
订阅者
-124 小时
-117 天
-4130 天
数据加载中...
吸引订阅者
十月 '2610月 '26
十月 '260
在0个频道中
九月 '26
+9
在0个频道中
Get PRO
八月 '26
+7
在0个频道中
Get PRO
七月 '26
+19
在0个频道中
Get PRO
六月 '26
+12
在0个频道中
Get PRO
五月 '26
+1
在0个频道中
Get PRO
四月 '26
+4
在0个频道中
Get PRO
三月 '26
+1
在0个频道中
Get PRO
二月 '26
+6
在0个频道中
Get PRO
一月 '26
+1
在0个频道中
Get PRO
十二月 '25
+6
在0个频道中
Get PRO
十一月 '25
+3
在0个频道中
Get PRO
十月 '25
+5
在0个频道中
Get PRO
九月 '25
+2
在0个频道中
Get PRO
八月 '25
+16
在0个频道中
Get PRO
七月 '25
+9
在0个频道中
Get PRO
六月 '25
+4
在0个频道中
Get PRO
五月 '25
+3
在0个频道中
Get PRO
四月 '25
+4
在0个频道中
Get PRO
三月 '25
+2
在0个频道中
Get PRO
二月 '25
+24
在0个频道中
Get PRO
一月 '25
+10
在0个频道中
Get PRO
十二月 '24
+1
在0个频道中
Get PRO
十一月 '24
+5
在0个频道中
Get PRO
十月 '24
+2
在1个频道中
Get PRO
九月 '24
+2
在0个频道中
Get PRO
八月 '24
+2
在0个频道中
Get PRO
七月 '24
+4
在0个频道中
Get PRO
六月 '24
+4
在0个频道中
Get PRO
五月 '24
+56
在1个频道中
Get PRO
四月 '24
+123
在0个频道中
Get PRO
三月 '24
+6
在0个频道中
Get PRO
二月 '24
+15
在1个频道中
Get PRO
一月 '24
+58
在1个频道中
Get PRO
十二月 '23
+69
在4个频道中
Get PRO
十一月 '23
+12
在1个频道中
Get PRO
十月 '23
+121
在1个频道中
Get PRO
九月 '23
+440
在0个频道中
Get PRO
八月 '23
+512
在0个频道中
Get PRO
七月 '23
+535
在0个频道中
Get PRO
六月 '23
+349
在0个频道中
Get PRO
五月 '23
+30
在0个频道中
Get PRO
四月 '23
+40
在0个频道中
Get PRO
三月 '23
+337
在0个频道中
Get PRO
二月 '23
+419
在0个频道中
Get PRO
一月 '23
+88
在0个频道中
Get PRO
十二月 '22
+618
在0个频道中
Get PRO
十一月 '22
+54
在0个频道中
Get PRO
十月 '22
+1 458
在0个频道中
Get PRO
九月 '22
+304
在0个频道中
Get PRO
八月 '22
+1 061
在0个频道中
Get PRO
七月 '22
+84
在0个频道中
Get PRO
六月 '22
+1 506
在0个频道中
Get PRO
五月 '22
+567
在0个频道中
Get PRO
四月 '22
+919
在0个频道中
| 日期 | 订阅者增长 | 提及 | 频道 | |
| 06 十月 | 0 | |||
| 05 十月 | 0 | |||
| 04 十月 | 0 | |||
| 03 十月 | 0 | |||
| 02 十月 | 0 | |||
| 01 十月 | 0 |
频道帖子
Как подождать, пока определённый порт будет открыт, с помощью npx
Например, вам нужно написать цепочку команд, вы хотите, чтобы сначала полностью поднялся Docker-контейнер, а потом выполнилась команда.
npx wait-port 9000
Эта команда выполнится только тогда, когда что-то откроет порт 9000.
Пакет доступен здесь.| 2 | minimamente.com/project/magic — сборник всевозможных плавных анимаций. Инструкция по установке и применению: github.com/miniMAC/magic | 453 |
| 3 | #вопросы_с_собеседований
Для чего используются операторы break и continue в JavaScript?
Оператор break позволяет выйти из запущенного цикла, в то время как оператор continue дает возможность продолжить итерироваться досрочно. Оба оператора в комбинации позволяют написать сложную циклическую функцию с различными результатами и требуемыми действиями на основе заданных параметров. | 442 |
| 4 |  Mini GSAP Game - A Little to the Right
Мини-игра "Выровнять картину", выполненная с помощью SVG, SCSS и библиотеки GSAP.js.
https://codepen.io/a-trost/pen/jOZXdoP | 461 |
| 5 |  Задача
Преобразуйте строку по таким правилам:
1) Изменить регистр каждого символа, т.е. нижний регистр в верхний, верхний регистр в нижний. Например, 'FizzBuzz' -> 'fIZZbUZZ'.
2) Изменить порядок слов на обратный. Например, 'pen pinapple apple PEN' -> 'pen APPLE PINAPPLE PEN'.
Примечание:
Количество пробелов должно быть сохранено. Например, для строки 'js css html':
- 'HTML CSS JS' - неправильный вариант
- 'HTML CSS JS' - правильный вариант
Входные данные: строка, состоящая из букв английского алфавита и пробелов.
Выходные данные: преобразованная строка.
Ответ | 401 |
| 6 |  #Вопросы_с_собеседования
❓Что такое унарная функция?
Унарная функция (т.е. монадическая) — это функция, которая принимает ровно один аргумент. | 415 |
| 7 |  Простой и чистый код для отправки уведомлений в браузере, используя JavaScript.
Используйте этот способ в своих проектах. | 544 |
| 8 |  JavaScript. Что будет выведено в консоль?
Ответ | 472 |
| 9 |  Section design with hover effect
Адаптивные карточки с красивым анимированным фоном при наведении. Реализованы с помощью CSS и JavaScript.
https://codepen.io/uiswarup/pen/BaaexdO | 495 |
| 10 |  JavaScript. Что будет выведено в консоль?
Ответ | 604 |
| 11 |  Animated Star Rating
Каждая звезда — это радио кнопка, при нажатии на которую задействуются свои CSS-стили.
https://codepen.io/jkantner/pen/BarvVNa | 579 |
| 12 |  #вопросы_с_собеседований
Как рассчитать числа Фибоначчи в JavaScript?
Создать последовательность чисел Фибоначчи – очень популярная задача для программистов. Попробуйте правильно ответить на неё с помощью кода.
Ответ: Последовательность чисел Фибоначчи – это последовательность чисел, где каждое значение – это сумма двух предыдущих, начинается с 0 и 1. Первые семь значений – 0, 1, 1, 2, 3, 5, 8. | 563 |
| 13 |  Sunrise over still lake
Восход солнца, выполненный с помощью SCSS, без использования JavaScript
https://codepen.io/pehaa/pen/yLVeLNg | 452 |
| 14 | #вопросы_с_собеседований
Как следует оформлять страницу, содержимое которой может быть на разных языках?
Вопрос немного расплывчатый. Полагаю, что речь о наиболее частом случае: как показывать страницу, где содержимое доступно на нескольких языках, но отображается на одном определенном.
Когда к серверу делается HTTP-запрос, то браузер пользователя обычно отсылает информацию о предпочитаемом языке в заголовке Accept-Language. Сервер может использовать эту информацию, чтобы вернуть версию документа на подходящем языке, если такая возможность есть. В возвращённом HTML-документе обязательно должен быть указан атрибут lang у тега <html>, к примеру <html lang="en">...</html>.
На бэкенде HTML-разметка будет содержать плейсхолдер i18n, а контент для конкретного языка будет храниться в YAML- или JSON-формате. Сервер динамически формирует HTML-страницу с контентом на конкретном языке, чаще всего при помощи бэкенд-фреймворка. | 525 |
| 15 |  3D Orange Switch
Приятный оранжевый анимированный переключатель на чистом CSS.
https://codepen.io/ykadosh/pen/jOwjmJe | 496 |
| 16 | #вопросы_с_собеседований
Является ли использование унарного плюса (оператор "+") самым быстрым способом преобразования строки в число?
Согласно MDN оператор "+" действительно является самым быстрым способом преобразования строки в число, поскольку он не выполняет никаких операций со значением, которое является числом. | 648 |
| 17 |  JavaScript. Что будет выведено в консоль?
Ответ | 677 |
| 18 |  Задача
Дана строка, содержащая числительные, представляющие цифры 0-9. Буквы слов перемешаны. Необходимо вернуть цифры в порядке возрастания.
Входные данные: str - строка, содержащая только прописные английские буквы, размер строки от 1 до 10^4. Гарантируется, что строка валидная и содержит представление цифр 0-9.
Выходные данные: строка, содержащая цифры 0-9.
Примеры:
str = “owoztneoer” (т.е. “zeroonetwo”)
Output: “012”
str = “fviefuro” (т.е. “fourfive”)
Output: “45”
Ответ | 652 |
| 19 |  Что будет выведено в консоль?
Ответ | 589 |
| 20 |  С кодом у тебя всё ок.
Если что-то не работает — смотришь логи, находишь баг, фикcишь.
А с женщинами ощущение, будто:
— документации нет
— поведение недетерминированное
— один и тот же input → разный output
— вчера работало, сегодня — игнор
Ты вроде нормальный парень.
Не токсик. Не дурак. Не бедный.
По логике этого должно хватать.
Но система не сходится.
Ты общаешься — вроде без ошибок.
А в ответ холод, странные реакции или «давай как-нибудь потом».
Самое бесячее — ты не понимаешь, где именно происходит краш.
Со временем я понял простую вещь:
в отношениях и общении с женщинами другая архитектура.
Не интуиция. Не магия.
Просто другие правила, которые никто не объяснил.
В этом канале я разбираю это как систему:
что реально влияет, где ты теряешь контроль,
и как перестать действовать методом тыка.
Если ты привык дебажить, а не гадать — оставайся. Тут будет полезно: https://t.me/+6_ztAb3YBqc3Y2Yy | 569 |
