Библиотека фронтендера

💻 JavaScript с нуля: понятный вход в разработку Нашли хороший курс для новичков во фронтенде. Что внутри: 🔜 синтаксис, переменные, типы данных 🔜 функции, условия, циклы 🔜 работа со строками и базовой логикой Как устроено обучение:

— всё прямо в браузере: редактор, консоль, тесты — теория сразу закрепляется задачами — можно посмотреть решения и разобрать ошибки — AI подсказывает по ходу, если возникают вопросы

В результате вы научитесь читать и писать простой код и понимать, как строится логика программ. 🔗 Курс по ссылке 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #stack

🔥 Топ-вакансий недели для фронтендеров Программист React.js — 70 000 - 220 000 р, удаленно (Переславль-Залесский) Стажер Vue-developer — от 55 000 ₽, удаленно Frontend-программист (nuxt/vue.js) — удаленно (Москва) ➡️ Больше офферов в канале: @jsdevjob 🐸 Библиотека фронтендера

😱 Почему одни анимации «живые», а другие — нет Один из ключевых приёмов — Squash & Stretch. Объект слегка «деформируется» в движении — и интерфейс начинает ощущаться физическим. Где это работает: — SVG-иконки (стрелки, кнопки) — hover-эффекты — микровзаимодействия 💡 Лайфхаки: — не просто увеличивайте элемент → слегка «сужайте» при растяжении — держите амплитуду в районе 25–50% — spring-анимации выглядят естественнее — учитывайте prefers-reduced-motion ⚙️ Минимальный пример (CSS)

    
        <button class="btn">
  <svg viewBox="0 0 24 24" class="arrow">
    <path class="shaft" d="M 5,12 h 14" />
    <path class="tip" d="M 12,5 l 7,7 l -7,7" />
  </svg>
</button>
@media (prefers-reduced-motion: no-preference) {
  .shaft, .tip {
    transition: d 300ms;
  }

  .btn:hover .shaft {
    d: path("M 5,12 h 17"); /* растягиваем */
  }

  .btn:hover .tip {
    d: path("M 15,7 l 7,5 l -7,5"); /* «сужаем» наконечник */
  }
}
{}
    

❌ в Safari это не работает. ↖️ Читать подробнее 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #readme

Как frontend-разработчику вырасти в ЗП? День сурка frontend-разработчика выглядит так Зарплата замерла, задачи — бесконечный повтор, растет только кол-во бессмысленных созвонов Откликаешься на вакансии — отвечают только ноунеймы, на собесах закидывают странными алгоритмами «на скорость». И самое бесящее — пока буксуешь, кто-то вокруг спокойно забирает офферы в Яндекс и VK...

Ты тоже можешь получить оффер в компанию, в которой тебя будут ценить и хорошо платить.

👋 Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Я за руку довожу до оффера на хорошую позицию в Big Tech и сопровождаю на испытательном сроке. В своем канале: 👉Объясняю, как проходить HR-фильтр и превращать отклики в реальные приглашения 👉Помогаю найти мотивацию, борюсь убеждениями, которые мешают развиваться 👉На примерах объясняю, как проходить собеседования, включая техничку 👉Разбираю резюме и делюсь лайфхаками, например как аккуратно “пинговать” рекрутеров А еще регулярно публикую полезные материалы: ▪️Задачи, на которых валяться кандидаты ▪️База по микрофронтам ▪️Подборка из 100+ каналов с вакансиями для разработчиков ▪️100 вопросов, которые точно помогут тебе на собеседовании ▪️Чек лист проверки своего резюме А еще у меня множество успешных кейсов и трогательных отзывов, найти их можно в канале. Реклама, erid: 2W5zFGxhimw ИП Галактионов Тихон Витальевич, ИНН 771618975809

📌 Сборник алгоритмов на JavaScript В этом репозитории собраны решения на все случаи: от базовых задач со строками и массивами до продвинутых алгоритмов сортировки и поиска. ➡️ Ресурс подойдёт для практики, подготовки к собеседованиям или как удобная шпаргалка по ключевым алгоритмам. 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #read_watch

📊 Tremor — компоненты React для создания панелей мониторинга Под капотом у tremor React, Tailwind CSS и Radix UI. Вы можете копировать и вставлять компоненты, либо использовать npm-пакет. Что внутри: ➡️ Все типичные элементы UI панели мониторинга, такие как диаграммы, индикаторы прогресса, трекеры активности, аккордеоны, таблицы и т. д. 🔗 Ссылка на GitHub 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #stack

⚡️ Мы рады представить команду экспертов курса AgentOps! — Дмитрий Антипов расскажет, как грамотно проверить работу AI-моделей — Курилл Кухарев поделится, почему компаниям выгодно использовать локальные модели и как их развернуть — Андрей Носов расскажет, как работать с данными и знаниями в AI-системах: построение RAG, выбор подходов к поиску и организация хранения данных — Антон Будняк разберет, как обеспечить устойчивость сервиса, в котором используется ИИ — Александр Ошурков расскажет, как оценивать качество работы LLM в backend-сервисах — Екатерина Трофимов разберет, как проектировать инструменты для AI-агентов и выстраивать взаимодействие с внешними сервисами Курс для backend-разработчиков, тимлидов и LLM инженеров о том, как внедрять AI-логику в бэкенд IT-продуктов и сохранять стабильность сервиса. К концу обучения вы получите: • Структурированный подход к архитектуре и деплою AI-агентов • Навыки настройки мониторинга, тестирования и контроля расходов на токены • Разбор сложных инженерных кейсов из реальной практики 🎁 Доступ к материалам курса «Разработка ИИ-агентов» в подарок при покупке Инженерного трека 👉 Все подробности и программа обучения.

🐸 Библиотека фронтендера #code_challenge

🔎 Google начнёт штрафовать за «сломанный Back» С 15 июня 2026 сайты начнут терять позиции, если кнопка «назад» ведёт не туда, куда ожидает пользователь. 🔴 Как это выглядит в реальности: Вы открыли страницу из поиска, почитали, нажали Back. И вместо возврата:

— редирект на другую страницу — лента рекомендаций — всплывающий экран — «ещё один шаг» внутри сайта

⚙️ Что под капотом: Фронтенд сам ломает навигацию: ♾ History API

    
        
history.pushState({}, '', '/step’){}
    

→ добавляет фейковый шаг в историю ♾ Перехват Back

    
        window.onpopstate = () => location.href = '/upsell’{}
    

→ кнопка «назад» превращается в редирект ♾ SPA-роутинг В React Router / Next.js:

— лишние push() — промежуточные состояния

→ пользователь попадает на страницы, которых «не открывал» Сторонние скрипты

— реклама — аналитика

→ могут тихо менять history без вашего кода 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #under_hood