@tg_front
Канал для frontend-разработчиков. Интересные статьи, юмор, задачи, UI-макеты, обзоры библиотек и инструментов. Ссылка для друга - https://t.me/+5fsBTtJAZG0yMDZi По всем вопросам @mascarov_valentin
LIVE — Telegram, AI и технологии
2.1M подп.
GPT | ChatGPT | Midjourney — GPTMain News
2.0M подп.
![ChatGPT 4.0 & [🅼🅹] | Bot News](/avatars/chatgpt_botnews.webp)
ChatGPT 4.0 & [🅼🅹] | Bot News
312.5K подп.
GitHub Community
145.8K подп.
Bogdan & Xena: WEB3 stories
127.2K подп.
ChatGPT 5.2 | Нейросети | Gemini
121.9K подп.
ChatGPT | Midjourney Bot
118.8K подп.
Web3
97.6K подп.
Web3 на доступном
80.4K подп.
![[PYTHON:TODAY]](/avatars/python2day.webp)
[PYTHON:TODAY]
64.2K подп.
Все каналы
«Программирование и IT»
#вопросы_с_собеседований Как рассчитать числа Фибоначчи в JavaScript?Создать последовательность чисел Фибоначчи – очень популярная задача для программистов. Попробуйте правильно ответить на неё с помощью кода.Ответ: Последовательность чисел Фибоначчи – это последовательность чисел, где каждое значение – это сумма двух предыдущих, начинается с 0 и 1. Первые семь значений – 0, 1, 1, 2, 3, 5, 8.
Sunrise over still lakeВосход солнца, выполненный с помощью SCSS, без использования JavaScripthttps://codepen.io/pehaa/pen/yLVeLNg
#вопросы_с_собеседований Как следует оформлять страницу, содержимое которой может быть на разных языках?Вопрос немного расплывчатый. Полагаю, что речь о наиболее частом случае: как показывать страницу, где содержимое доступно на нескольких языках, но отображается на одном определенном.Когда к серверу делается HTTP-запрос, то браузер пользователя обычно отсылает информацию о предпочитаемом языке в заголовке Accept-Language. Сервер может использовать эту информацию, чтобы вернуть версию документа на подходящем языке, если такая возможность есть. В возвращённом HTML-документе обязательно должен быть указан атрибут lang у тега <html>, к примеру <html lang="en">...</html>.На бэкенде 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 году исполнятся все ваши самые заветные желания🎄🎄🎄🎄
JavaScript. Что будет выведено в консоль?Ответ
Mitosys CanvasФоновая анимация в виде деления клеток, реализованная с помощью JavaScript.https://codepen.io/supah/pen/BqREob
Digital Alarm / Clock / StopWatchЧасы в современном стиле с будильником и секундомером. Реализованы с jQuery.https://codepen.io/amirrezajef/pen/NEoJKd
Article ToggleПлавное переключение светлой и темной тем, написанное с CSS и JavaScript.https://codepen.io/dope/pen/LYZRvNv
#вопросы_с_собеседований Что такое React Reconciliation (Cверка) и как он работает?Reconciliation (Cверка) - это процесс, посредством которого React обновляет DOM. Когда состояние компонента изменяется, React должен рассчитать необходимость обновления DOM. Это делается путем создания виртуального DOM и сравнения его с текущим DOM. В этом контексте виртуальный DOM будет содержать новое состояние компонента.При сравнении двух деревьев первым делом React сравнивает два корневых элемента. Поведение различается в зависимости от типов корневых элементов. Всякий раз, когда корневые элементы имеют различные типы, React уничтожает старое дерево и строит новое с нуля.При сравнении двух React DOM-элементов одного типа, React смотрит на атрибуты обоих, сохраняет лежащий в основе этих элементов DOM-узел и обновляет только изменённые атрибуты.По умолчанию при рекурсивном обходе дочерних элементов DOM-узла React проходит по обоим спискам потомков одновременно и создаёт мутацию, когда находит отличие. Эта неэффективность может стать проблемой. Когда у дочерних элементов есть ключи, React использует их, чтобы сопоставить потомков исходного дерева с потомками последующего дерева.
Плата ArduinoАнимированная "no-div" плата Arduino, выполненная с помощью CSS без JavaScript.https://codepen.io/ShadowShahriar/pen/pobqepZ