🚀 Статьи, новости, туториалы по frontend разработке. http://jem-space.ru Admin: @jem_jem Пишу в @five_a_m Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee Реклама: http://bit.ly/2NxmVDu РКН: https://clck.ru/3GLw7G
CI/CD для чайников
Как автоматизировать рутину в разработке на примере настройки CI в GitLab репозитории.
https://habr.com/ru/articles/895946/
Теперь селект можно стилизовать с помощью CSS
В Chrome 135 теперь доступна стилизация селекта с помощью свойства appearance: base-select
, который превращает элемент в настраиваемый.
https://developer.chrome.com/blog/a-customizable-select?hl=en
Концентрированный JavaScript — на конференции HolyJS 🔥
🗓7–8 апреля
📍Москва + онлайн
Тебя ждут 45 практико-ориентированных докладов о разработке на JavaScript. Обсудим не только Frontend, но и Backend, GameDev, Web3 и FrontOps.
Еще будут розыгрыши и призы от партнеров, соревнование по верстке, открытый микрофон, много нетворкинга и выступления спецгостей — Александра Файба и Дмитрия Побединского.
Если нет билета, бегом покупать — самостоятельно или за счет компании. На билет для частных лиц скидка 15% по промокоду: FRONTENDDEV
За подробностями и билетами
Реклама. ООО «Джуг Ру Груп». ИНН 7801341446
#css #вопросы_и_ответы
Вы не знаете CSS. Мои вопросы о CSS с ответами. Часть 2
⭐️⭐️◽️◽️◽️
📖 Читать
Т-Банк открыл донабор на оплачиваемые стажировки по восьми направлениям 🧑🏻💻
Сейчас можно отправить заявку на специальности: Java, Frontend, 1C, аналитик, QA, дизайнер, редактор, координатор образовательных проектов. Ждут студентов и начинающих специалистов, готовых посвящать работе от 20 часов в неделю.
Стажер в Т-Банке — это полноценный член команды, который с первых дней включается в работу над реальными проектами. А после успешного окончания стажировки у вас будет возможность перейти на штатную позицию.
Работу можно (и даже нужно) совмещать с обучением в университете: большинство стажеров в Т-Банке так и делают. График можно подстроить под учебу — менторы и руководители относятся к этому с пониманием.
Выберите направление, отправьте заявку и решите экзамены до 26 марта
React Trends 2025
Робин Вирух рассказывает о том, куда движется экосистема React: React Server Components, Biome, React Compiler, React Form, TanStack Start, React Router.
https://www.robinwieruch.de/react-trends/
command и commandfor в Сhrome 135
О новых атрибутах command и commandfor, которые упрощают добавление декларативного поведения кнопкам без использования JavaScript. Эти атрибуты позволяют напрямую связывать кнопки с элементами, улучшая доступность и удобство управления.
https://developer.chrome.com/blog/command-and-commandfor
Пользуемся CSS переменными как профессионалы
Большая статья с примерами по работе с CSS переменными: создание, наследование, переопределение, фолбек значения.
https://blog.logrocket.com/how-to-use-css-variables/
20 новых CSS фич, которые вам стоит знать в 2025 году
Очередной кликбейтный заголовок, но есть несколько интересных и полезных функций, которые помогут писать стили проще.
https://www.youtube.com/watch?v=VA975GOUFmM
Делаем игру на память
Таня Раския рассказывает и показывает, как создать простую игру с карточками на JavaScript.
Демо | Github
https://tania.dev/how-to-create-a-memory-game-super-mario-with-plain-javascript/
🚀Приглашаем на масштабный бесплатный урок «Создание масштабируемых 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
Расширяем функционал поиска с помощью Fuse.js
Интегрируем Fuse.js для реализации поиска на сайте, созданном с использованием фреймворка Astro. Создание фильтров для поиска с использованием Astro Actions.
https://css-tricks.com/powering-search-with-astro-actions-and-fuse-js/
Как удалять локальные и ремоут ветки в Git
Несколько удобных команд для удаления веток, а также советы по работе с ветками и их восстановлению в случае необходимости.
https://blog.logrocket.com/delete-branch-git/
End-of-life трекер
Актуальная информация по датам поддержки различных пакетов и программ. Трекает более 350 программ.
https://endoflife.date/
Оборачиваем React приложение в Docker
Пошаговый туториал включающий настройку Dockerfile, сборку приложения и запуск контейнера + разбор частых проблем.
https://dev.to/parthprajapatispan/how-to-dockerize-a-react-app-a-step-by-step-guide-for-developers-57ki
Растите сильную команду. Топ-5 курсов Яндекс Практикума для IT
👾 Технологии меняются каждый день — проверено Яндексом.
Мы ощущаем перемены на своих проектах. Постоянные вызовы, новые инструменты, штормы на рынках. Знаем, как важно, чтобы команда быстро развивалась и адаптировалась к изменениям. Поэтому создаём актуальное обучение, которое соответствует реальным задачам IT-сферы.
Нам доверяют: 5000+ компаний уже обучили 36 000+ сотрудников в Яндекс Практикуме.
👉 Вот топ-5 курсов, которые выбирали компании для развития IT-команд в 2025 году:
— SQL для работы с данными и аналитики
— DevOps для эксплуатации и разработки
— Python-разработчик
— Архитектура программного обеспечения
— Управление командой разработки
— Навыки аргументации
👉 Подобрать курс
Реклама, АНО ДПО “Образовательные технологии Яндекса”, ИНН 7704282033, erid: 2Vtzqxi5BbW
Настраиваем проект TypeScript с Node.js и Express
Пошаговая инструкция по настройке проекта для комфортной разработки и тестирования.
https://blog.logrocket.com/express-typescript-node/
Адаптивный стриминг видео с помощью Dash.js
Какие ограничения существуют у тега <video> при работе с медленными соединениями и как их можно обойти с использованием адаптивного битрейт-стриминга.
Кодируем видео и интегрируем плеер Dash.js в React-приложение.
https://www.smashingmagazine.com/2025/03/adaptive-video-streaming-dashjs-react/
Погружение в SRR для React разработчиков
Большая статья о том, как работает SRR, какие проблемы решает и когда его стоит использовать. Плюсы и минусы SSR, различия между SSR, SSG и ISR.
https://www.developerway.com/posts/ssr-deep-dive-for-react-developers
Rsdoctor 1.0
Релиз еще одного инструмента позволяющего анализировать билд. Подходит для сборок на Rspack и Webpack.
https://rsdoctor.dev/blog/release/release-note-1_0
Пишем змейку с AI
Руководство по созданию классической игры змейка с TensorFlow.js и Docker.
https://www.docker.com/blog/leveraging-docker-with-tensorflow/
Освежаем знания по CSS border-image
Используем CSS border-image для стилизации рамок: разбор подходящих кейсов, примеров, особенностей работы и возможных значений.
https://css-tricks.com/revisiting-css-border-image/
☁ Облако — идеальная платформа для воплощения самых смелых IT-идей
Неважно, создаете ли вы корпоративное приложение или будущий Telegram.
Облачные технологии Cloud․ru обеспечивают гибкую среду разработки, быструю масштабируемость и топовую надежность, сокращая время вывода продукта на рынок.
❄ А главное: провайдер замораживает цены для новых клиентов на три года. Вы точно знаете, сколько тратите, и можете планировать IT-бюджет без неожиданных расходов. Спецпредложение действует для юридических лиц и ИП.
👉 Оставьте заявку до 31 марта 2025 года
Базовый курс по JavaScript
Курс для начинающих, включающий как основы, так и продвинутые асинхронные техники.
https://www.youtube.com/watch?v=876aSEUA_8c
Веб-стандарты — Выпуск 466
Относительные цвета, TypeScript на Go, UI Git в Zed, Baseline для CSS в ESLint, усталость от JS
https://web-standards.ru/podcast/466/
Стилизация списков
От самых простых способов стилизации списков в HTML к продвинутым методам, которые позволяют даже вещам, не являющимся списками, выглядеть как списки.
https://css-tricks.com/styling-counters-in-css/
Слайдер для сравнения изображений на JavaScript
Руководство по созданию слайдера в 6 строк кода.
https://muffinman.io/blog/image-comparison-slider/
Искажение 3D-текста внутри стеклянного тора
Исследуем как работает Transmission Material в Three.js
Демо | Github
https://tympanus.net/codrops/2025/03/13/warping-3d-text-inside-a-glass-torus/
Что такое WebLLM?
Или как лингвистические модели могут работать на клиентской стороне в бразуере.
https://techhub.iodigital.com/articles/what-is-webllm
Исправляем проблемы с Largest Contentful Paint с помощью LCP Subpart
Подробнее новом инструменте, который позволяет более точно указать источники задержки загрузки страницы.
https://smashingmagazine.com/2025/03/how-to-fix-largest-contentful-issues-with-subpart-analysis/