ar
Feedback
На фронте - javascript, html, css

На фронте - javascript, html, css

قناة بسيطة

Актуальные материалы для frontend разработчиков. Админ - @haarrp Ссылка на канал - https://t.me/+U3U3HoZzEglkNDdi

إظهار المزيد
7 782
المشتركون
-424 ساعات
-177 أيام
-7030 أيام

جاري تحميل البيانات...

القنوات المماثلة
لا توجد بيانات
هل تواجه مشاكل؟ يرجى تحديث الصفحة أو الاتصال بمدير الدعم الخاص بنا.
الإشارات الواردة والصادرة
---
---
---
---
---
---
جذب المشتركين
يونيو '26
يونيو '260
في 0 قنوات
مايو '26
+16
في 0 قنوات
Get PRO
أبريل '26
+14
في 0 قنوات
Get PRO
مارس '26
+11
في 0 قنوات
Get PRO
فبراير '26
+22
في 0 قنوات
Get PRO
يناير '26
+49
في 1 قنوات
Get PRO
ديسمبر '25
+14
في 0 قنوات
Get PRO
نوفمبر '25
+116
في 42 قنوات
Get PRO
أكتوبر '25
+50
في 14 قنوات
Get PRO
سبتمبر '25
+128
في 38 قنوات
Get PRO
أغسطس '25
+64
في 0 قنوات
Get PRO
يوليو '25
+183
في 50 قنوات
Get PRO
يونيو '25
+96
في 34 قنوات
Get PRO
مايو '25
+41
في 0 قنوات
Get PRO
أبريل '25
+60
في 26 قنوات
Get PRO
مارس '25
+43
في 0 قنوات
Get PRO
فبراير '25
+121
في 37 قنوات
Get PRO
يناير '25
+187
في 41 قنوات
Get PRO
ديسمبر '24
+186
في 39 قنوات
Get PRO
نوفمبر '24
+211
في 51 قنوات
Get PRO
أكتوبر '24
+442
في 55 قنوات
Get PRO
سبتمبر '24
+329
في 198 قنوات
Get PRO
أغسطس '24
+196
في 29 قنوات
Get PRO
يوليو '24
+296
في 14 قنوات
Get PRO
يونيو '24
+240
في 3 قنوات
Get PRO
مايو '24
+164
في 2 قنوات
Get PRO
أبريل '24
+387
في 4 قنوات
Get PRO
مارس '24
+72
في 0 قنوات
Get PRO
فبراير '24
+14
في 0 قنوات
Get PRO
يناير '24
+13
في 0 قنوات
Get PRO
ديسمبر '23
+8
في 0 قنوات
Get PRO
نوفمبر '23
+274
في 8 قنوات
Get PRO
أكتوبر '23
+10
في 0 قنوات
Get PRO
سبتمبر '23
+28
في 0 قنوات
Get PRO
أغسطس '23
+29
في 0 قنوات
Get PRO
يوليو '23
+278
في 0 قنوات
Get PRO
يونيو '23
+69
في 0 قنوات
Get PRO
مايو '23
+260
في 0 قنوات
Get PRO
أبريل '23
+48
في 0 قنوات
Get PRO
مارس '23
+44
في 0 قنوات
Get PRO
فبراير '23
+383
في 0 قنوات
Get PRO
يناير '23
+105
في 0 قنوات
Get PRO
ديسمبر '22
+475
في 0 قنوات
Get PRO
نوفمبر '22
+70
في 0 قنوات
Get PRO
أكتوبر '22
+322
في 0 قنوات
Get PRO
سبتمبر '22
+1 824
في 0 قنوات
Get PRO
أغسطس '22
+722
في 0 قنوات
Get PRO
يوليو '22
+218
في 0 قنوات
Get PRO
يونيو '22
+489
في 0 قنوات
Get PRO
مايو '22
+1 171
في 0 قنوات
Get PRO
أبريل '22
+560
في 0 قنوات
Get PRO
مارس '22
+720
في 0 قنوات
Get PRO
فبراير '22
+163
في 0 قنوات
Get PRO
يناير '22
+58
في 0 قنوات
Get PRO
ديسمبر '21
+37
في 0 قنوات
Get PRO
نوفمبر '21
+149
في 0 قنوات
Get PRO
أكتوبر '21
+203
في 0 قنوات
Get PRO
سبتمبر '21
+274
في 0 قنوات
Get PRO
أغسطس '21
+377
في 0 قنوات
Get PRO
يوليو '21
+138
في 0 قنوات
Get PRO
يونيو '21
+1 047
في 0 قنوات
Get PRO
مايو '21
+608
في 0 قنوات
Get PRO
أبريل '21
+228
في 0 قنوات
Get PRO
مارس '21
+445
في 0 قنوات
Get PRO
فبراير '21
+802
في 0 قنوات
Get PRO
يناير '21
+1 360
في 0 قنوات
التاريخ
نمو المشتركين
الإشارات
القنوات
06 يونيو0
05 يونيو0
04 يونيو0
03 يونيو0
02 يونيو0
01 يونيو0
منشورات القناة
Совет по Javascript 💡 Знаете ли вы об этом новом и более простом способе выбора последнего элемента массива? 🤩
Совет по Javascript 💡 Знаете ли вы об этом новом и более простом способе выбора последнего элемента массива? 🤩

