FrontEndDev

Прими участие в «Хакатоне по разработке кибериммунных технологий 3.0» от «Лаборатории Касперского» с призовым фондом 1 000 000 рублей! Регистрация на хакатон открыта до 15 ноября: https://cnrlink.com/cyberimmunehack3frontdev Приглашаем разработчиков, аналитиков, архитекторов ПО, экспертов по информационной безопасности и студентов программирования и кибербезопасности. Участвуй индивидуально или в команде до 5 человек. Тебе предстоит разработать систему удалённого управления автомобилем для каршеринга, устойчивую к кибератакам. Специальных знаний в автомобильной отрасли не требуется — задача будет понятна всем, независимо от опыта. Это твой шанс прокачать навыки в кибербезопасности и пообщаться с экспертами «Лаборатории Касперского». Ключевые даты: • 15 октября – 15 ноября – регистрация участников • 8 ноября – митап с экспертами и игра «Огнеборец» • 15 ноября – старт хакатона • 17 ноября – дедлайн загрузки решений • 22 ноября – подведение итогов и объявление победителей Регистрируйся, прояви себя и внеси вклад в безопасность каршеринговых сервисов: https://cnrlink.com/cyberimmunehack3frontdev Реклама. АО «Лаборатория Касперского». ИНН 7713140469. erid: LjN8K7KrX

Встречайте новый оператор безопасного присвоения Какие плюсы использования оператора ?= и в каких кейсах его можно использовать. https://jsdev.space/safe-assignment-operator/

Создаем книжный магазин используя React, Node и MongoDB Большой и подробный туториал по созданию frontend и backend частей для онлайн магазина книг. https://www.youtube.com/watch?v=pgw2KPfgK1E

Хотите освоить прогрессивный фреймворк для создания веб-приложений на JS? ➡Ждем вас на открытом вебинаре 23 октября в 20:00 мск, где мы разберем: ✔архитектурные принципы Nest.Js, включая внедрение зависимостей и модульность; ✔как создавать маршруты, контроллеры и использовать middleware; ✔как работать с базами данных, включая MongoDB, PostgreSQL и MySQL; ✔методы тестирования и отладки приложений Nest.Js. Спикер Николай Лапшин — опытный архитектор, тимлид, преподаватель и разработчик с широким технологическим стеком. Встречаемся в преддверии старта курса «Node.js Developer». Все участники вебинара получат специальную цену на обучение! ➡Регистрируйтесь прямо сейчас, чтобы не пропустить мероприятие: https://vk.cc/cCklPU Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576

LocalStorage vs. IndexedDB vs. Cookies vs. OPFS vs. WASM-SQLite Добавляем к привычному сравнению способов хранения данных на фронте новые: OPFS и WASM-SQLite https://rxdb.info/articles/localstorage-indexeddb-cookies-opfs-sqlite-wasm.html

Темы для проигрывателей Media Chrome Набор тем для видео и аудио плееров созданных на основе Media Chrome для любых фреймворков. https://player.style/

CSS Pattern Сборник красивых фонов на чистом CSS https://css-pattern.com/

Несколько простых советов по использованию DevTools От банального $0 в консоли до Edit and Resend Request в Network https://www.freecodecamp.org/news/cross-browser-devtools-features

Приглашаем на конференцию по JavaScript-разработке — 7 ноября онлайн и 14–15 ноября в Санкт-Петербурге Новая HolyJS — это: — 40 докладов и 3 воркшопа о JavaScript во всех сферах его использования; — большая встреча JS-сообщества в онлайне и офлайне; — обмен опытом, нетворкинг, конкурсы по кодингу и другие активности. О чем можно послушать: про фронтенд, бэкенд, графику, 3D-движки в беспилотных автомобилях, архитектуру, внутренности фреймворков и многое другое. Чем можно заняться на воркшопах: оптимизировать web perf, разработать игру для TON, внедрить HTMLVideoElement с быстрой перемоткой. Где попробовать свои силы: в «открытом микрофоне», в соревновании Code in the Dark и других конкурсах от партнеров конференции. Выбирайте, что вам больше по душе — и покупайте персональный билет со скидкой 15% по промокоду — FRONTENDDEV В HolyJS можно поучаствовать и за счет компании. Почему это выгодно не только вам, но и работодателю — читайте в статье на VC. Реклама. ООО «Джуг Ру Груп». ИНН 7801341446

Контекстно-зависимые анимации для фиксированных элементов Изменение масштаба, повороты и движения - динамичные визуальные эффекты для оживления вашего сайта. Демо | Github https://tympanus.net/codrops/2024/10/09/exploring-playful-context-aware-animations-for-fixed-elements/

Scroll Driven анимация карточек Вариант замены привычной карусели https://codepen.io/paulnoble/full/gOVPedz

Поддержка различных видов масштабирования О том, как правильно поддерживать различное поведение зума на веб-сайтах, чтобы страницы корректно реагировали на увеличение в браузерах и сенсорное масштабирование на устройствах. Лучшие практики для улучшения доступности контента. https://blog.logrocket.com/understanding-supporting-zoom-behaviors-web/

Сейчас сезон, когда IT-мероприятий, как из рога изобилия — как оффлайн, так и онлайн Но где найти единую "базу" ивентов? Чтобы "заглянул -> увидел все что есть -> выбрал -> пошел"? 🔥Советуем обратить внимание на канал, в котором публикуют анонсы вебинаров, хакатонов, конференций, мастер-классов, ивентов от гигантов индустрии и лучших специалистов по кодингу, дизайну, аналитике и т.д. 👍 Очень крутая вещь, где вы точно не пропустите ничего важного и интересного. 🗂 IT-мероприятия России / ITMeeting / IT events - подпишитесь, чтобы не потерять!

Управление памятью в JS c WeakRef и FinalizationRegistry Что такое WeakRef и FinalizationRegistry, как и когда их стоит использовать и как это влияет на использование памяти. https://jsdev.space/memory-management-js/

ViteConf 2024 43 доклада с прошедшей конференции об экосистеме vite. https://viteconf.org/24/replay

Несколько советов по доступности Кевин Эндрюс делится советами по accessibility, которые можно применять уже сегодня. https://piccalil.li/blog/practical-accessibility-tips-you-can-apply-today/

Перевод веб приложения в Telegram Mini Apps Интересная история о том, как команда Точки решила изменить подход к развитию продукта и перевела его на интеграцию с Telegram. Глеб Агеев — фронт-разработчик Точка Нетворк, рассказывает о том, как это упростило разработку и делится советами по эффективной работе с платформой.

Используем Map вместо привычного Object Дмитрий Павлутин рассказывает о том, как обойти ограничения обычных объектов для хранения данных с помощью Map. https://dmitripavlutin.com/maps-vs-plain-objects-javascript/

Как использовать CSS свойство backdrop-filter Примеры стилизации с backdrop-filter, которые помогут создать необычный эффект в пару строк. https://blog.logrocket.com/use-css-backdrop-filter-property/

В чем разница между Dialog и Popover? Разбираем отличия и аспекты использования Dialog и Popover. https://frontendmasters.com/blog/whats-the-difference-between-htmls-dialog-element-and-popovers