Рубрика «javascript» - 11

в 11:45, , рубрики: canvas, image cropper, javascript, npm, open source, React, TypeScript, библиотека, обрезка изображений

Привет! Хочу рассказать о своей библиотеке hq-cropper — инструменте для обрезки изображений на чистом TypeScript без единой зависимости.

Когда искал cropper для своего проекта, столкнулся с двумя проблемами. Во-первых, большинство популярных решений тянут за собой кучу зависимостей и весят 100+ KB. Во-вторых, мало кто работает с большими изображениями.

Решил написать своё решение: лёгкое, без зависимостей, с умным алгоритмом масштабирования.

Проблема больших изображений

Ситуация: пользователь загружает фото 4000×3000 пикселей, а вам нужен аватар 200×200. Большинство кропперов справляются с этим плохо:

в 6:15, , рубрики: css, html, javascript

Большой системный обзор технологических сдвигов, которые меняют роль фронтенд-разработчика

Привет!

Фронтенд никогда не был скучной отраслью, но 2025 год стал моментом перелома. Мы наблюдаем не просто появление новых инструментов — меняется сама архитектурная модель веба, роль разработчика и набор навыков, необходимых для работы.

Рынок уходит от монолитных SPA и JavaScript-нагромождений. На первый план выходит Server-First, нативные возможности Web Platform и глубокая интеграция AI, который перестал быть игрушкой и стал полноценным усилителем, влияющим на разработку, дизайн и продакшен.

Читать полностью »

в 9:35, , рубрики: javascript, Программирование, фронтенд, функциональное программирование

Недавно я наткнулась на статью «How Functional Programming Shaped Modern Frontend» и неожиданно поймала себя на мысли: мы уже настолько привыкли к функциональному программированию (ФП) в JavaScript, что забыли, как всё начиналось и почему многие идеи казались почти спасением. Чтобы лучше понять эволюцию, я решила посмотреть, что писали разработчики о ФП во фронтенде 10 лет назад, примерно в 2013-2016 годах.

Контраст получился довольно яркий: от искреннего восторга до постепенного прозрения.

Читать полностью »

в 7:01, , рубрики: chess, javascript, php, ruvds_статьи, веб-разработа, шахматы, Шахматы на js
Создаем шахматы с «туманом войны» на JavaScript: от идеи до работающего прототипа - 1

1. Введение

1.1 Идея проекта-мотивация

Читать полностью »

в 8:15, , рубрики: c#.net, chrome api, javascript, браузерные расширения

Привет. Меня зовут Алексей, я бэкенд-разработчик C#. Хочу рассказать о том как я узнал что такое native messaging в браузерах и какие задачи можно с его помощью решать. В одном проекте я разрабатывал десктопную утилиту, которая должна была уметь обмениваться сообщениями с веб-страницами в браузере, чтобы в том числе управлять их содержимым и как угодно взаимодействовать с ними. Расскажу о том, как удалось решить такую задачу и покажу результат работы небольшого приложения с таким взаимодействием.

Постановка задачи

Читать полностью »

в 16:30, , рубрики: AI, google gemini, javascript, llm, nodejs, голосовые сообщения, распознавание речи, чат-бот

Привет, Habr

Сделал забавного бота который стал ещё и довольно полезным поэтому решил им поделиться. Хотелось сделать бота, который:

  • По запросу пойдёт в интернет и найдёт то, что мы обсуждаем прямо сейчас, так как он видит контекст беседы и часто понимает, о чём идёт речь, и в ответе даст ссылки на источники, которые найдёт

  • Понимает контекст беседы и не требует объяснять ему каждую деталь

  • Знает какой сейчас год и точное время и учитывает это при поиске информации и при ответах

  • Имеет характер и помнит, кто и как к нему относится в этом чате

  • Расшифровывает голосовые сразу для всего чатаЧитать полностью »

в 5:01, , рубрики: css, html, javascript, nextjs, React, scss

Вводные вопросы

  • В какой компании ты работал и что приходилось там делать?

  • Как проходил код-ревью на прошлом месте работы?

  • Сколько людей было в команде?

  • На каком стеке работали?

  • Как вы делали задачи?

  • Расскажи про свой опыт?

  • Расскажи, какие самые сложные или интересные задачи ты выполнял?

HTML / CSS

  • Работал ли ты с iframe?

  • Нужен ли БЭМ в 2025 году?

  • Что такое flex и flex-shrink?

  • В чём разница между display: none и visibility: hidden?

  • Как работает z-index?

  • Разница между async и defer для script

  • Читать полностью »

в 19:17, , рубрики: HalChat, HalSM, javascript, WLamma, ИИ, ии помощник, локальный ИИ, приватность, экосистема

Локальный ИИ-ассистент прямо в мессенджере HalChat: без серверов, без рисков, только приватность и RAG.

Введение

Я занимаюсь разработкой собственного мессенджера HalChat и недавно я запустил систему локальных ИИ, с которыми можно общаться прямо в браузере через обычный чат.
И мне потребовался ИИ помощник, который бы вводил в курс дела внутри экосистемы и помогал пользователям обосноваться. Назвал я его — Halwashka AI.

Почему бы не использовать готовые решения?

Читать полностью »

в 11:36, , рубрики: frontend-разработка, javascript, shadcn, UI, uikit, unstyled, web-разработка, webcomponents, библиотека javascript, готовые решения

Окей, заголовок звучит максимально самоуверенно, я понимаю. Но насколько мне удалось нагуглить — это действительно первая попытка сделать что-то подобное. Если я не прав — напишите в комментах, я с удовольствием посмотрю на альтернативы. А пока давайте я расскажу, что это за зверь такой и зачем он вообще нужен.

Предыстория, или как я дошёл до жизни такой

Всё началось с микрофронтендов. Знаете, это когда у вас один проект, но внутри него живёт Vue, React, и ещё какой-нибудь легаси на jQuery, который никто не хочет трогать, потому что "оно работает, не трогай".

Читать полностью »

в 11:00, , рубрики: javascript, selectel, методы, методы объектов, разработка, фронтенд
This is JavaScript: методы объектов и контекст «this» - 1

Привет. Я Саша, разработчик, пишу на JS. Ранее я рассказывал о callback-функциях, деструктуризации, операторах и многом другом. Если вы уже успели познакомиться Читать полностью »

1...101112...2030...603
Главная   |  Архив новостей  |   Android  |   Google  |   Apple  |   Microsoft  |   Информационная безопасность  |   Веб – разработка
Публикации RSS  |  Комментарии RSS
https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js