gram news
Аватар канала Frontend Formula

Frontend Formula

@tg_front

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

3,770подписчиков

Открыть канал

Последние посты

  • Frontend Formula

    14 сент., 08:18

    Как подождать, пока определённый порт будет открыт, с помощью npxНапример, вам нужно написать цепочку команд, вы хотите, чтобы сначала полностью поднялся Docker-контейнер, а потом выполнилась команда.npx wait-port 9000Эта команда выполнится только тогда, когда что-то откроет порт 9000. Пакет доступен здесь.
  • Frontend Formula

    17 авг., 17:13

    minimamente.com/project/magic — сборник всевозможных плавных анимаций. Инструкция по установке и применению: github.com/miniMAC/magic
    GitHubGitHub - miniMAC/magic: CSS3 Animations with special effectsCSS3 Animations with special effects. Contribute to miniMAC/magic development by creating an account on GitHub.
  • Frontend Formula

    23 июл., 09:09

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

    11 июл., 17:55

    Mini GSAP Game - A Little to the RightМини-игра "Выровнять картину", выполненная с помощью SVG, SCSS и библиотеки GSAP.js.https://codepen.io/a-trost/pen/jOZXdoP
    676видео1Открыть в Telegram
  • Frontend Formula

    9 июл., 14:54

    ЗадачаПреобразуйте строку по таким правилам:1) Изменить регистр каждого символа, т.е. нижний регистр в верхний, верхний регистр в нижний. Например, 'FizzBuzz' -> 'fIZZbUZZ'. 2) Изменить порядок слов на обратный. Например, 'pen pinapple apple PEN' -> 'pen APPLE PINAPPLE PEN'.Примечание: Количество пробелов должно быть сохранено. Например, для строки 'js css html': - 'HTML CSS JS' - неправильный вариант - 'HTML CSS JS' - правильный вариантВходные данные: строка, состоящая из букв английского алфавита и пробелов. Выходные данные: преобразованная строка.Ответ
    Иллюстрация к посту канала Frontend FormulaИллюстрация к посту канала Frontend Formula
  • Frontend Formula

    2 июл., 14:05

    #Вопросы_с_собеседования❓Что такое унарная функция?Унарная функция (т.е. монадическая) — это функция, которая принимает ровно один аргумент.
    Иллюстрация к посту канала Frontend FormulaИллюстрация к посту канала Frontend Formula
  • Frontend Formula

    17 июн., 15:39

    Простой и чистый код для отправки уведомлений в браузере, используя JavaScript.Используйте этот способ в своих проектах.
    Иллюстрация к посту канала Frontend FormulaИллюстрация к посту канала Frontend Formula
  • Frontend Formula

    28 мая, 08:54

    JavaScript. Что будет выведено в консоль?Ответ
    Иллюстрация к посту канала Frontend FormulaИллюстрация к посту канала Frontend Formula
  • Frontend Formula

    18 мая, 13:56

    Section design with hover effectАдаптивные карточки с красивым анимированным фоном при наведении. Реализованы с помощью CSS и JavaScript.https://codepen.io/uiswarup/pen/BaaexdO
    839видео1Открыть в Telegram
  • Frontend Formula

    4 мая, 17:17

    JavaScript. Что будет выведено в консоль?Ответ
    Иллюстрация к посту канала Frontend FormulaИллюстрация к посту канала Frontend Formula
  • Frontend Formula

    27 апр., 16:41

    Animated Star RatingКаждая звезда — это радио кнопка, при нажатии на которую задействуются свои CSS-стили.https://codepen.io/jkantner/pen/BarvVNa
    888видео2Открыть в Telegram
  • Frontend Formula

    12 апр., 19:22

    #вопросы_с_собеседований Как рассчитать числа Фибоначчи в JavaScript?Создать последовательность чисел Фибоначчи – очень популярная задача для программистов. Попробуйте правильно ответить на неё с помощью кода.Ответ: Последовательность чисел Фибоначчи – это последовательность чисел, где каждое значение – это сумма двух предыдущих, начинается с 0 и 1. Первые семь значений – 0, 1, 1, 2, 3, 5, 8.
    Иллюстрация к посту канала Frontend FormulaИллюстрация к посту канала Frontend Formula
  • Frontend Formula

    19 мар., 14:55

    Sunrise over still lakeВосход солнца, выполненный с помощью SCSS, без использования JavaScripthttps://codepen.io/pehaa/pen/yLVeLNg
    851видео2Открыть в Telegram
  • Frontend Formula

    6 мар., 19:09

    #вопросы_с_собеседований Как следует оформлять страницу, содержимое которой может быть на разных языках?Вопрос немного расплывчатый. Полагаю, что речь о наиболее частом случае: как показывать страницу, где содержимое доступно на нескольких языках, но отображается на одном определенном.Когда к серверу делается HTTP-запрос, то браузер пользователя обычно отсылает информацию о предпочитаемом языке в заголовке Accept-Language. Сервер может использовать эту информацию, чтобы вернуть версию документа на подходящем языке, если такая возможность есть. В возвращённом HTML-документе обязательно должен быть указан атрибут lang у тега <html>, к примеру <html lang="en">...</html>.На бэкенде HTML-разметка будет содержать плейсхолдер i18n, а контент для конкретного языка будет храниться в YAML- или JSON-формате. Сервер динамически формирует HTML-страницу с контентом на конкретном языке, чаще
  • Frontend Formula

    17 февр., 14:26

    3D Orange SwitchПриятный оранжевый анимированный переключатель на чистом CSS.https://codepen.io/ykadosh/pen/jOwjmJe
    878видео3Открыть в Telegram
  • Frontend Formula

    8 февр., 14:20

    #вопросы_с_собеседований Является ли использование унарного плюса (оператор "+") самым быстрым способом преобразования строки в число?Согласно MDN оператор "+" действительно является самым быстрым способом преобразования строки в число, поскольку он не выполняет никаких операций со значением, которое является числом.
  • Frontend Formula

    23 янв., 14:48

    JavaScript. Что будет выведено в консоль?Ответ
    Иллюстрация к посту канала Frontend FormulaИллюстрация к посту канала Frontend Formula
  • Frontend Formula

    15 янв., 16:43

    ЗадачаДана строка, содержащая числительные, представляющие цифры 0-9. Буквы слов перемешаны. Необходимо вернуть цифры в порядке возрастания.Входные данные: str - строка, содержащая только прописные английские буквы, размер строки от 1 до 10^4. Гарантируется, что строка валидная и содержит представление цифр 0-9.Выходные данные: строка, содержащая цифры 0-9.Примеры: str = “owoztneoer” (т.е. “zeroonetwo”) Output: “012” str = “fviefuro” (т.е. “fourfive”) Output: “45”Ответ
    Иллюстрация к посту канала Frontend FormulaИллюстрация к посту канала Frontend Formula
  • Frontend Formula

    7 янв., 22:10

    Что будет выведено в консоль?Ответ
    Иллюстрация к посту канала Frontend FormulaИллюстрация к посту канала Frontend Formula
  • Frontend Formula

    31 дек. 2025 г., 16:02

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