Latest posts
JavaScript
10 Sept, 09:23
forwarded from @react_tg
⚡️ Вышел React 19.3 - View Transitions и Fragment Refs стали стабильнымиЧто добавили:• Анимации через <ViewTransition> Появление, исчезновение, перемещение и изменение размеров элементов через браузерный View Transition API. По умолчанию - плавное затухание, свои эффекты задаются через CSS или Web Animations API.Анимации запускаются для Transition-обновлений, включая startTransition, раскрытие Suspense и useDeferredValue. Обычные срочные обновления отображаются сразу.• ref у <Fragment> Можно управлять фокусом, обработчиками событий, измерениями и наблюдением за группой DOM-элементов без дополнительного <div>, который мог бы повлиять на вёрстку.• use(browser()) для компонентов, которым нужен браузер Позволяет пропустить серверный рендеринг компонента, зависящего, например, от localStorage. На сервере показывается ближайший Suspense fallback, в браузере компонент продолжает
JavaScript
31 Aug, 20:59
Форматирование JSON-кодаВы, вполне вероятно, хорошо знакомы с методом JSON.stringify(). А знаете о том, что с помощью этого метода можно форматировать JSON-код? Это, на самом деле, очень просто.Метод stringify() принимает три параметра. Это параметры value, replace и space. Два последних параметра в этом списке являются необязательными. Именно поэтому их вы, возможно, раньше не использовали. Для настройки выравнивания JSON-кода необходимо использовать параметр space.
JavaScript
4 Aug, 22:13
So Much to PrintОригинальная анимация газетного станка.https://codepen.io/jkantner/pen/vYKoeePJavaScript
4 Aug, 17:18
🔴 Тестовое собеседование с ТимЛидом Frontend-разработки в этот четверг6 августа(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика.Как это будет: 📂 Алексей Романов, Teamlead в Underhood.dev с опытом 6+ лет, будет задавать реальные вопросы и задачи разработчику-добровольцу 📂 Алексей будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью 📂 В конце можно будет задать любой вопрос АлексеюЭто бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы.Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_botРеклама. О рекламодателе.
JavaScript
28 Apr, 13:12
JavaScript
26 Apr, 14:16
🎨 Улучшаем веб-дизайн с AIЭтот репозиторий предлагает навык для AI-агентов, который преобразует стандартные веб-страницы в стильные и уникальные. Он включает правила против клише, систему дизайна и теорию цвета oklch, чтобы обеспечить высокое качество HTML/CSS/JavaScript.🚀Основные моменты: - Инъекция дизайнерского вкуса в AI-процессы - Запрет на избитые шаблоны и клише - Шестиступенчатый рабочий процесс от требований до проверки - Подборка качественных шрифтов и цветовых сочетаний - Примеры страниц с использованием и без использования навыка📌 GitHub: https://github.com/ConardLi/web-design-skill#javascriptGitHubGitHub - ConardLi/garden-skills: ConardLi's open-source Skills collection, featuring web design, knowledge retrieval, image generation…ConardLi's open-source Skills collection, featuring web design, knowledge retrieval, image generation, and more. - ConardLi/garden-skillsJavaScript
19 Apr, 09:30
JavaScript. Что будет выведено в консоль?Ответ
JavaScript
12 Feb, 09:31
⚡️ TypeScript 6.0 Beta - что новогоMicrosoft выпустили TypeScript 6.0 Beta. В релизе — улучшения производительности, более точная типизация и изменения, которые упрощают работу с большими проектами.Вот основные изменения.Быстрее работа компилятора- Улучшена производительность проверки типов - Быстрее сборка крупных проектов - Оптимизации для больших monorepoTypeScript продолжает фокусироваться на скорости, особенно для больших кодовых баз.Улучшения типизации- Более точный вывод типов в сложных сценариях - Улучшения для generics - Лучшая работа с union и conditional typesJavaScript
19 Jan, 10:35
🌏 Осторожно, можно налипнуть на долгие часы: интерактивная карта, которая показывает, как слова мигрировали сквозь века 😊Если тебе хоть раз было интересно, откуда взялось слово и как оно менялось по дороге - это прям находка. Проект визуализирует “путешествие” слов по миру: как корни кочевали вместе с торговлей, войнами, колонизацией и смешением культур.Что внутри: - Gemini помогает находить корни и родство слов (этимология без занудства) - D3.js превращает всё это в красивую анимацию на карте - ты просто вводишь слово - и видишь его историю как маршрут: страны, эпохи, переходыЭто не просто справочник, а настоящая “география языка”, в которой можно зависнуть на час.https://wanderword-141284551734.us-west1.run.app/
JavaScript
24 Dec 2025, 05:47
👣 Generics-first HTTP клиент для Gohttpx - это тонкая обертка над стандартным net/http, сделанная с упором на generics.Идея простая: - сохранить всю мощь и escape hatches обычного http.Client - но сделать 90% повседневных запросов максимально простыми и типобезопаснымиЧто дает httpx - типизированные запросы и ответы через generics - минимум бойлерплейта для обычных GET/POST - при необходимости — полный доступ к низкоуровневому API - не прячет net/http, а аккуратно его расширяетПодходит когда: - надо быстро писать HTTP-код без ручного json.Unmarshal - важна типобезопасность - не хочется тяжелых фреймворковХороший пример того, как generics в Go можно использовать по делу, а не ради абстракций.
JavaScript
24 Nov 2025, 05:14
Работа с API сторонних сервисов в веб-приложении: Пример интеграции с OpenWeatherMap APIИнтеграция с API сторонних сервисов позволяет получать актуальные данные и расширять функциональность вашего веб-приложения. В данном примере мы рассмотрим интеграцию с OpenWeatherMap API, чтобы получать данные о погоде и отображать их на веб-странице.📝 Пример кода:1. Получение API ключа: Для работы с OpenWeatherMap API необходимо получить API ключ, который будет использоваться для авторизации запросов. Вы можете зарегистрироваться на сайте OpenWeatherMap, чтобы получить свой ключ API.2. Создание функции для выполнения запросов к API, обработка данных и отображение на странице(Рисунок 1):3. HTML-разметка и стили(Рисунок 2 и 3) В примере мы создали функцию fetchWeatherData, которая выполняет запрос к OpenWeatherMap API с указанием города и ключа API. Затем мы обрабатываем полученные данные
JavaScript
17 Oct 2025, 13:04
🍏Ничего сверхъестественного - просто Gemini 3 Pro за один (!) промпт разворачивает полноценную симуляцию macOS или Windows прямо в браузере.Всего 900 строк кода - и у вас уже есть рабочий интерфейс с анимациями, меню, браузером и даже терминалом.Модель справляется с этим за 172 секунды.Код и демо уже доступны - а инсайдеры шепчут, что официальный релиз выйдет на этой неделе. Первые тестеры называют Gemini 3 Pro «лучшим ИИ для кодинга на сегодня».https://codepen.io/ChetasLua/pen/EaPvqVoJavaScript
16 Sept 2025, 09:31
Table tenniCSSСоздано на HTML и SCSS, без использования JS.#csshttps://codepen.io/amit_sheen/pen/PobQjMXJavaScript
12 Aug 2025, 11:00
💡 HTML трюкИспользуйте теги <details> и <summary>, чтобы сделать на странице сворачиваемый блок контента.<details> — контейнер для скрытого содержимого.<summary> — заголовок, по клику на который блок разворачивается или сворачивается.
JavaScript
1 Aug 2025, 11:30
🔥 Трюк с style в React, который упростит работу с динамическими стилямиВместо создания длинных условий или классов, можно использовать spread-оператор и логические выражения прямо в объекте стилей:<div style={{ padding: '16px', ...(isError && { border: '1px solid red' }), ...(isActive ? { backgroundColor: '#def' } : { opacity: 0.5 }), }} > Hello! </div>📌 Что тут происходит:...(условие && { стиль }) добавит стиль, если условие true; Альтернатива classnames для inline-стилей; Чисто, читаемо и удобно при большом числе условий.JavaScript
29 Jul 2025, 09:00
Совет по CSS 💡Используйте табличные цифры для отображения таймеров ✅https://www.codewithshripal.com/playground/css/use-tabular-number-for-timers@javascriptvJavaScript
28 Jul 2025, 14:33
JavaScript
28 Jul 2025, 14:33
JavaScript
28 Jul 2025, 13:33
Заголовок: JavaScript Engineer (Browser Fingerprinting & Security R&D)Формат: Удаленная работа, полный день Зарплата: 80 000 - 180 000 руб. на руки (возможна оплата в USDT)О проекте: Мы ищем JS-разработчика, которому надоело "двигать кнопки" и хочется по-настоящему сложных задач. Наш проект — это система для anti-fraud, которая занимается низкоуровневым фингерпринтингом браузеров. Мы копаем глубоко: анализируем QUIC-хендшейки, вычисляем RTT, изучаем особенности WebRTC и DNS для выявления прокси.Если вам интересно глубоко погружаться в сетевые протоколы, читать исходники Chromium и искать нетривиальные способы обойти защиту — эта вакансия для вас.Чем предстоит заниматься: • Разработка JS SDK: Написание модулей на чистом (vanilla) JavaScript для сбора уникальных отпечатков (WebRTC, Canvas/WebGL, DNS, QUIC). • Frontend (React/Next.js): Разработка личного кабинета для визуализацииJavaScript
6 May 2025, 09:22
🎯 HTML attributes vs DOM propertiesРазница между атрибутами и свойствами в HTML/DOM может быть запутанной, особенно когда названия совпадают. Кратко:Атрибут — часть HTML. Свойство — часть DOM-объекта.Пример:<input value="Hello">const input = document.querySelector('input'); console.log(input.getAttribute('value')); // "Hello" console.log(input.value); // "Hello" input.value = 'World'; console.log(input.getAttribute('value')); // "Hello"Значение атрибута остаётся неизменным, даже если свойство обновляется в JS. DOM-свойства могут не синхронизироваться с атрибутами после инициализации.🔹Свойства могут отличаться от атрибутов
Related Channels
Other channels in the same section of the catalogue.