2
JavaScript. Что будет выведено в консоль? Ответ
JavaScript. Что будет выведено в консоль? Ответ
716
3
Приглашаем на Frontend Mix — бесплатный митап ЮMoney для всех, кто интересуется фронтенд-разработкой 🤩 🕓 28 мая, четверг, 1
Приглашаем на Frontend Mix — бесплатный митап ЮMoney для всех, кто интересуется фронтенд-разработкой 🤩 🕓 28 мая, четверг, 19:00 (мск) — приходите на митап в Санкт-Петербурге или подключайтесь онлайн. Спикеры из ЮMoney поделятся, как работают над задачами и улучшают процессы в команде. Вот о чём будут рассказывать: 🟣 Как спят вкладки в браузере. На живом примере разберём, как браузер усыпляет вкладки, почему из-за этого ломается real-time и какие приёмы дебага и resync помогают находить и чинить их в продакшене. 🟣 Как построить Spec-Driven платформу для генерации писем. Используя OpenAPI как единый источник правды, покажем, как описывать контракты электронных писем через спецификацию и автоматически генерировать консистентный HTML. 🟣 Подключение модуля шумоподавления в рабочее место оператора. Рассмотрим инструменты React, WebSockets, WebRTC, а также архитектуру и логику работы модуля шумоподавления. 🟣 Круглый стол — AI во фронтенде: вызовы и реальность. Обсудим влияние нейросетей на фронтенд с трёх позиций: рынка, разработки и образования. Чтобы попасть на митап, нужна регистрация. Все подробности — на сайте Frontend Mix 👈
412
4
CopilotKit - open-source стек для тех, кто хочет встраивать AI-агентов прямо в продукт, а не просто прикручивать чат-окно сбо
CopilotKit - open-source стек для тех, кто хочет встраивать AI-агентов прямо в продукт, а не просто прикручивать чат-окно сбоку. Агент должен не только отвечать текстом, но и работать внутри интерфейса - читать состояние приложения, вызывать действия, обновлять UI и показывать пользователю нормальные React-компоненты вместо простыни текста. Что умеет CopilotKit: - готовый Chat UI для React с потоковой генерацией, tool calls и ответами агента; - Generative UI - агент может рендерить и обновлять компоненты интерфейса; - Shared State - общий слой состояния между агентом и приложением; - Backend Tool Rendering - агент вызывает backend-инструменты, а результат отображается прямо в клиенте; - интеграция с агентными фреймворками и моделями; - поддержка AG-UI Protocol, который уже используют крупные игроки вроде Google, LangChain, AWS и Microsoft. По сути, это попытка собрать frontend-слой для agentic apps: не “чат с ИИ”, а интерфейс, где пользователь и агент реально работают вместе. GitHub: github.com/CopilotKit/CopilotKit
1 182
5
CSS Совет 💡 Знаете ли вы, что можно задать как min-width, так и width всего одной строкой кода? 🤩 Demo https://www.codewith
CSS Совет 💡 Знаете ли вы, что можно задать как min-width, так и width всего одной строкой кода? 🤩 Demo https://www.codewithshripal.com/playground/css/max-function
817
6
Как устроены агенты и RAG под капотом Большинство разработчиков собирают RAG и агентов по туториалам или вместе с агентом, не понимая, как всё работает внутри. Из-за этого сложно дебажить проект, масштабировать его или чинить, когда система начинает вести себя не так, как ожидаешь. Чтобы разобраться в устройстве, а не просто копировать чужой пайплайн, приходите на онлайн-лекцию от Тимура Фатыхова — инженера, который руководил DL-командой в KoronaPay. Он разберёт агентов и RAG изнутри и покажет, как собрать первые рабочие версии в n8n. На лекции вы узнаете: — как агенты принимают решения: инструменты, MCP, память — из каких частей состоит RAG и как улучшить его работу — как собрать агента и RAG в n8n — как настроить личного агента на базе Claude Code 🔔 Лекция бесплатная и пройдёт онлайн в четверг, 7 мая, в 18:00 МСК Регистрируйтесь по ссылке и приходите! Реклама. ИП Фатыхов Тимур Маратович, ИНН 540132430312, Erid 2Vtzqw12TnX
771
7
🖥 На Stepik обновили курс «C# с нуля до профи» Представьте: через четыре месяца вы открываете чужой .NET-проект и читаете ег
🖥 На Stepik обновили курс «C# с нуля до профи» Представьте: через четыре месяца вы открываете чужой .NET-проект и читаете его как книгу. IServiceCollection не вызывает ступора. async Task<IActionResult> пишется на автомате. Вы точно знаете, почему EF Core сгенерировал именно такой SQL - и как переписать запрос, чтобы он летал. Это не фантазия. Это результат после 16 модулей, в которых каждая концепция объясняется через код и закрепляется практикой. ООП, SOLID, LINQ, async/await, DI, EF Core, ASP.NET Core, Docker, Kubernetes - всё, что казалось магией, станет рабочим инструментом. А бонусом - портфолио проектов: от CLI-утилит и REST API до собственного SaaS с multi-tenancy, JWT и деплоем в Kubernetes под TLS. Скидка - 58% доступна 48 часов: https://stepik.org/a/282984/
713
8
Сохраняем эти шпаргалки по HTML и CSS для вашего следующего проекта 🔥🧵👆+3
Сохраняем эти шпаргалки по HTML и CSS для вашего следующего проекта 🔥🧵👆
836
9
Cовет💡 Быстрый и простой совет для вложенных радиусов: ваши углы будут выглядеть намного лучше, если вы установите внешний р
Cовет💡 Быстрый и простой совет для вложенных радиусов: ваши углы будут выглядеть намного лучше, если вы установите внешний радиус на сумму внутреннего радиуса + отступы.
845
10
CSS Grid
CSS Grid
0
11
🚀 GigaChat 3.1 Ultra и GigaChat 3.1 Lightning в опенсорс под MIT лицензией! Обе модели • Обучены с нуля — без инициализации+1
🚀 GigaChat 3.1 Ultra и GigaChat 3.1 Lightning в опенсорс под MIT лицензией! Обе модели • Обучены с нуля — без инициализации зарубежными весами • MoE + MTP + MLA • Совместимы с HuggingFace, llama.cpp / vLLM / SGLang Код и веса уже на платформе GitVerse. Это не просто релиз весов, а результат большой инженерной работы над качеством, alignment и стабильностью модели. В блоге команда поделилась результатами и своими наработками. В релизе: высокие результаты на аренах, улучшенный function calling, решённая проблема циклов, DPO в нативном FP8, найденный и зарепорченный баг в SGLang при dp > 1.
0
12
🚀 SEO теперь можно разбирать через ИИ, а не вслепую Появился мощный инструмент для SEO-оптимизации, который быстро показывае
🚀 SEO теперь можно разбирать через ИИ, а не вслепую Появился мощный инструмент для SEO-оптимизации, который быстро показывает, почему сайт не добирает позиции в поиске и что именно нужно исправить. Сервисы на базе Claude и ChatGPT проводят полный аудит: проверяют AI-видимость, качество контента, SEO-метрики, структурированные данные и техническое состояние сайта. На выходе вы получаете итоговый скор и понятный план действий, а не просто набор сухих замечаний. То есть инструмент не только находит проблемы, но и подсказывает, что делать дальше, чтобы реально подтянуть выдачу. Отдельно есть PDF-отчёт для брендов. В нём собирается анализ упоминаний компании на популярных площадках, чтобы можно было быстро оценить цифровое присутствие и понять, где усиливать маркетинг. Удобная штука для тех, кто хочет не гадать, почему сайт просел, а сразу получить внятную карту роста. https://github.com/zubair-trabzada/geo-seo-claude
0
13
☠️ Новая атака на цепочку поставок — на этот раз затронут npm-пакет axios, самый популярный HTTP-клиент с ~300 млн загрузок в
☠️ Новая атака на цепочку поставок — на этот раз затронут npm-пакет axios, самый популярный HTTP-клиент с ~300 млн загрузок в неделю. Уязвимость проявляется через зависимости: в одном из кейсов пакет подтянулся через googleworkspace/cli, использовавшийся для работы с Gmail и Google Calendar. При этом установленная версия оказалась безопасной — 1.13.5. Однако зависимость не была зафиксирована (unpinned), и при установке в другое время могла подтянуться уже заражённая версия. Это ключевая проблема всей экосистемы: если версии не закреплены, сборка может в любой момент «подхватить» компрометированный релиз. Частично защититься можно локальными мерами — например: ограничивать минимальный «возраст» релизов, использовать контейнеры, проверять зависимости. Но системно проблему должны решать сами пакетные менеджеры (pip, npm и др.), меняя дефолтное поведение. Иначе одна заражённая версия, даже если её быстро находят и удаляют, успевает разойтись по тысячам проектов через незакреплённые зависимости. Подробный разбор: https://stepsecurity.io/blog/axios-compromised-on-npm-malicious-versions-drop-remote-access-trojan
0
14
🌟 DOOM на CSS Представлен проект cssDOOM, подготовивший реализацию игры DOOM, использующую для отрисовки только CSS, без при
🌟 DOOM на CSS Представлен проект cssDOOM, подготовивший реализацию игры DOOM, использующую для отрисовки только CSS, без применения элемента canvas и WebGL. Всё что выводится на экран, включая спрайты, текстурированные стены, уровни и эффекты, оформлено через стилизованные при помощи CSS элементы <div>, размещаемые в 3D-пространстве при помощи CSS-свойств "transform" и"transform-style: preserve-3d". Игровая логика написана на JavaScript, используя в качестве эталона оригинальный код игры DOOM, открытый компанией id Software. Наработки проекта опубликованы под лицензией GPLv2. https://cssdoom.wtf/
0
15
🧬 Нативные операции с множествами (Set Methods) Классическая задача на собеседовании: «Найди общие элементы в двух массивах». Обычно мы писали arr1.filter(x => arr2.includes(x)). Это O(N*M) по сложности (медленно) и выглядит многословно. Начиная с ES2024 у объекта Set появились полноценные математические методы. Больше никаких lodash.intersection или самописных хелперов. 🔥 Как это работает теперь: Допустим, у нас есть права доступа пользователей: const editors = new Set(['read', 'write', 'comment']); const admins = new Set(['read', 'write', 'delete', 'ban']); 1. Пересечение (Intersection) Найти, что общего (какие права есть у обоих). const common = editors.intersection(admins); // Set(2) { 'read', 'write' } 2. Разность (Difference) Найти уникальные права (что есть у админа, чего нет у редактора). const uniqueAdmin = admins.difference(editors); // Set(2) { 'delete', 'ban' } 3. Объединение (Union) Слить всё в одну кучу без дублей. const allRights = editors.union(admins); // Set(5) { 'read', 'write', 'comment', 'delete', 'ban' } 4. Симметричная разность (Symmetric Difference) Найти всё, что НЕ пересекается (уникальное для каждой из групп). const uniqueToEach = editors.symmetricDifference(admins); // Set(3) { 'comment', 'delete', 'ban' } Почему это круто: 1. Читаемость: Код говорит сам за себя. 2. Скорость: Нативная реализация на C++ в движке браузера всегда быстрее JS-циклов. 3. Гибкость: Методы принимают не только Set, но и любые итерируемые объекты (массивы, генераторы), автоматически преобразуя их при необходимости (в зависимости от реализации, но лучше передавать Set для гарантии).
0