FrontEndDev

24 апреля 2025 11:15

Создавать сайты и приложения с нуля и зарабатывать 200+ тысяч рублей?

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

Именно таких мы готовим на совместной программе Нетологии и ВШЭ онлайн-бакалавриата «Программные системы и автоматизация процессов разработки».

Хотите узнать о программе подробнее? Ждём вас 29 апреля на дне открытых дверей.

В программе:
● встреча с академическим руководителем, научным руководителем и ментором программы;
● рассказ о том, чем занимается фулстек-разработчик и почему это одна из наиболее востребованных профессий на рынке;
● обзор онлайн-бакалавриата: как устроено обучение и практика, стажировки, кто преподаёт на программе.

День открытых дверей — возможность познакомиться с, возможно, вашей будущей профессией. Ждём вас!

Реклама. ООО "Нетология", ИНН: 7726464125, erid: 2VSb5zBMESc

FrontEndDev

23 апреля 2025 10:11

Улучшаем производительность SPA

Методы оптимизации одностраничных приложений для улучшения UX.
Анализ узкиx мест: JavaScript-бандлы, неэффективный рендеринг компонентов и частые API-запросы. В качестве решений: разделение кода, ленивая загрузка, виртуализация и использование Web Workers.

https://dev.to/oltrenin/improving-spa-performance-2k2g

FrontEndDev

21 апреля 2025 20:12

Продвинутый React в дикой природе

Сборник кейсов от инженерных команд, использующих React и Next.js в крупных проектах за последние пару лет.

Рассматриваются реальные примеры оптимизации производительности, такие как улучшение метрики INP, переход от клиентского к серверному рендерингу и внедрение современных подходов к управлению состоянием и маршрутизации.

https://largeapps.dev/case-studies/advanced/

FrontEndDev

18 апреля 2025 09:45

Создание перекидного табло на JS

Пошаговый процесс создания анимации табло аэропорта с помощью GSAP.

Демо: https://codepen.io/jh3y/pen/yyLmeJd

https://craftofui.substack.com/p/time-travel-with-javascript

FrontEndDev

16 апреля 2025 09:58

Погружаемся в работу сети

Как данные передаются от сервера к вашему устройству? Подробная статья о модели OSI и TCP/IP, а также протоколах TCP, UDP и HTTP. Пошаговое описание того, как данные проходят через различные уровни сетевой модели, превращаясь из запроса в браузере в электрические сигналы, которые пересекают океаны, чтобы достичь вашего экрана.

https://www.deepintodev.com/blog/how-data-travels-the-world-to-reach-your-screen

FrontEndDev

15 апреля 2025 13:44

Глубокое погружение в React Reconciliation

Подробное объяснение, как React обновляет DOM с помощью алгоритма reconciliation, как React сохраняет или сбрасывает состояние в зависимости от типа и позиции элементов в дереве компонентов. Плюсом обсуждаются внутренние структуры React и даются советы по оптимизации производительности.

https://cekrem.github.io/posts/react-reconciliation-deep-dive/

FrontEndDev

14 апреля 2025 19:04

Lighthouse Scoring Calculator

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

https://googlechrome.github.io/lighthouse/scorecalc/

FrontEndDev

11 апреля 2025 08:20

Создаем LQIP изображения с помощью CSS

Cпособ создания размытых изображений-плейсхолдеров с помощью одной CSS-переменной и радиальных градиентов. Изображение кодируется в целое число и декодируется средствами CSS прямо в браузере. Метод обеспечивает мгновенное отображение плейсхолдера.

https://leanrada.com/notes/css-only-lqip/

FrontEndDev

08 апреля 2025 13:23

Решаем проблемы связанные с загрузкой ресурсов блокирующих рендер

О методах оптимизации загрузки блокирующих ресурсов: инлайнинг критического CSS, отложенная загрузку некритических стилей и скриптов, а также удаление неиспользуемого кода, с целью улучшения показателей FCP и LCP.

https://blog.logrocket.com/eliminate-render-blocking-resources-css-javascript/

FrontEndDev

07 апреля 2025 14:01

📥 Разработчики, больше никаких ложных срабатываний при анализе сторонних библиотек. Positive Technologies выпустила новую версию сканера PT Application Inspector.

