#полезное
👍 APIHub
— платформа для удобной работы с API!
🟠 Она помогает разработчикам находить, организовывать и управлять различными API, которые могут быть использованы в их приложениях. APIHub включает функции для поиска и использования публичных API, а также позволяет интегрировать их в проекты для более эффективной работы.
Гитхаб
👉 Новости 👉 База вопросов
— платформа для удобной работы с API!
Гитхаб
Please open Telegram to view this post
VIEW IN TELEGRAM
#статьи
😬 Как ускорить создание компонентов с помощью Plop-генератора или автоматизация рутинных задач в React
В статье рассказывается о крупной фронтенд-команде, которая работает с микросервисами и общей дизайн-системой. Несмотря на стандарты, возникали проблемы, и статья подробно раскрывает, как они были решены.
Читать статью
👉 Новости 👉 База вопросов
В статье рассказывается о крупной фронтенд-команде, которая работает с микросервисами и общей дизайн-системой. Несмотря на стандарты, возникали проблемы, и статья подробно раскрывает, как они были решены.
Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
Хабр
Как ускорить создание компонентов с помощью Plop-генератора или автоматизация рутинных задач в React
Типичная фронтовая команда Что имеем? А имеем мы довольно крупную команду фронтендеров, которая раздедлена на небольшие подгруппы, каждая из которых отвечает за свои микросервисы. В конечном итоге,...
#статьи
😊 Обработка событий
Делимся статьей, где автор рассказывает про обработку событий в JavaScript. Ты познакомишься с такими вещами, как всплытие, перехват, делегирование и распространение событий.
Читать статью
👉 Новости 👉 База вопросов
Делимся статьей, где автор рассказывает про обработку событий в JavaScript. Ты познакомишься с такими вещами, как всплытие, перехват, делегирование и распространение событий.
Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
NOP::Nuances of programming
Обработка событий в JavaScript: всплытие, перехват, делегирование и распространение событий
JavaScript поможет сделать веб-приложение интерактивным и отзывчивым. Важно только освоить методы обработки событий, которые заставляют приложения адекватно реагировать на действия пользователей и предотвращают неожиданное поведение.
#собес
🤔 Что такое NestJS, и почему он так популярен для создания приложений на Node.js?
NestJS - это прогрессивный фреймворк для Node.js, построенный на Туре. Он предлагает модульную архитектуру, встроенную поддержку Dependency Injection (внедрение зависимостей) и удобную интеграцию с популярными библиотеками. Благодаря своей структуре и подходу к разработке он делает код легко масштабируемым, читаемым и поддерживаемым.
👉 Новости 👉 Платформа
NestJS - это прогрессивный фреймворк для Node.js, построенный на Туре. Он предлагает модульную архитектуру, встроенную поддержку Dependency Injection (внедрение зависимостей) и удобную интеграцию с популярными библиотеками. Благодаря своей структуре и подходу к разработке он делает код легко масштабируемым, читаемым и поддерживаемым.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
#статьи
🤯 Введение в AI Selfie Background Remover с использованием TensorFlow.js для React-приложений
В статье рассматривается "React Selfie AI Background Remover" — компонент, использующий TensorFlow.js для удаления фона в браузере. Основные фишки: точная сегментация с MediaPipe, легкая интеграция в React и live demo.
Читать статью
👉 Новости 👉 База вопросов
В статье рассматривается "React Selfie AI Background Remover" — компонент, использующий TensorFlow.js для удаления фона в браузере. Основные фишки: точная сегментация с MediaPipe, легкая интеграция в React и live demo.
Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
Хабр
Введение в AI Selfie Background Remover с использованием TensorFlow.js для React-приложений
Привет, хабровчане! Сегодня я хочу поделиться тем, как я создал компонент React Selfie AI Background Remover с использованием TensorFlow.js . Весь код доступен в публичном доступе на GitHub, и вы...
👍1
Please open Telegram to view this post
VIEW IN TELEGRAM
💯1
#статьи
😊 База, которую нужно знать про JSON Schema
Сегодня мы рассмотрим одну из тем, которая, как ни странно, остаётся недооценённой — JSON Schema. Если ты аналитик (или хочешь им быть) и в твоей работе часто мелькают JSON-файлы, то наверняка знаешь, как сложно порой бывает держать всё это под контролем. В этой статье мы разберём всё, что тебе нужно знать про JSON Schema.
Читать статью
👉 Новости 👉 База вопросов
Сегодня мы рассмотрим одну из тем, которая, как ни странно, остаётся недооценённой — JSON Schema. Если ты аналитик (или хочешь им быть) и в твоей работе часто мелькают JSON-файлы, то наверняка знаешь, как сложно порой бывает держать всё это под контролем. В этой статье мы разберём всё, что тебе нужно знать про JSON Schema.
Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
#собес
🤔 Можешь объяснить ключевые особенности NestJS?
Ключевые особенности NestJS включают модульную архитектуру, строгую типизацию через TypeScript, использование декораторов для декларативного описания логики, встроенное внедрение зависимостей и поддержку middleware. Эти функции делают разработку понятной, быстрой и масштабируемой.
👉 Новости 👉 Платформа
Ключевые особенности NestJS включают модульную архитектуру, строгую типизацию через TypeScript, использование декораторов для декларативного описания логики, встроенное внедрение зависимостей и поддержку middleware. Эти функции делают разработку понятной, быстрой и масштабируемой.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
#статьи
🤑 Мини-приложение в Telegram
В данной статье автор рассказывает, как создать собственное Mini-App приложение. Реализован как фронт, так и бэкенд части. Также продемонстрирован запуск приложения на сервере.
Читать статью
👉 Новости 👉 База вопросов
В данной статье автор рассказывает, как создать собственное Mini-App приложение. Реализован как фронт, так и бэкенд части. Также продемонстрирован запуск приложения на сервере.
Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
#полезное
😊 Es-toolkit
Это современная высокопроизводительная утилита для JavaScript с малым размером и хорошими типовыми аннотациями!
✅ Она предлагает различные функции, такие как debounce, delay, chunk, sum и pick, с улучшенной производительностью (в 2-3 раза быстрее и до 97% меньше по размеру по сравнению с другими библиотеками, например, lodash). Библиотека поддерживает Tree Shaking и имеет поддержку TypeScript, обеспечивая высокую надежность и покрытие тестами.
Гитхаб
👉 Новости 👉 База вопросов
Это современная высокопроизводительная утилита для JavaScript с малым размером и хорошими типовыми аннотациями!
Гитхаб
Please open Telegram to view this post
VIEW IN TELEGRAM
#полезное
🥺 Runtipi
Это инструмент для настройки и управления локальным сервером, который делает развертывание и управление саморазмещаемыми приложениями простым и доступным для всех!
✅ Runtipi работает на основе Docker и предоставляет удобный веб-интерфейс, где можно одним кликом устанавливать и управлять популярными приложениями.
✅ Система идеально подходит для пользователей, желающих запустить собственные сервисы, такие как медиасерверы, менеджеры паролей, облачные хранилища и другие. Благодаря простоте установки и использования, Runtipi позволяет избежать сложностей ручной настройки сети и конфигурации.
Гитхаб
👉 Новости 👉 База вопросов
Это инструмент для настройки и управления локальным сервером, который делает развертывание и управление саморазмещаемыми приложениями простым и доступным для всех!
Гитхаб
Please open Telegram to view this post
VIEW IN TELEGRAM
#собес
🤔 В чем основное отличие между NestJS и Express.js?
Express.js - это минималистичный фреймворк, который предоставляет базовые функции для работы с НТТР-запросами. NestJS, напротив, предоставляет модульную архитектуру, встроенное внедрение зависимостей и строгую типизацию через TypeScript. Если Express.js - это легковесное решение, то NestJS предлагает комплексный подход к разработке крупных приложений.
👉 Новости 👉 Платформа
Express.js - это минималистичный фреймворк, который предоставляет базовые функции для работы с НТТР-запросами. NestJS, напротив, предоставляет модульную архитектуру, встроенное внедрение зависимостей и строгую типизацию через TypeScript. Если Express.js - это легковесное решение, то NestJS предлагает комплексный подход к разработке крупных приложений.
Please open Telegram to view this post
VIEW IN TELEGRAM
#статьи
👍 Циклические импорты на фронтенде
В статье рассматриваются проблемы, которые создают рекурсивные зависимости на фронте. Обсуждаются способы их обнаружения и решения, ведь часто разработчики даже не знают, что в проекте есть циклические зависимости.
Читать статью
👉 Новости 👉 База вопросов
В статье рассматриваются проблемы, которые создают рекурсивные зависимости на фронте. Обсуждаются способы их обнаружения и решения, ведь часто разработчики даже не знают, что в проекте есть циклические зависимости.
Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
#статьи
😊 Как обнаружить изменение атрибутов веб-компонента
Сегодня мы рассмотрим, как обнаружить и реагировать на изменение атрибутов веб-компонента.
Читать статью
👉 Новости 👉 База вопросов
Сегодня мы рассмотрим, как обнаружить и реагировать на изменение атрибутов веб-компонента.
Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
Заметки разработчика
Как обнаружить изменение атрибутов веб-компонента
Сегодня мы рассмотрим, как обнаружить и реагировать на изменение атрибутов веб-компонента.
#статьи
😍 Новинки Angular 19
Делимся статьей, где автор рассказывает об улучшениях, которые появились в Angular 19. Речь пойдет про модерновые реактивные примитивы, инкрементальную гидратацию и многое другое.
Читать статью
👉 Новости 👉 База вопросов
Делимся статьей, где автор рассказывает об улучшениях, которые появились в Angular 19. Речь пойдет про модерновые реактивные примитивы, инкрементальную гидратацию и многое другое.
Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
#собес
🤔 Объясни что такое dependency injection?
Dependency Injection (DI) - это паттерн, используемый в NestJS для управления зависимостями через контейнер Inversion of Control (loC). Вместо того чтобы классы создавали свои зависимости самостоятельно, DI автоматически внедряет их. Это упрощает модульность, тестируемость и сопровождаемость приложения.
👉 Новости 👉 Платформа
Dependency Injection (DI) - это паттерн, используемый в NestJS для управления зависимостями через контейнер Inversion of Control (loC). Вместо того чтобы классы создавали свои зависимости самостоятельно, DI автоматически внедряет их. Это упрощает модульность, тестируемость и сопровождаемость приложения.
Please open Telegram to view this post
VIEW IN TELEGRAM
#статьи
🤓 Асинхронность – не баг, а фича: 4 паттерна, которые спасут ваш распределенный сервис
Представь, что ты отправляешь сообщение в мессенджере, а оно доходит с задержкой в минуту. Бесит? А теперь представь, что у тебя сервис с миллионами пользователей, и каждое их действие должно мгновенно отражаться везде. Звучит как кошмар? Спокойно, есть четыре проверенных способа решить эту головоломку, и они реально работают.
Читать статью
👉 Новости 👉 База вопросов
Представь, что ты отправляешь сообщение в мессенджере, а оно доходит с задержкой в минуту. Бесит? А теперь представь, что у тебя сервис с миллионами пользователей, и каждое их действие должно мгновенно отражаться везде. Звучит как кошмар? Спокойно, есть четыре проверенных способа решить эту головоломку, и они реально работают.
Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
Библиотека программиста
🔀 Асинхронность – не баг, а фича: 4 паттерна, которые спасут ваш распределенный сервис
Подробный разбор 4 паттернов достижения согласованности в распределенных системах. С примерами из реальных проектов.
👍1
#полезное
😊 Reubah
Веб-инструмент для обработки изображений и конвертации документов!
✅ Это универсальное решение, которое поддерживает множество форматов изображений (JPG, PNG, WebP, GIF, BMP) и документов (PDF, DOCX, DOC, ODT, RTF, TXT). Инструмент ориентирован на простоту использования и доступен через веб-интерфейс.
✔️ Reubah поддерживает такие функции, как пакетная обработка, оптимизация изображений, удаление фона (в разработке) и изолированная среда обработки данных. Инструмент можно быстро развернуть с помощью Docker, что делает его удобным для локального использования или интеграции в другие проекты.
Гитхаб
👉 Новости 👉 База вопросов
Веб-инструмент для обработки изображений и конвертации документов!
Гитхаб
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
#новости
🤯 TypeScript станет в разы быстрее — компилятор Microsoft переписали на Go.
Самое главное
🟧 В 10 раз (!) быстрее компиляция, в 2 раза меньше памяти просит;
🟧 На видео как раз тест нового компилятора: 0.63 секунды против 3.35 на старом;
🟧 Проект пилят с августа 2024, готово уже 80%;
Полный переход займёт годы
🟠 В версии на Go не работает «манкипатчинг», что сделает API TypeScript более безопасным;
🟠 Планируют интеграцию с LLM (надеюсь, локальными);
🟠 Полный переход на TypeScript-Go не отменяет поддержку старой версии;
🟠 Кодовая база TypeScript в Go расходится с оригиналом, так что некоторые фичи (вроде JSDoc и JSX) могут полететь.
Полное интервью с апдейтами тут глянуть на YouTube
Github: https://github.com/microsoft/typescript-go
Microsoft blog: https://devblogs.microsoft.com/typescript/typescript-native-port/
👉 Новости 👉 База вопросов
Самое главное
Полный переход займёт годы
Полное интервью с апдейтами тут глянуть на YouTube
Github: https://github.com/microsoft/typescript-go
Microsoft blog: https://devblogs.microsoft.com/typescript/typescript-native-port/
Please open Telegram to view this post
VIEW IN TELEGRAM
#собес
🤔 Опишите роль модулей. Как создать модуль?
Модули в NestJS обьединяют связанные компоненты (контроллеры, сервисы, провайдеры) в единое целое. Это помогает структурировать приложение, делая его масштабируемым и легко управляемым. Модуль создается как класс с декоратором
👉 Новости 👉 Платформа
Модули в NestJS обьединяют связанные компоненты (контроллеры, сервисы, провайдеры) в единое целое. Это помогает структурировать приложение, делая его масштабируемым и легко управляемым. Модуль создается как класс с декоратором
@Module , где указываются метаданные: контроллеры и провайдеры.Please open Telegram to view this post
VIEW IN TELEGRAM
#ЛитКод
Задача: 644. Maximum Average Subarray II
Вам дан целочисленный массив nums, состоящий из n элементов, и целое число k. Найдите смежный подмассив, длина которого больше или равна k и который имеет максимальное среднее значение, и верните это значение. Принимается любой ответ с погрешностью вычислений менее 10-5.
Пример:
👨💻 Алгоритм:
1⃣ Используйте скользящее окно длины k для нахождения начального среднего значения.
2⃣ Перемещайте окно по массиву, добавляя следующий элемент и убирая предыдущий, обновляя текущее среднее значение.
3⃣ Следите за максимальным средним значением и верните его после проверки всех возможных окон.
😎 Решение:
👉 Новости 👉 База вопросов
Задача: 644. Maximum Average Subarray II
Вам дан целочисленный массив nums, состоящий из n элементов, и целое число k. Найдите смежный подмассив, длина которого больше или равна k и который имеет максимальное среднее значение, и верните это значение. Принимается любой ответ с погрешностью вычислений менее 10-5.
Пример:
Input: nums = [1,12,-5,-6,50,3], k = 4
Output: 12.75000
var findMaxAverage = function(nums, k) {
let currSum = nums.slice(0, k).reduce((a, b) => a + b, 0);
let maxSum = currSum;
for (let i = k; i < nums.length; i++) {
currSum += nums[i] - nums[i - k];
if (currSum > maxSum) {
maxSum = currSum;
}
}
return maxSum / k;
};Please open Telegram to view this post
VIEW IN TELEGRAM