FrontEndDev

описание

🚀 Статьи, новости, туториалы по frontend разработке. http://jem-space.ru Admin: @jem_jem Пишу в @five_a_m AI и вайбкод @vibe_and_ai Читать на парковке: https://max.ru/front_end_dev Реклама: http://bit.ly/2NxmVDu РКН: https://clck.ru/3GLw7G

← к каналу @front_end_dev

26 144

подписчиков

Охват к подписчикам

11,1%

ERR

Реакции к просмотрам

0,39%

323 на 28 постов

Пересылки к просмотрам

0,93%

775

Постов в день

1,7

всего 28

Где отзываются чаще

доля реакций к просмотрам

10 авг.Фронтенд не умер — просто AI уже копает за нас лопатой AI уже берёт на себя рутину: помогает делать черновики, тесты и фикстуры, ускоряет миграции и онбординг, а также может расследовать инциденты и собирать десятки связанных PR. Главный риск не в плохом коде, а в скорости: растут объём ревью, число переделок и вероятность уверенно закрепить неверное решение, поэтому нужны планы, этапная проверка и ответственность инженера за результат. https://habr.com/ru/companies/avito/articles/1066228/1,03%
17 июл.Как получить оффер в Яндекс, Сбер, МТС и другие крутые компании? На фото ребята из моего комьюнити, где уже больше 220 frontend-разработчиков. Все они успешно устроились в крутые компании и получили офферы от 300 тыс рублей 🫂 👋 Привет, меня зовут Тихон, я действующий Frontend-разработчик и ментор. За руку довожу до оффера в Big Tech и остаюсь рядом на испытательном сроке. В их жизни больше нет бесконечных скучных созвонов, безуспешных откликов на вакансии, странноватых собесов с вопросами словно ты на олимпиаде. И у тебя тоже получится 😎 У меня есть канал, где я: 👉 Показываю, как пройти HR-фильтр и превратить отклики в реальные приглашения 👉 Помогаю найти мотивацию и разбираюсь с убеждениями, которые мешают расти 👉 На примерах показываю, как проходить собеседования, включая техничку 👉 Разбираю резюме и делюсь лайфхаками — например, как аккуратно «пинговать» рекрутеров И регулярно выкладываю полезное: ▪️ Задачи, на которых валятся кандидаты ▪️ Подборка из 100+ каналов с вакансиями для разработчиков ▪️ 100 вопросов, которые помогут тебе на собеседовании ▪️ Чек-лист для проверки своего резюме Подписывайся: https://t.me/+-Y-h7mIuMJ9hNzBi Реклама, erid: 2W5zFJmyDYm ИП Галактионов Тихон Витальевич, ИНН 7716189758090,81%
3 авг.Как верстали 15 лет назад Вырезки из книги по верстке 2004 года: забавные техники, которые были актуальны в то время. https://habr.com/ru/companies/ruvds/articles/1060630/0,58%
3 авг.Лучшие состояния загрузки — это когда их нет. Вместо спиннеров и скелетонов прокачивайте стратегию preloading: заранее подгружайте данные и готовьте переходы между маршрутами, чтобы страница ощущалась как загруженная сразу. Route transitions не убирают загрузку полностью, но помогают перенести её на уровень приложения, делая UX стабильнее и предсказуемее в SPA. https://master.dev/blog/the-best-loading-states-are-no-loading-states/0,57%
11 авг.Монолит больше не приговор: строим быстрые и гибкие микрофронтенды на ES-модулях Монолитное фронтенд-приложение можно разрезать на микрофронты, собирая их как нативные ES-модули: меньше конфликтов зависимостей, быстрее загрузка и естественный lazy loading через import(). Для интеграции нужен чёткий контракт между хостом и микрофронтом (и единый механизм монтирования в Shadow DOM с обработкой ошибок/состояний. https://habr.com/ru/companies/sberbank/articles/10674960,53%
10:19Как реализовать JWT-аутентификацию в NestJS Собираем базовый флоу: регистрация с хешированием пароля bcrypt, логин — через LocalStrategy и выдачу access_token, а защищённые роуты — через JwtStrategy и guard с проверкой Bearer-токена. https://blog.logrocket.com/how-to-implement-jwt-authentication-nestjs/0,51%
3 авг.Обфускация JavaScript в эпоху ИИ: всё ещё имеет смысл? Обфускация не делает фронтенд секретным: браузерный код всё равно можно извлечь, но становится заметно сложнее читать, копировать и безопасно модифицировать. ИИ ускоряет понимание и может собирать правдоподобную чистую версию. Используйте обфускацию только как часть защиты, а реальные ключи, авторизацию и валидацию критичных правил держите на сервере. https://www.jstools.space/blog/javascript-obfuscation-ai/0,48%
16 авг.Отложенные и мгновенные подсказки на чистом HTML + CSS Вместо setTimeout и сложного шаринга состояния в JS можно сделать UX-тайминг tooltip’ов через popover="hint" и CSS: подсказка сначала появляется с задержкой для случайных проходов курсора, а затем — мгновенно при повторном наведении. https://master.dev/blog/delayed-then-instant-tooltips-with-html-css-alone/0,46%
10 авг.5 CSS-свойств, которые прокачают дизайн текста Показывайте фон внутри букв через background-clip: text, управляйте вертикальным выравниванием инлайновых элементов через vertical-align, добавляйте выразительность letter-spacing и еще несколько свойств и кейсов их применения — по ссылке. https://master.dev/blog/typographic-css-tricks/0,44%
14 авг.µJS — лёгкая библиотека AJAX-навигации µJS ускоряет сайт без фреймворков: перехватывает клики по ссылкам и отправку форм, подгружает новую HTML-страницу в фоне и заменяет только изменившийся контент, без полной перезагрузки. Библиотека весит около 5KB gzipped, не требует сборки и работает с любым бэкендом — достаточно подключить один скрипт и вызвать mu.init(). https://mujs.org/0,41%
4 авг.Опенсорсная Весёлая Ферма: поднимаем preview‑окружения без боли. Пример построения системы сборок. Preview‑окружения для каждого пул‑реквеста перестают быть ручной магией: код из ветки собирается, запускается изолированный инстанс и ему выдаётся уникальный URL, а проксирование трафика берёт на себя nginx/Ingress. https://habr.com/ru/companies/yandex/articles/1064394/0,38%
13 авг.React Router v8: ленивые страницы и вложенные маршруты В React Router v8 пакеты объединены: react-router-dom больше нет, а ключевые API импортируются напрямую из react-router. Используйте lazy + Suspense для code-splitting по страницам, Routes/Route для матчинга ветки с ранжированием, HashRouter для удобной статики и wildcard-роут * для нормального 404. https://reactdevelopment.substack.com/p/react-router-v8-in-action-lazy-loading0,36%