Javascript
18.3K subscribers
885 photos
134 videos
2 files
1.33K links
По всем вопросам - @workakkk

@itchannels_telegram -🔥лучшие ИТ-каналы

@ai_machinelearning_big_data - машинное обучение

@JavaScript_testit- js тесты

@pythonl - 🐍

@ArtificialIntelligencedl - AI

@datascienceiot - ml 📚

РКН: № 5153160945
Download Telegram
🌪 useEffect и зависимости

На картинке 3 кейса:

➡️ Забыли проп в deps → эффект не срабатывает при изменении данных

➡️ Положили объект/функцию → эффект запускается каждый ререндер

➡️ Скаляр в deps → всё стабильно, эффект срабатывает ровно при нужном изменении

⌨️ Совет:

— Всегда указывайте все зависимости эффекта

— Если зависимость нестабильна (объект/функция) → мемоизируйте (useMemo, useCallback)

— Примитивы (строка, число) в deps — самый безопасный вариант

#hotfix #react
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🔥3🤯2🎉2
This media is not supported in your browser
VIEW IN TELEGRAM
Совет по использованию инструментов Chrome Dev Tools 💡

Знаете ли вы, что с помощью Chrome Dev Tools можно легко отслеживать, какие события срабатывают на элементе, и просматривать свойства этих событий?
1👍351
🧑🏻‍💻Если вы пишете на Node.js и Express, но упираетесь в архитектурные ограничения - самое время перейти на уровень корпоративных серверных решений.

На открытом уроке 25 ноября в 20:00 мск вы разберёте, как строить масштабируемую и модульную архитектуру backend-приложений. Мы покажем, как грамотно выстраивать контроллеры и сервисы, внедрять зависимости, настраивать асинхронную обработку запросов и кеширование. Разберём, как готовить backend к работе под нагрузкой: от логирования и мониторинга до оптимизации API.

После вебинара вы сможете создавать серверные приложения, готовые к продакшну - с чёткой архитектурой, высокой производительностью и предсказуемым поведением под нагрузкой.

👉Запишитесь на открытый урок в преддверии старта курса “Node.js Developer” - и узнайте, почему NestJS стал новым стандартом для профессиональных Node.js-разработчиков: https://tglink.io/6d7b947cd341?erid=2W5zFJyoABi

Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
🌟 Кроссплатформенный UI-фреймворк Valdi

Valdi — это мощный кроссплатформенный UI-фреймворк, который обеспечивает нативную производительность и быструю разработку. Пишите интерфейсы на TypeScript, и они компилируются в нативные представления для iOS, Android и macOS без использования веб-вью и JavaScript мостов.

🚀 Основные моменты:
- Нативная производительность без компромиссов
- Мгновенная горячая перезагрузка для быстрой разработки
- Легкая интеграция в существующие приложения
- Автоматическая генерация типобезопасных привязок
- Поддержка сложных анимаций и жестов

📌 GitHub: https://github.com/Snapchat/Valdi

#typescript
👍43🔥2
🔥 Станьте экспертом по Битрикс24 — успейте на курс! 🚀

Набор на курс «Разработчик Битрикс24» в OTUS заканчивается! Разработка на Битрикс24 — ключ к автоматизации бизнес-процессов и востребованным навыкам.

Вы научитесь:
Разворачивать Битрикс24 на своём сервере
Создавать компоненты, модули и REST-приложения
Автоматизировать бизнес-процессы
Интегрировать Битрикс24 с внешними системами

Успейте пройти вступительное тестирование, чтобы оценить свои знания и поступить в группу курса по специальной цене!

💡Подробности уточняйте у менеджера

🚀 Не упустите шанс стать экспертом по Битрикс24 и прокачать карьеру!

👉 Пройти тест https://otus.pw/8mXs/?erid=2W5zFJriNJU

Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
👎2
🧳 MCPorter: TypeScript Toolkit for Model Context Protocol

MCPorter — это инструмент для работы с Model Context Protocol, позволяющий легко взаимодействовать с MCP-серверами. Он автоматически находит настроенные серверы, генерирует CLI и создает типизированные клиенты, упрощая автоматизацию и интеграцию.

🚀 Основные моменты:
- Автообнаружение MCP-серверов без конфигурации.
- Генерация CLI с помощью одной команды.
- Создание типизированных клиентов для взаимодействия с серверами.
- Удобный API для работы с методами и валидацией аргументов.
- Поддержка OAuth и различных транспортов.

📌 GitHub: https://github.com/steipete/mcporter

#typescript
😁2👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Библиотека, которая включает офлайн-режим на сайте буквально одной строкой JS 💻

Что делает:
- Показывает сайт даже без интернета - в самолёте, лифте или на парковке 🤣
- Кэширует любые файлы, которые вы укажете
- Работает с обычными статичными сайтами, без сборки и танцев с бубном
- Запускает офлайн-режим одним вызовом: UpUp.start()

Единственное требование — HTTPS (Let’s Encrypt подойдёт идеально).

Отлично подходит для лендингов, документации, блогов и любых проектов, которым важно не зависеть от качества сети.

https://github.com/TalAter/UpUp
👍163🔥3😁1
🔍 Проверка доступности доменов с GoDaddy API