🌀 В релизе объединили технологии анализа сторонних компонентов и статического анализа кода приложения — в продукте появились возможности анализа достижимости и поиска транзитивных зависимостей.

Результаты тестирования новой версии на 193 открытых проектах на GitHub, использующих уязвимые компоненты, впечатляют: количество ложноположительных срабатываний снизилось на 98–100%. Теперь можно сэкономить время на анализе срабатываний и сосредоточиться на исправлении реальных дефектов безопасности.

❌ Надоело копаться в ложных срабатываниях? Оставьте заявку на тестирование PT Application Inspector.

FrontEndDev

06 апреля 2025 10:55

Apache ECharts для визуализации данных

Таня Раския рассказывает как интегрировать Apache ECharts в React-приложение: как установить библиотеку, использовать компонент echarts-for-react и настраивать графики. Также приводит примеры кастомизации и обновления данных в диаграммах.

https://tania.dev/apache-echarts-react/

FrontEndDev

03 апреля 2025 13:10

Начните карьеру разработчика в Авито 😎

Стажировка для разработчиков возвращается — Авито открывает набор в направлениях Frontend, Backend и QA.

Здесь вы будете работать с продуктами, которыми пользуются миллионы.

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

Стажировка оплачивается. Доступно три направления, вы можете выбрать два – основное и запасное. Если попасть на первое не удастся, сможете пройти отбор на второе при наличии мест.

Условия:
• длительность программы — 6 месяцев,
• работа от 25 часов в неделю, после завершения стажировки — возможность остаться в компании на полную занятость,
• зарплата и корпоративный ноутбук,
• можно работать из офиса, удалённо или в гибридном формате.

Более 80% стажёров продолжают карьеру в Авито. Присоединяйтесь к команде и растите вместе с нами! Регистрация открыта до 10 апреля.

FrontEndDev

03 апреля 2025 05:31

Реализация простой и эффективной системы отмены действий

Использовние двух стеков — undoStack и redoStack — для управления отменой и повтором действий, избегая сложностей, связанных с указателями и индексами в массиве.

https://blog.julik.nl/2025/03/a-tiny-undo-stack

FrontEndDev

01 апреля 2025 10:45

CI/CD для чайников

Как автоматизировать рутину в разработке на примере настройки CI в GitLab репозитории.

https://habr.com/ru/articles/895946/

FrontEndDev

31 марта 2025 09:54

Теперь селект можно стилизовать с помощью CSS

В Chrome 135 теперь доступна стилизация селекта с помощью свойства appearance: base-select, который превращает элемент в настраиваемый.

https://developer.chrome.com/blog/a-customizable-select?hl=en

FrontEndDev

23 апреля 2025 19:29

Используем Chrome Identity API

Заметка о том, как и где быстро получить oauth client id и как его использовать в расширениях chrome для удобной аутентификации пользователей.

https://jem-space.ru/chrome-identity/

FrontEndDev

22 апреля 2025 14:21

Новый API Cookie Store

Асинхронный и структурированный способ управления куками в браузерах.
3 ключевых преимущества: улучшение производительности за счёт асинхронного доступа, возможность отслеживания изменений кук через событие change и стандартизация, упрощающую создание общих SDK

https://fotis.xyz/posts/the-new-cookie-store-api/

FrontEndDev

21 апреля 2025 03:44

<dl> — еще одна находка, которую вы никогда не используете

Если вы никогда не слышали про элемент <dl>, то вы не одиноки 😁
Для него не так много кейсов, но отображение списков состоящих из пар ключ-значение — самое то!

https://christianheilmann.com/2025/04/18/keeping-it-on-the-dl-another-html-gem-you-never-use/

FrontEndDev

18 апреля 2025 05:09

Добавляем визуальных эффектов с backdrop-filter

Методы комбинирования backdrop-filter с другими CSS-эффектами для создания сложных и интересных дизайнов

https://css-tricks.com/using-css-backdrop-filter-for-ui-effects/

FrontEndDev

15 апреля 2025 14:55

Летняя школа разработки интерфейсов Яндекса открывает прием заявок

Прокачать скиллы фронтенд-разработки и поработать над реальными бизнес-задачами можно в Летней школе Яндекса. Это топовая возможность разобраться в тонкостях создания удобных и надёжных интерфейсов.

