FrontEndDev

🚀Приглашаем на масштабный бесплатный урок «Создание масштабируемых backend-решений с использованием Node.js и Firebase Cloud Functions» от онлайн-курса Node.js Developer 19 марта 20:00 (мск). На вебинаре эксперт поделится обширными знаниями в backend-решениях: 1️⃣ Введение в масштабируемые backend-решения с использованием Node.js и Firebase: - Обзор возможностей Firebase Cloud Functions. - Почему Firebase Cloud Functions и Node.js — отличный выбор для создания масштабируемых backend-решений. - Примеры использования: обработка событий, интеграция с внешними API, автоматизация задач. 2️⃣ Практическая демонстрация: - Настройка Firebase проекта и подключение Cloud Functions. - Создание Cloud Function на Node.js для обработки HTTP-запросов. - Интеграция Cloud Functions с Firestore: автоматическая обработка данных при изменении документов. - Пример использования Cloud Functions для отправки уведомлений через Firebase Cloud Messaging (FCM). 3️⃣ Рекомендации по оптимизации и масштабированию: - Лучшие практики для работы с Firebase Cloud Functions. - Как избегать частых ошибок и улучшать производительность функций. - Советы по оптимизации затрат при использовании Cloud Functions. Кому вебинар будет полезен? · Backend-разработчикам, · Разработчикам Node.js, · Начинающим разработчикам, · Техническим руководителям. Что узнают участники вебинара? ✅ Практические навыки по созданию и настройке backend-логики, которые можно применить в реальных проектах. ✅ Уверенность в использовании Firebase Cloud Functions для создания масштабируемых и эффективных backend-решений. ⏰ Успейте зарегистрироваться на бесплатный вебинар 19 марта 20:00 (мск). Запись ограничена! https://otus.pw/XMva/ Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

Стилизация списков От самых простых способов стилизации списков в HTML к продвинутым методам, которые позволяют даже вещам, не являющимся списками, выглядеть как списки. https://css-tricks.com/styling-counters-in-css/

Расширяем функционал поиска с помощью Fuse.js Интегрируем Fuse.js для реализации поиска на сайте, созданном с использованием фреймворка Astro. Создание фильтров для поиска с использованием Astro Actions. https://css-tricks.com/powering-search-with-astro-actions-and-fuse-js/

Слайдер для сравнения изображений на JavaScript Руководство по созданию слайдера в 6 строк кода. https://muffinman.io/blog/image-comparison-slider/

Как удалять локальные и ремоут ветки в Git Несколько удобных команд для удаления веток, а также советы по работе с ветками и их восстановлению в случае необходимости. https://blog.logrocket.com/delete-branch-git/

Искажение 3D-текста внутри стеклянного тора Исследуем как работает Transmission Material в Three.js Демо | Github https://tympanus.net/codrops/2025/03/13/warping-3d-text-inside-a-glass-torus/

End-of-life трекер Актуальная информация по датам поддержки различных пакетов и программ. Трекает более 350 программ. https://endoflife.date/

Что такое WebLLM? Или как лингвистические модели могут работать на клиентской стороне в бразуере. https://techhub.iodigital.com/articles/what-is-webllm

Оборачиваем React приложение в Docker Пошаговый туториал включающий настройку Dockerfile, сборку приложения и запуск контейнера + разбор частых проблем. https://dev.to/parthprajapatispan/how-to-dockerize-a-react-app-a-step-by-step-guide-for-developers-57ki

Исправляем проблемы с Largest Contentful Paint с помощью LCP Subpart Подробнее новом инструменте, который позволяет более точно указать источники задержки загрузки страницы. https://smashingmagazine.com/2025/03/how-to-fix-largest-contentful-issues-with-subpart-analysis/

