Фронтендер от бога
5.15K subscribers
1.04K photos
16 videos
989 links
Божественные дайджесты по фронтенду и немного юмора.

По всем вопросам: @godinmedia
Download Telegram
▫️Современный Vim для фронтенда

#посмотреть

Vim можно назвать самым популярным из непопулярных редакторов. Но большинство современных разработчиков даже не знают о всех его современных возможностях, кажется, что это что-то древнее и не актуальное. Вместе посмотрим на то, как можно использовать Vim для фронтенда, вполне сравнимо с самыми популярными редакторами.

Смотреть на YouTube ⏱️1 час 30 минут
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 разработчиков

Подписаться на все каналы сразу
👍5🔥1
Как выжить в мире сложных интерфейсов в 2025-м: 7 работающих рецептов от React и CSS до дизайн-систем

#почитать

Как говорил дядя Бен, большие продукты — это и большая ответственность. И без сложных интерфейсов тут никуда. А с ними и исследования становятся труднее, и встречается больше препятствий на этапе кода — от нюансов реактивного программирования до риска утонуть в разнообразии CSS-спецификаций.

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥1
Пятница. Как выглядел интернет нулевых и почему мы по нему скучаем

#почитать

Эта эпоха «ручного» веба дарила полную свободу: ты писал и сразу видел результат, без слоев абстракций и лишних зависимостей. Эти принципы сегодня вдохновляют возрождение DIY‑блогов, легковесных фреймворков и приватных чатов

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
Подборка из 5 классных книг для обучения soft-skills и управлению проектами:

▫️Искусство Agile-разработки
▫️Scrum. Революционный метод управления проектами
▫️Agile-трансформация. Готовый план перехода к гибкой бизнес-модели организации
▫️Эпоха Agile. Как умные компании меняются и достигают результатов
▫️Agile для всех. Создание быстрой, гибкой, клиентоориентированной компании

Эти (и многие другие книги по soft-skills и управлению проектами) вы можете найти на канале Библиотека PM. Там регулярно публикуются свежие книги на русском языке. Все книги публикуются для ознакомления.

➡️ Подписаться на Библиотеку PM
👍5
Философия и Практика Dependency Injection в Angular

#почитать

Dependency Injection (DI) один из столпов, на которых держится фреймворк Angular. Каждый разработчик, так или иначе, сталкивается с ним с первого дня: запрашивает сервисы в конструкторе, добавляет providedIn: 'root' и видит, как «магия» работает. Но именно в этом и кроется ловушка.

Для многих DI так и остается на уровне «магии» удобного механизма, который просто работает. Однако поверхностное понимание этого мощнейшего инструмента неизбежно приводит к архитектурным компромиссам: неочевидным утечкам памяти, сложностям в тестировании, созданию неявных связей между компонентами и, в конечном счете, к коду, который трудно поддерживать и масштабировать.

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍51🔥1
▫️Как ускоряли загрузку мобильной версии ВКонтакте стримингом

#посмотреть

Мы регулярно пробуем новые способы оптимизации, чтобы грузить страницы быстрее, и до определенного момента игнорировали стриминг HTML. Подойдет ли архитектурно, получится ли внедрить в монолитный код — на эти вопросы невозможно получить ответы без долгого вдумчивого ресерча. Долгая работа бекенда и белый экран смерти, на котором пользователь долго ждет, подтолкнули нас пойти на эксперимент.


Смотреть на YouTube ⏱️40 минут
Please open Telegram to view this post
VIEW IN TELEGRAM
🤮6
Проджект-менеджер — это человек, который может провести трёхчасовой митинг, чтобы договориться о следующем митинге.

План на спринт есть всегда. Просто команда о нём узнаёт за день до демо.


PM Юмор — канал, где дедлайны горят, а шутки летят.
😁8
Web Workers и React: как разгрузить UI и ускорить приложение

#почитать

Если вы хоть раз пробовали обрабатывать большой файл, парсить массив из сотен тысяч элементов или запускать сложные вычисления прямо в React-компоненте, то наверняка сталкивались с тем, что интерфейс подвисает, кнопки перестают реагировать, анимации застывают, и всё на секунду подвисает, пока скрипт не разлучит нас (ой, это не из этой сказки) завершит свою работу.

Почему так происходит? Всё дело в том, что React, как и JS, в браузере работает на одном основном потоке. Точнее, чтобы меня не закидали помидорами, React — это библиотека JS, и она полностью работает в основном потоке браузера, который однопоточен. Когда вы запускаете тяжёлую синхронную задачу, она полностью занимает этот поток и блокирует его, мешая браузеру рендерить интерфейс и обрабатывать события пользователя.

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6👎2
и не говорите, что работы нету 😁
😁12
▫️Как работает звук в браузере

#посмотреть

Все люди на планете слушают музыку. Кто-то — по радио в машине, кто-то дома на своём виниловом проигрывателе, а кто-то вживую на концерте любимой группы. Но больше всего мы слушаем музыку в аудиостримингах: в Spotify, Apple Music, Звук, ВК или Яндекс.Музыке.

Расскажу про основные технологии, которые применяются для воспроизведения и управления аудио в вебе: HTML5 Audio и Web Audio API. Пройдём путь от того, как воспроизводить локальные аудиофайлы, до продвинутых библиотек для работы с потоковым аудио в высоком качестве.

Между делом поговорим про поддерживаемые браузером кодеки, технологию адаптивного стриминга HLS, буферизацию и о том, как работает Hi-Fi качество.

Смотреть на YouTube ⏱️40 минут
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥1
React Custom Hook: 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 опирается на веб-стандарты, снижает зависимость от внешних библиотек и предлагает более понятный и приятный опыт для разработчиков.

Читать статью
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

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
так и есть
😁136😢2
▫️Математика в CSS: что и зачем считать для стилей

#посмотреть

Современный CSS умеет в тригонометрию, округления, возведение в степень, логарифмы и даже в логические операции. Но при первом знакомстве с математическими функциями обычно возникает вопрос: «Зачем?»

Смотреть на YouTube ⏱️45 минут
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥1
Интересная задача с собеседования

#почитать

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


Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1