Школа пройдет в два этапа:
— со 2 июня по 27 июля участников ждут лекции и практические задания в онлайне
— с 28 июля по 24 августа участники объединятся в полноценные фулстек-команды, чтобы поработать над реальными продуктами и фичами. Каждую группу будет сопровождать опытный наставник компании.


Участие бесплатное, а лучшие смогут попасть на стажировку в Яндекс или даже получить офер.

Если основы JavaScript и HTML/CSS уже знакомы — отправляй заявку до 27 апреля.

FrontEndDev

15 апреля 2025 06:08

Топ 5 ошибок в CSS меню навигации

Частые ошибки, которые допускают разработчики при реализации навигации. Обратите на них внимание, и вашим меню станет пользоваться намного удобнее.

https://blog.css-weekly.com/top-5-css-navigation-menu-mistakes

FrontEndDev

14 апреля 2025 05:41

Современные и малоизвестные фичи JS

Несколько фич JS, которые давно или недавно доступны разработчикам, но редко используются: Promise.withResolvers, .at(), replace c коллбеком, structuredClone и еще несколько.

https://jem-space.ru/js-features/

FrontEndDev

09 апреля 2025 13:04

26–27 апреля проводим Weekend Offer Frontend

Устроиться в Яндекс за выходные — реально. Ищем крутых фронтендеров с опытом работы от 4 лет, готовых работать в офисном или гибридном режиме в России.

Подавайте заявку до 23 апреля — и всего за два дня пройдите все технические собеседования. После сможете пообщаться с нанимающими менеджерами и выбрать из 10 команд ту, которая покажется самой интересной. Если всё сложится хорошо, сразу же пришлём вам офер.

Узнать подробности и зарегистрироваться.

FrontEndDev

08 апреля 2025 09:36

Cover Flow на современном CSS

Эдди Османи проводит небольшой исторический экскурс в Cover Flow, популяризированный Apple. А также предлагает современный подход к воссозданию этого эффекта с использованием только HTML и CSS, опираясь на CSS Scroll Snap и Scroll-Driven Animations API.

https://addyosmani.com/blog/coverflow/

FrontEndDev

06 апреля 2025 15:41

Первый взгляд на attr() в CSS

Ахмад Шадид рассказывает о работе attr(), его преимуществах и где его удобно применять.

https://ishadeed.com/article/modern-attr/

FrontEndDev

06 апреля 2025 05:13

Как улучшить UX-дизайн форм

Типы форм, их структура и лучшие практики: логичное построение, понятные подписи, ёмкие сообщения об ошибках, инлайн валидация.

https://blog.logrocket.com/ux-design/better-form-design-ux-tips-tools-tutorial/

FrontEndDev

03 апреля 2025 09:54

Как работает заголовок Cache-Control

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

https://csswizardry.com/2025/03/why-do-we-have-a-cache-control-request-header/

FrontEndDev

02 апреля 2025 09:59

React Explorer

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

https://react-explorer.com/

FrontEndDev

31 марта 2025 12:19

Растите сильную команду. Топ-5 курсов Яндекс Практикума для IT

👾 Технологии меняются каждый день — проверено Яндексом.

Мы ощущаем перемены на своих проектах. Постоянные вызовы, новые инструменты, штормы на рынках. Знаем, как важно, чтобы команда быстро развивалась и адаптировалась к изменениям. Поэтому создаём актуальное обучение, которое соответствует реальным задачам IT-сферы.

Нам доверяют: 5000+ компаний уже обучили 36 000+ сотрудников в Яндекс Практикуме.

👉 Вот топ-5 курсов, которые выбирали компании для развития IT-команд в 2025 году:

— SQL для работы с данными и аналитики
— DevOps для эксплуатации и разработки
— Python-разработчик
— Архитектура программного обеспечения
— Управление командой разработки
— Навыки аргументации

👉 Подобрать курс

Реклама, АНО ДПО “Образовательные технологии Яндекса”, ИНН 7704282033, erid: 2Vtzqxi5BbW

FrontEndDev

31 марта 2025 05:39

Настраиваем проект TypeScript с Node.js и Express

Пошаговая инструкция по настройке проекта для комфортной разработки и тестирования.

https://blog.logrocket.com/express-typescript-node/