#посмотреть
Vim можно назвать самым популярным из непопулярных редакторов. Но большинство современных разработчиков даже не знают о всех его современных возможностях, кажется, что это что-то древнее и не актуальное. Вместе посмотрим на то, как можно использовать Vim для фронтенда, вполне сравнимо с самыми популярными редакторами.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥1
Все говорят, что работы в айти стало меньше...
На самом деле, работы полно. Мы подготовили 7 правильных каналов с вакансиями для тестировщиков, аналитиков, проджект-менеджеров и программистов.
В чем фишка этих каналов?
— зарплатная вилка🍴во всех вакансиях
— еженедельные подборки стажировок для начинающих — как здесь (для QA), здесь (для PM) и здесь (для BA&SA)
— быстрый телеграм/email контакт для прямой связи с рекрутером
— удобная навигация по уровням/условиям работы/направлениям тестирования
▪️QA Jobs — работа для тестировщика
▪️PM Jobs — работа для Project и Product менеджера
▪️BA & SA Jobs — работа для бизнес- и системых аналитиков
▪️C# & .NET Jobs — работа для C# инженеров
▪️DS&ML Jobs — работа для DS инженеров
▪️PHP Jobs — работа для PHP разработчиков
▪️JAVA Jobs — работа для Java разработчиков
▪️Python Jobs — работа для Python разработчиков
Подписаться на все каналы сразу
На самом деле, работы полно. Мы подготовили 7 правильных каналов с вакансиями для тестировщиков, аналитиков, проджект-менеджеров и программистов.
В чем фишка этих каналов?
— зарплатная вилка🍴во всех вакансиях
— еженедельные подборки стажировок для начинающих — как здесь (для QA), здесь (для PM) и здесь (для BA&SA)
— быстрый телеграм/email контакт для прямой связи с рекрутером
— удобная навигация по уровням/условиям работы/направлениям тестирования
▪️QA Jobs — работа для тестировщика
▪️PM Jobs — работа для Project и Product менеджера
▪️BA & SA Jobs — работа для бизнес- и системых аналитиков
▪️C# & .NET Jobs — работа для C# инженеров
▪️DS&ML Jobs — работа для DS инженеров
▪️PHP Jobs — работа для PHP разработчиков
▪️JAVA Jobs — работа для Java разработчиков
▪️Python Jobs — работа для Python разработчиков
Подписаться на все каналы сразу
👍5🔥1
Как выжить в мире сложных интерфейсов в 2025-м: 7 работающих рецептов от React и CSS до дизайн-систем
#почитать
Как говорил дядя Бен, большие продукты — это и большая ответственность. И без сложных интерфейсов тут никуда. А с ними и исследования становятся труднее, и встречается больше препятствий на этапе кода — от нюансов реактивного программирования до риска утонуть в разнообразии CSS-спецификаций.
⏱ Читать статью
#почитать
Как говорил дядя Бен, большие продукты — это и большая ответственность. И без сложных интерфейсов тут никуда. А с ними и исследования становятся труднее, и встречается больше препятствий на этапе кода — от нюансов реактивного программирования до риска утонуть в разнообразии CSS-спецификаций.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥1
Пятница. Как выглядел интернет нулевых и почему мы по нему скучаем
#почитать
Эта эпоха «ручного» веба дарила полную свободу: ты писал и сразу видел результат, без слоев абстракций и лишних зависимостей. Эти принципы сегодня вдохновляют возрождение DIY‑блогов, легковесных фреймворков и приватных чатов
⏱ Читать статью
#почитать
Эта эпоха «ручного» веба дарила полную свободу: ты писал и сразу видел результат, без слоев абстракций и лишних зависимостей. Эти принципы сегодня вдохновляют возрождение DIY‑блогов, легковесных фреймворков и приватных чатов
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
Подборка из 5 классных книг для обучения soft-skills и управлению проектами:
▫️Искусство Agile-разработки
▫️Scrum. Революционный метод управления проектами
▫️Agile-трансформация. Готовый план перехода к гибкой бизнес-модели организации
▫️Эпоха Agile. Как умные компании меняются и достигают результатов
▫️Agile для всех. Создание быстрой, гибкой, клиентоориентированной компании
Эти (и многие другие книги по soft-skills и управлению проектами) вы можете найти на канале Библиотека PM. Там регулярно публикуются свежие книги на русском языке. Все книги публикуются для ознакомления.
➡️ Подписаться на Библиотеку PM
▫️Искусство Agile-разработки
▫️Scrum. Революционный метод управления проектами
▫️Agile-трансформация. Готовый план перехода к гибкой бизнес-модели организации
▫️Эпоха Agile. Как умные компании меняются и достигают результатов
▫️Agile для всех. Создание быстрой, гибкой, клиентоориентированной компании
Эти (и многие другие книги по soft-skills и управлению проектами) вы можете найти на канале Библиотека PM. Там регулярно публикуются свежие книги на русском языке. Все книги публикуются для ознакомления.
➡️ Подписаться на Библиотеку PM
👍5
Философия и Практика Dependency Injection в Angular
#почитать
Dependency Injection (DI) один из столпов, на которых держится фреймворк Angular. Каждый разработчик, так или иначе, сталкивается с ним с первого дня: запрашивает сервисы в конструкторе, добавляет providedIn: 'root' и видит, как «магия» работает. Но именно в этом и кроется ловушка.
Для многих DI так и остается на уровне «магии» удобного механизма, который просто работает. Однако поверхностное понимание этого мощнейшего инструмента неизбежно приводит к архитектурным компромиссам: неочевидным утечкам памяти, сложностям в тестировании, созданию неявных связей между компонентами и, в конечном счете, к коду, который трудно поддерживать и масштабировать.
⏱ Читать статью
#почитать
Dependency Injection (DI) один из столпов, на которых держится фреймворк Angular. Каждый разработчик, так или иначе, сталкивается с ним с первого дня: запрашивает сервисы в конструкторе, добавляет providedIn: 'root' и видит, как «магия» работает. Но именно в этом и кроется ловушка.
Для многих DI так и остается на уровне «магии» удобного механизма, который просто работает. Однако поверхностное понимание этого мощнейшего инструмента неизбежно приводит к архитектурным компромиссам: неочевидным утечкам памяти, сложностям в тестировании, созданию неявных связей между компонентами и, в конечном счете, к коду, который трудно поддерживать и масштабировать.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5❤1🔥1
#посмотреть
Мы регулярно пробуем новые способы оптимизации, чтобы грузить страницы быстрее, и до определенного момента игнорировали стриминг HTML. Подойдет ли архитектурно, получится ли внедрить в монолитный код — на эти вопросы невозможно получить ответы без долгого вдумчивого ресерча. Долгая работа бекенда и белый экран смерти, на котором пользователь долго ждет, подтолкнули нас пойти на эксперимент.
Please open Telegram to view this post
VIEW IN TELEGRAM
🤮6
Проджект-менеджер — это человек, который может провести трёхчасовой митинг, чтобы договориться о следующем митинге.
План на спринт есть всегда. Просто команда о нём узнаёт за день до демо.
PM Юмор — канал, где дедлайны горят, а шутки летят.
План на спринт есть всегда. Просто команда о нём узнаёт за день до демо.
PM Юмор — канал, где дедлайны горят, а шутки летят.
😁8
Web Workers и React: как разгрузить UI и ускорить приложение
#почитать
Если вы хоть раз пробовали обрабатывать большой файл, парсить массив из сотен тысяч элементов или запускать сложные вычисления прямо в React-компоненте, то наверняка сталкивались с тем, что интерфейс подвисает, кнопки перестают реагировать, анимации застывают, и всё на секунду подвисает, пока скрипт не разлучит нас (ой, это не из этой сказки) завершит свою работу.
Почему так происходит? Всё дело в том, что React, как и JS, в браузере работает на одном основном потоке. Точнее, чтобы меня не закидали помидорами, React — это библиотека JS, и она полностью работает в основном потоке браузера, который однопоточен. Когда вы запускаете тяжёлую синхронную задачу, она полностью занимает этот поток и блокирует его, мешая браузеру рендерить интерфейс и обрабатывать события пользователя.
⏱ Читать статью
#почитать
Если вы хоть раз пробовали обрабатывать большой файл, парсить массив из сотен тысяч элементов или запускать сложные вычисления прямо в React-компоненте, то наверняка сталкивались с тем, что интерфейс подвисает, кнопки перестают реагировать, анимации застывают, и всё на секунду подвисает, пока скрипт не разлучит нас (ой, это не из этой сказки) завершит свою работу.
Почему так происходит? Всё дело в том, что React, как и JS, в браузере работает на одном основном потоке. Точнее, чтобы меня не закидали помидорами, React — это библиотека JS, и она полностью работает в основном потоке браузера, который однопоточен. Когда вы запускаете тяжёлую синхронную задачу, она полностью занимает этот поток и блокирует его, мешая браузеру рендерить интерфейс и обрабатывать события пользователя.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6👎2
#посмотреть
Все люди на планете слушают музыку. Кто-то — по радио в машине, кто-то дома на своём виниловом проигрывателе, а кто-то вживую на концерте любимой группы. Но больше всего мы слушаем музыку в аудиостримингах: в Spotify, Apple Music, Звук, ВК или Яндекс.Музыке.
Расскажу про основные технологии, которые применяются для воспроизведения и управления аудио в вебе: HTML5 Audio и Web Audio API. Пройдём путь от того, как воспроизводить локальные аудиофайлы, до продвинутых библиотек для работы с потоковым аудио в высоком качестве.
Между делом поговорим про поддерживаемые браузером кодеки, технологию адаптивного стриминга HLS, буферизацию и о том, как работает Hi-Fi качество.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥1
React Custom Hook: useGeolocation
#почитать
Одним из ключевых преимуществ useGeolocation является его простота. Благодаря инкапсуляции сложной логики, необходимой для доступа к геолокации и ее обработки, этот хук обеспечивает чистое и многократно используемое решение. Хук автоматически обрабатывает состояние загрузки, обновляя его при загрузке данных геолокации, и устанавливает состояние ошибки, если в процессе возникают какие-либо проблемы.
⏱ Читать статью
#почитать
Одним из ключевых преимуществ useGeolocation является его простота. Благодаря инкапсуляции сложной логики, необходимой для доступа к геолокации и ее обработки, этот хук обеспечивает чистое и многократно используемое решение. Хук автоматически обрабатывает состояние загрузки, обновляя его при загрузке данных геолокации, и устанавливает состояние ошибки, если в процессе возникают какие-либо проблемы.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥1
Как я устал вручную писать сервис-воркеры и сделал next-pwa-pack, чтобы больше не страдать
#почитать
⏱ Читать статью
#почитать
Словом, если ты когда-то пробовал прикрутить оффлайн-режим к Next.js-проекту, ты наверняка вспоминал всех, кто придумал этот стек. Я — точно. Поэтому, как человек, у которого было слишком много кофе и слишком мало терпения, я сделал единственное разумное: написал свою обёртку.
Так и появился next-pwa-pack — дроп-ин пакет, который превращает любой Next.js-проект в полноценное PWA, буквально одной строкой. Да, даже с App Router. Просто заворачиваешь свой layout в PWAProvider, и всё: приложение можно установить, оно кэширует страницы, работает оффлайн, синхронизирует вкладки и даже показывает отладочную панель, чтобы не гадать, сработало ли что-нибудь. Воткнул — и живи дальше.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥1
HTMX, AlpineJS, SSR v1/2/3 и SPA. Что к чему
#почитать
⏱ Читать статью
#почитать
HTMX и AlpineJSэто две JS библиотеки, которые расширяют HTML специальными аттрибутами и позволяют писать фронтенд без SPA фреймворков.
Это альтернативы React/Vue/Angular и иже с ними. Их появление вызвано усталостью от сложной JS экосистемы и тоской по временам, когда задачи решались с помощью PHP и jQuery.
Я всю жизнь писал JSON API и SPA интерфейсы и моему мозгу трудно было переварить, зачем нужны эти библиотеки и как с ними работать. Поэтому я написал эту статью.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥2
Паттерны современного Node.js (2025)
#почитать
Node.js претерпел впечатляющее преобразование с момента своего появления. Если вы пишете на Node.js уже несколько лет, то, вероятно, сами наблюдали эту эволюцию - от эпохи колбэков и повсеместного использования CommonJS до современного, чистого и стандартизированного подхода к разработке.
Изменения затронули не только внешний вид - это фундаментальный сдвиг в самом подходе к серверной разработке на JavaScript. Современный Node.js опирается на веб-стандарты, снижает зависимость от внешних библиотек и предлагает более понятный и приятный опыт для разработчиков.
⏱ Читать статью
#почитать
Node.js претерпел впечатляющее преобразование с момента своего появления. Если вы пишете на Node.js уже несколько лет, то, вероятно, сами наблюдали эту эволюцию - от эпохи колбэков и повсеместного использования CommonJS до современного, чистого и стандартизированного подхода к разработке.
Изменения затронули не только внешний вид - это фундаментальный сдвиг в самом подходе к серверной разработке на JavaScript. Современный Node.js опирается на веб-стандарты, снижает зависимость от внешних библиотек и предлагает более понятный и приятный опыт для разработчиков.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4👍1
Разработка Битрикс-бота: история о том, как документация врала, а облака смеялись
#почитать
⏱ Читать статью
#почитать
Сегодня я расскажу вам историю о том, какая задача посетила меня на этот раз и как я сделал «корпоративного бота с возможностью оценки сотрудников» — казалось бы, простая задача, но
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4👍2
Структуры данных для frontend-разработчиков с реальными примерами
#почитать
В этой статье вы найдете разбор нескольких структур данных, которые мы считаем наиболее важными и которые чаще всего пригождаются. Описание их преимуществ, особенностей и демонстрацию применения на примерах. Для всех рассматриваемых в статье структур данных мы подготовили реальные примеры и выложили код на Github
⏱ Читать статью
#почитать
В этой статье вы найдете разбор нескольких структур данных, которые мы считаем наиболее важными и которые чаще всего пригождаются. Описание их преимуществ, особенностей и демонстрацию применения на примерах. Для всех рассматриваемых в статье структур данных мы подготовили реальные примеры и выложили код на Github
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
#посмотреть
Современный CSS умеет в тригонометрию, округления, возведение в степень, логарифмы и даже в логические операции. Но при первом знакомстве с математическими функциями обычно возникает вопрос: «Зачем?»
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥1
Интересная задача с собеседования
#почитать
⏱ Читать статью
#почитать
Однажды на собеседовании мне предложили решить одну интересную задачу, которая для меня была довольно необычной на тот момент.
Позже я обнаружил, что задача была не особо уникальной, но с высоты моего опыта тогда, она показалась довольно будоражащей.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1