FrontEndDev

19 марта 2025 13:31

Базовый курс по JavaScript

Курс для начинающих, включающий как основы, так и продвинутые асинхронные техники.

https://www.youtube.com/watch?v=876aSEUA_8c

FrontEndDev

18 марта 2025 15:19

Веб-стандарты — Выпуск 466

Относительные цвета, TypeScript на Go, UI Git в Zed, Baseline для CSS в ESLint, усталость от JS

https://web-standards.ru/podcast/466/

FrontEndDev

18 марта 2025 09:26

Стилизация списков

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

https://css-tricks.com/styling-counters-in-css/

FrontEndDev

17 марта 2025 12:33

Слайдер для сравнения изображений на JavaScript

Руководство по созданию слайдера в 6 строк кода.

https://muffinman.io/blog/image-comparison-slider/

FrontEndDev

16 марта 2025 11:02

Искажение 3D-текста внутри стеклянного тора

Исследуем как работает Transmission Material в Three.js

Демо | Github

https://tympanus.net/codrops/2025/03/13/warping-3d-text-inside-a-glass-torus/

FrontEndDev

14 марта 2025 08:42

Что такое WebLLM?

Или как лингвистические модели могут работать на клиентской стороне в бразуере.

https://techhub.iodigital.com/articles/what-is-webllm

FrontEndDev

12 марта 2025 20:56

Исправляем проблемы с Largest Contentful Paint с помощью LCP Subpart

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

https://smashingmagazine.com/2025/03/how-to-fix-largest-contentful-issues-with-subpart-analysis/

FrontEndDev

12 марта 2025 08:15

QuickJS Sandbox 2.0

Встраиваемый JavaScript движок, позволяющий запускать JS код в изолированном окружении

https://sebastianwessel.github.io/quickjs/

FrontEndDev

11 марта 2025 12:48

Друзья, уже идёт подготовка и приём докладов на FrontendConf 2025 😎

Если вы хотите стать спикером FrontendConf 2025, но сомневаетесь в актуальности темы своего доклада и хотите задать вопросы – подключайтесь на онлайн-встречу с Программным комитетом конференции!
⠀
📌 13 марта в 19:00 Мск

Участие бесплатное, нужно только зарегистрироваться здесь.
Ждем всех желающих! ✌️

FrontEndDev

10 марта 2025 12:54

Относительные цвета в CSS

Интерактивное руководство от Ахмада Шадида

https://ishadeed.com/article/css-relative-colors/

FrontEndDev

09 марта 2025 09:12

Объединения и пересечения объектных типов в TypeScript

Улучшаем типизацию и упрощаем работу с объектами в TS

https://2ality.com/2025/03/object-type-union-intersection.html

FrontEndDev

08 марта 2025 13:43

Продвинутая обработка ошибок в JavaScript

Способы создания кастомных ошибок в JavaScript для улучшения обработки исключений и рекомендации по их эффективному использованию. А также общие подходы к обработке ошибок и их логированию.

https://feeds.dzone.com/link/23564/16977198/advanced-error-handling-in-javascript-custom-error

FrontEndDev

04 марта 2025 14:11

Оцениваем размер пакета с pkg-size

Информация о размере пакета, его зависимостях и экспортируемых функциях. Удобно, чтобы глянуть перед установкой.

https://pkg-size.dev/

FrontEndDev

04 марта 2025 10:04

Введение в View Transitions API

Использование относительно нового API для создания плавных переходов между разными состояниями элементов на странице

https://css-tricks.com/toe-dipping-into-view-transitions/

FrontEndDev

02 марта 2025 15:29

Умельцы запустили DOOM на типах TypeScript

На самом деле один умелец. И чтобы это сделать ему понадобилось собрать отдельный мощнейший комп 🤯

https://www.youtube.com/watch?v=0mCsluv5FXA

FrontEndDev

19 марта 2025 08:14

Делаем игру на память

Таня Раския рассказывает и показывает, как создать простую игру с карточками на JavaScript.

Демо | Github

https://tania.dev/how-to-create-a-memory-game-super-mario-with-plain-javascript/

FrontEndDev

18 марта 2025 11:02

🚀Приглашаем на масштабный бесплатный урок «Создание масштабируемых 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

FrontEndDev

17 марта 2025 13:22

Расширяем функционал поиска с помощью Fuse.js

Интегрируем Fuse.js для реализации поиска на сайте, созданном с использованием фреймворка Astro. Создание фильтров для поиска с использованием Astro Actions.

https://css-tricks.com/powering-search-with-astro-actions-and-fuse-js/

FrontEndDev

17 марта 2025 08:02

Как удалять локальные и ремоут ветки в Git

Несколько удобных команд для удаления веток, а также советы по работе с ветками и их восстановлению в случае необходимости.

https://blog.logrocket.com/delete-branch-git/

FrontEndDev

16 марта 2025 04:34

End-of-life трекер

Актуальная информация по датам поддержки различных пакетов и программ. Трекает более 350 программ.

https://endoflife.date/

FrontEndDev

13 марта 2025 21:28

Оборачиваем React приложение в Docker