Инструмент на Node.js для проверки доступности доменных имен. Позволяет находить короткие комбинации доменов, используя API GoDaddy. Удобен для генерации и проверки доменов по заданной длине и TLD.

🚀Основные моменты:
- Проверка доступности доменов в реальном времени
- Генерация комбинаций заданной длины
- Поддержка нескольких TLD
- Результаты сохраняются в available.json
- Уважение к лимитам API с задержками между запросами

📌 GitHub: https://github.com/akinloluwami/domains-lookup

#nodejs
👍31
Советы по HTML 💡

Знаете ли вы, зачем мы пишем <meta charset=«utf-8»> в HTML-документе?
👍8
Реальные кейсы AI во фронтенде: что происходит в Яндексе

Бизнес-группа Поисковых сервисов и ИИ Яндекса приглашает на Yet Another Frontend Night 29 ноября. Закрытая встреча полностью посвящена внедрению нейросетевых инструментов во фронтенд. Коллеги из Яндекса обсудят, какие AI-технологии работают у них, как изменился разработческий цикл и с какими трудностями пришлось столкнуться на практике.

Темы экспертов Яндекса:

Иван Артамонов, руководитель группы конверсионных инструментов в Яндекс Бизнесе, расскажет про преимущества AI-ассистентов
Павел Осташкин, старший разработчик интерфейсов в международной Рекламе, объяснит, как он со своей командой написал и встроил MCP в рабочие процессы и что из этого получилось
Валерий Баранов, AI-оптимист и тимлид группы технологий фронтенда в Яндекс 360, разберет инструменты управления контекстом во фронтенде и покажет, как MCP-серверы снижают галлюцинации и делают дизайн-систему AI-ready
Александр Иванков, руководитель группы развития инфраструктуры поисковых интерфейсов в Яндекс Поиске, поделится опытом разработки AI-помощника и подходами промпт-инжиниринга под разные роли
Андрей Дегтярев, разработчик интерфейсов в Яндекс Браузере, рассмотрит в докладе агентские сценарии по частям, чтобы наглядно показать, какие реальные задачи пользователя они решают

Где и когда: 29 ноября, 15:00, Москва, офис Яндекса на Льва Толстого
Yet Another Frontend Night пройдет только в offline-формате, трансляция не планируется.
Регистрация и подробная программа
3🔥2👍1🤬1
🚀 Креативные подсказки для Nano Banana Pro

Собрание уникальных и креативных подсказок для работы с Google Nano Banana Pro. Идеально подходит для вдохновения и генерации идей, этот репозиторий предлагает разнообразные варианты для создания визуального контента.

🚀 Основные моменты:
- Более 500 тщательно отобранных подсказок
- Поддержка динамических аргументов для Raycast
- Разнообразные стили генерации: от фотореалистичных до художественных
- Регулярные обновления и возможность участия в сообществе

📌 GitHub: https://github.com/YouMind-OpenLab/awesome-nano-banana-pro-prompts

#javascript
4👍1
🖥 Bash Академия: секреты командной строки, которые нигде не рассказывают

Олег Шелест - профессионал по информационной безопасности, раскрывает скрытые механики Linux, с помощью наглядных картинок и коротких, максимально понятных разборов у себя в тг канале.

- Без воды.
- Без лишней теории.

Только практические приёмы, которые реально используют профи.

Если хочешь уверенно владеть Bash - здесь ты получишь всё, что нужно: t.iss.one/bashmastter
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3
Будьте осторожны и предупредите коллег
😁21🔥32😱2
👩‍💻 Всем программистам посвящается!

Вот 16 авторских обучающих IT каналов по самым востребованным областям программирования:

Выбирай своё направление:

👩‍💻 Frontend — t.iss.one/frontend_ready
📱 JavaScript — t.iss.one/javascript_ready
👩‍💻 IT Новости — t.iss.one/it_ready
👩‍💻 Python — t.iss.one/python_ready
🤔 InfoSec & Хакинг — t.iss.one/hacking_ready
🖥 SQL & Базы Данных — t.iss.one/sql_ready
🤖 Нейросетиt.iss.one/neuro_ready
👩‍💻 C/C++ — https://t.iss.one/cpp_ready
👩‍💻 C# & Unity — t.iss.one/csharp_ready
👩‍💻 Java — t.iss.one/java_ready
👩‍💻 Linux — t.iss.one/linux_ready
🖼️ DevOpst.iss.one/devops_ready
🖥 Data Sciencet.iss.one/data_ready
🐞 QA-тестирование t.iss.one/qa_ready
📖 IT Книги — t.iss.one/books_ready
🖥 Design — t.iss.one/design_ready

📌 Гайды, шпаргалки, задачи, ресурсы и фишки для каждого языка программирования!
Please open Telegram to view this post
VIEW IN TELEGRAM
2
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️ Отличный гайд по тому, как прокачать навык работы с дейтпикерами в JavaScript.

В нём есть примеры, ясные объяснения и наглядный формат, который помогает быстро разобраться во всех нюансах создания собственных дейтпикеров на чистом JS.

Читать здесь 👍
👍42🔥1