Долгое время тема денег в IT была под негласным запретом. Все сообщество примерно понимало, в каком диапазоне кто зарабатывает, но даже в курилках такие вопросы было не принято обсуждать. Сейчас с этим стало проще, сообщество становится более открытым, но теперь встает другой вопрос: «Как зарабатывать больше и не овертаймить?». Ответ на этот вопрос есть в канале «Выше вилки», который ведут 2 сеньора — Илья Шишков, разработчик в Сбертехе (11 лет работал в Яндексе, сделал онлайн-курсы «Пояса по С++») и Павел Филонов, владелец ML-агентства, ex-Kaspersky. Ребята бесплатно делятся конкретными переговорными приемами, которые помогают вырасти в доходе без переработок. Вот несколько постов, которые перевернут ваше представление о зарплатных переговорах: ✅ Как получить прибавку +25% и +50% на одном месте работы? ✅ Как найти тот размер повышения, который справедлив, реален и стоит отстаивать до конца? ✅ «Хочу зарабатывать х2 от того, что получаю сейчас на двух работах» ✅ Как быть, если начальник — арбузер🤷🏻‍♂️ ✅ Язык мой — враг мой. Почему кандидату не стоит называть свои зарплатные ожидания? Подпишитесь на канал https://t.me/above_the_range, чтобы стать мастером зарплатных переговоров. Реклама. Рекламодатель ИП Шишков И.И. ИНН: 575206903941, erid: 2Vtzqx83Qib

QuickJS Sandbox 2.0 Встраиваемый JavaScript движок, позволяющий запускать JS код в изолированном окружении https://sebastianwessel.github.io/quickjs/

NodeJS ввел поддержку TypeScript. Что это значит для Deno? Об особенностях и отличиях поддержки TS в NodeJS и Deno https://deno.com/blog/typescript-in-node-vs-deno

Друзья, уже идёт подготовка и приём докладов на FrontendConf 2025 😎 Если вы хотите стать спикером FrontendConf 2025, но сомневаетесь в актуальности темы своего доклада и хотите задать вопросы – подключайтесь на онлайн-встречу с Программным комитетом конференции! ⠀ 📌 13 марта в 19:00 Мск Участие бесплатное, нужно только зарегистрироваться здесь. Ждем всех желающих! ✌️

React-scan Инструмент для автоматического определения перфоманс проблем в вашем React приложении. Документация: https://github.com/aidenybai/react-scan Демо: https://www.youtube.com/watch?v=3EnathFYgz8

Относительные цвета в CSS Интерактивное руководство от Ахмада Шадида https://ishadeed.com/article/css-relative-colors/

📕Открытый урок по API и JavaScript для начинающих разработчиков JavaScript, Fullstack и тем, кто знаком с основами HTML и CSS На открытом уроке 11 марта в 20:00 мск мы узнаем всё о том, как быстро и эффективно войти в Fullstack-разработку. 📗В результате вы: - Узнаете, как быстро создать веб-приложение, работающее с реальными данными; - Изучите основные методы использования JavaScript для обновления интерфейса без перезагрузки страницы; - Освоете практические навыки для подключания к API, получения и отображения данных, а также научитесь превращать базовую HTML-страницу в полноценное интерактивное веб-приложение. 👉 Регистрируйтесь прямо сейчас, чтобы не пропустить мероприятие: https://otus.pw/jEYE/ 📙 Все участники открытого урока получат скидку на курс "Fullstack Developer" Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

Объединения и пересечения объектных типов в TypeScript Улучшаем типизацию и упрощаем работу с объектами в TS https://2ality.com/2025/03/object-type-union-intersection.html

CSS Grid или Flexbox Когда применять CSS Grid, а когда Flexbox для создания адаптивных веб-дизайнов. Среди кейсов сложные макеты, точное расположение элементов и одно-двумерные сетки. https://unicornclub.dev/articles/2025-02-25-css-grid-or-flexbox-know-when-to-use-each-for-better-layouts/

Продвинутая обработка ошибок в JavaScript Способы создания кастомных ошибок в JavaScript для улучшения обработки исключений и рекомендации по их эффективному использованию. А также общие подходы к обработке ошибок и их логированию. https://feeds.dzone.com/link/23564/16977198/advanced-error-handling-in-javascript-custom-error