Пошаговый туториал включающий настройку Dockerfile, сборку приложения и запуск контейнера + разбор частых проблем.

https://dev.to/parthprajapatispan/how-to-dockerize-a-react-app-a-step-by-step-guide-for-developers-57ki

FrontEndDev

12 марта 2025 10:29

Долгое время тема денег в IT была под негласным запретом. Все сообщество примерно понимало, в каком диапазоне кто зарабатывает, но даже в курилках такие вопросы было не принято обсуждать.

Сейчас с этим стало проще, сообщество становится более открытым, но теперь встает другой вопрос: «Как зарабатывать больше и не овертаймить?».

Ответ на этот вопрос есть в канале «Выше вилки», который ведут 2 сеньора — Илья Шишков, разработчик в Сбертехе (11 лет работал в Яндексе, сделал онлайн-курсы «Пояса по С++») и Павел Филонов, владелец ML-агентства, ex-Kaspersky.

Ребята бесплатно делятся конкретными переговорными приемами, которые помогают вырасти в доходе без переработок.

Вот несколько постов, которые перевернут ваше представление о зарплатных переговорах:
✅ Как получить прибавку +25% и +50% на одном месте работы?
✅ Как найти тот размер повышения, который справедлив, реален и стоит отстаивать до конца?
✅ «Хочу зарабатывать х2 от того, что получаю сейчас на двух работах»
✅ Как быть, если начальник — арбузер🤷🏻‍♂️
✅ Язык мой — враг мой. Почему кандидату не стоит называть свои зарплатные ожидания?

Подпишитесь на канал /channel/above_the_range, чтобы стать мастером зарплатных переговоров.

Реклама. Рекламодатель ИП Шишков И.И. ИНН: 575206903941, erid: 2Vtzqx83Qib

FrontEndDev

11 марта 2025 15:40

NodeJS ввел поддержку TypeScript. Что это значит для Deno?

Об особенностях и отличиях поддержки TS в NodeJS и Deno

https://deno.com/blog/typescript-in-node-vs-deno

FrontEndDev

11 марта 2025 11:45

React-scan

Инструмент для автоматического определения перфоманс проблем в вашем React приложении.

Документация: https://github.com/aidenybai/react-scan

Демо: https://www.youtube.com/watch?v=3EnathFYgz8

FrontEndDev

09 марта 2025 11:15

📕Открытый урок по API и JavaScript для начинающих разработчиков JavaScript, Fullstack и тем, кто знаком с основами HTML и CSS

На открытом уроке 11 марта в 20:00 мск мы узнаем всё о том, как быстро и эффективно войти в Fullstack-разработку.

📗В результате вы:
- Узнаете, как быстро создать веб-приложение, работающее с реальными данными;
- Изучите основные методы использования JavaScript для обновления интерфейса без перезагрузки страницы;
- Освоете практические навыки для подключания к API, получения и отображения данных, а также научитесь превращать базовую HTML-страницу в полноценное интерактивное веб-приложение.

👉 Регистрируйтесь прямо сейчас, чтобы не пропустить мероприятие: https://otus.pw/jEYE/

📙 Все участники открытого урока получат скидку на курс "Fullstack Developer"

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

FrontEndDev

08 марта 2025 16:12

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/

FrontEndDev

05 марта 2025 17:58

Функции в CSS

Уже сейчас вы можете попробовать работу с CSS функциями в Chrome Canary под экспериментальным флагом. Чуть подробнее об аргументах, проверке типов и возвращаемых значениях — в статье.

https://css-tricks.com/functions-in-css/

FrontEndDev

04 марта 2025 11:31

🚀Приглашаем на бесплатный урок «Bun – быстрый альтернативный рантайм для Node.js»от онлайн-курса Node.js Developer 05 марта 20:00 (мск).

Что будет на вебинаре?
1️⃣Разбор возможностей Bun: быстрый сервер, менеджер пакетов и тестирование.
2️⃣Сравнение Bun с Node.js: плюсы, минусы, производительность.
3️⃣Практическое применение Bun в реальных проектах.

Кому вебинар будет полезен?
- Фронтент,
- Фуллстэк,
- Бэкенд разработчикам на Node.js
- И других языках для web'а.

Что узнают участники вебинара?
✅ Как использовать Bun для запуска серверов и выполнения JavaScript-приложений.
✅ Как переходить с Node.js на Bun и какие сценарии использования подходят лучше всего.

⏰ Успейте зарегистрироваться на бесплатный вебинар 05 марта 20:00 (мск). Запись ограничена: https://otus.pw/VP09/

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

FrontEndDev

04 марта 2025 07:32

Реклама Typescript

Аксель Раушмайер рассказывает о преимуществах использования TypeScript для разработчиков и компаний и как он помогает в долгосрочной поддержке и масштабировании проектов.

https://2ality.com/2025/03/typescript-sales-pitch.html

FrontEndDev

02 марта 2025 14:11

Компонент звездного рейтинга на чистом CSS

Пример реализации компонента, а также его модификаций с использованием псевдоэлементов.

https://css-tricks.com/a-css-only-star-rating-component-and-more-part-1/