اکنون در دسترس! پژوهش تلگرام ۲۰۲۵ — مهمترین بینشهای سال 
Frontend Formula
رفتن به کانال در Telegram
Канал для frontend-разработчиков. Интересные статьи, юмор, задачи, UI-макеты, обзоры библиотек и инструментов. Ссылка для друга - https://t.me/+5fsBTtJAZG0yMDZi По всем вопросам @mascarov_valentin
نمایش بیشتر3 857
مشترکین
-324 ساعت
-87 روز
-4730 روز
آرشیو پست ها
3 857
Section design with hover effect
Адаптивные карточки с красивым анимированным фоном при наведении. Реализованы с помощью CSS и JavaScript.
https://codepen.io/uiswarup/pen/BaaexdO
3 857
Animated Star Rating
Каждая звезда — это радио кнопка, при нажатии на которую задействуются свои CSS-стили.
https://codepen.io/jkantner/pen/BarvVNa
3 857
#вопросы_с_собеседований
Как рассчитать числа Фибоначчи в JavaScript?
Создать последовательность чисел Фибоначчи – очень популярная задача для программистов. Попробуйте правильно ответить на неё с помощью кода.
Ответ: Последовательность чисел Фибоначчи – это последовательность чисел, где каждое значение – это сумма двух предыдущих, начинается с 0 и 1. Первые семь значений – 0, 1, 1, 2, 3, 5, 8.
3 857
Sunrise over still lake
Восход солнца, выполненный с помощью SCSS, без использования JavaScript
https://codepen.io/pehaa/pen/yLVeLNg
3 857
#вопросы_с_собеседований
Как следует оформлять страницу, содержимое которой может быть на разных языках?
Вопрос немного расплывчатый. Полагаю, что речь о наиболее частом случае: как показывать страницу, где содержимое доступно на нескольких языках, но отображается на одном определенном.
Когда к серверу делается HTTP-запрос, то браузер пользователя обычно отсылает информацию о предпочитаемом языке в заголовке Accept-Language. Сервер может использовать эту информацию, чтобы вернуть версию документа на подходящем языке, если такая возможность есть. В возвращённом HTML-документе обязательно должен быть указан атрибут
lang у тега <html>, к примеру <html lang="en">...</html>.
На бэкенде HTML-разметка будет содержать плейсхолдер i18n, а контент для конкретного языка будет храниться в YAML- или JSON-формате. Сервер динамически формирует HTML-страницу с контентом на конкретном языке, чаще всего при помощи бэкенд-фреймворка.3 857
3D Orange Switch
Приятный оранжевый анимированный переключатель на чистом CSS.
https://codepen.io/ykadosh/pen/jOwjmJe
3 857
#вопросы_с_собеседований
Является ли использование унарного плюса (оператор "+") самым быстрым способом преобразования строки в число?
Согласно MDN оператор "+" действительно является самым быстрым способом преобразования строки в число, поскольку он не выполняет никаких операций со значением, которое является числом.
3 857
Задача
Дана строка, содержащая числительные, представляющие цифры 0-9. Буквы слов перемешаны. Необходимо вернуть цифры в порядке возрастания.
Входные данные:
str - строка, содержащая только прописные английские буквы, размер строки от 1 до 10^4. Гарантируется, что строка валидная и содержит представление цифр 0-9.
Выходные данные: строка, содержащая цифры 0-9.
Примеры:
str = “owoztneoer” (т.е. “zeroonetwo”)
Output: “012”
str = “fviefuro” (т.е. “fourfive”)
Output: “45”
Ответ
3 857
С кодом у тебя всё ок.
Если что-то не работает — смотришь логи, находишь баг, фикcишь.
А с женщинами ощущение, будто:
— документации нет
— поведение недетерминированное
— один и тот же input → разный output
— вчера работало, сегодня — игнор
Ты вроде нормальный парень.
Не токсик. Не дурак. Не бедный.
По логике этого должно хватать.
Но система не сходится.
Ты общаешься — вроде без ошибок.
А в ответ холод, странные реакции или «давай как-нибудь потом».
Самое бесячее — ты не понимаешь, где именно происходит краш.
Со временем я понял простую вещь:
в отношениях и общении с женщинами другая архитектура.
Не интуиция. Не магия.
Просто другие правила, которые никто не объяснил.
В этом канале я разбираю это как систему:
что реально влияет, где ты теряешь контроль,
и как перестать действовать методом тыка.
Если ты привык дебажить, а не гадать — оставайся. Тут будет полезно: https://t.me/+6_ztAb3YBqc3Y2Yy
3 857
Дорогие подписчики, поздравляю вас с наступающим новым годом! Пусть в 2026 году исполнятся все ваши самые заветные желания🎄🎄🎄🎄
3 857
Mitosys Canvas
Фоновая анимация в виде деления клеток, реализованная с помощью JavaScript.
https://codepen.io/supah/pen/BqREob
3 857
Digital Alarm / Clock / StopWatch
Часы в современном стиле с будильником и секундомером. Реализованы с jQuery.
https://codepen.io/amirrezajef/pen/NEoJKd
3 857
Article Toggle
Плавное переключение светлой и темной тем, написанное с CSS и JavaScript.
https://codepen.io/dope/pen/LYZRvNv
3 857
#вопросы_с_собеседований
Что такое React Reconciliation (Cверка) и как он работает?
Reconciliation (Cверка) - это процесс, посредством которого React обновляет DOM. Когда состояние компонента изменяется, React должен рассчитать необходимость обновления DOM. Это делается путем создания виртуального DOM и сравнения его с текущим DOM. В этом контексте виртуальный DOM будет содержать новое состояние компонента.
При сравнении двух деревьев первым делом React сравнивает два корневых элемента. Поведение различается в зависимости от типов корневых элементов. Всякий раз, когда корневые элементы имеют различные типы, React уничтожает старое дерево и строит новое с нуля.
При сравнении двух React DOM-элементов одного типа, React смотрит на атрибуты обоих, сохраняет лежащий в основе этих элементов DOM-узел и обновляет только изменённые атрибуты.
По умолчанию при рекурсивном обходе дочерних элементов DOM-узла React проходит по обоим спискам потомков одновременно и создаёт мутацию, когда находит отличие. Эта неэффективность может стать проблемой. Когда у дочерних элементов есть ключи, React использует их, чтобы сопоставить потомков исходного дерева с потомками последующего дерева.
3 857
Плата Arduino
Анимированная "no-div" плата Arduino, выполненная с помощью CSS без JavaScript.
https://codepen.io/ShadowShahriar/pen/pobqepZ
