Frontender's notes. Страница 46

​​Алоха фронты! 1 июня в 19:00, состоится митап с командой JavaScript Альфа-Банка и приглашённым экспертом из X5. Можете прийти и пообщаться вживую в офисе Альфа-Банка на проспекте Андропова 18к3, или посмотреть онлайн-трансляцию! Что по темам митапа: 📌 Как управлять командой разработки так, чтобы проект процветал. Илья Агапов, Frontend Team Lead в Альфа-Банке. 📌 Переход на React-router v6: подводные камни и альтернативы. Андрей Новиков, Старший разработчик в Альфа-Банке. 📌 RTK query. Антон Степанов, Frontend разработчик в Альфа-Банке. 📌 Карьерная лестница как дорога в ад. Андрей Смирнов, Руководитель разработки клиентских приложений в Х5 Group. Митап бесплатный, но зарегистрироваться все таки нужно будет вот по этой ссылочке: 👉https://bit.ly/3GjsSx4

​​Шпаргалка по работе с медиа в браузере В данной шпаргалке представлены все основные интерфейсы и методы по работе с медиа в браузере, описываемые в следующих спецификациях: 👉 Media Capture and Streams 👉 Screen Capture 👉 Media Capture from DOM Elements 👉 MediaStream Image Capture 👉 MediaStream Recording 👉 Web Speech API Читать...

​​День открытых дверей направления «Программирование». Бесплатное мероприятие от Яндекс Практикума для тех, кто хочет получить профессию в сфере программирования, но не знает, с чего начать. 30 мая (пн) в 17:00 по Москве  Зарегистрироваться

​​Webpack Module Federation: «официальное» решение в микрофронтендах Module Federation — это подход, при котором можно разделить приложение на небольшие отдельные модули и в рантайме объединять в единое приложение. Это одно из немногих рабочих решений для разработки микрофронтендов. Почему оно лучше, чем остальные, какие ещё решения для микрофронтендов существуют, что вообще такое микрофронтенды и зачем они нам нужны, расскажу в статье. В конце поделюсь полезными ссылками на статьи, видео и документацию, которые помогут углубиться в тематику Module Federation. Так же будет немного практики. Настоятельно рекомендую самостоятельно опробовать технологию чтобы материал хорошо закрепился в памяти. Практика наше всё! Поехали! Читать...

Метод массивов .copyWithin() Алоха товарищи! Вчера копался в документации MDN и наткнулся на новый (для меня) метод массивов .copyWithin(). О нем я и напишу, только постараюсь своими словами так как описание на MDN я не мог вкурить какое то время. Синтаксис: arr.copyWithin(target, start, end = this.length) Что делает метод: 1. Берет несколько элементов из этого массива 2. Копирует их и вставляет в той последовательности в которой они идут в индекс массива который мы зададим первым аргументом target start - задает индекс элемента начиная с которого мы копируем часть исходного массива end - задает индекс последнего копируемого элемента массива (по умолчанию он равен длине исходного массива) Примеры: [1, 2, 3, 4, 5].copyWithin(0, 3); // [4, 5, 3, 4, 5] ❗ Берем отрезок элементов начиная с индекса 3 (4, 5) и подставляем их на индекс 0, заменяя старые значения [1, 2, 3, 4, 5].copyWithin(0, 3, 4); // [4, 2, 3, 4, 5] ❗ Берем отрезок элементов начиная с индекса 3, элемент с индексом 4 уже не берем. Подставляем это вместо элемента с индексом 0 Надеюсь я описал понятнее а не сделал только хуже =)

​​HolyJS 2022 Spring — конференция для JavaScript-разработчиков от JUG Ru Group.  Она пройдет 8–10 июня, на 80% online, а 23 июня в Санкт-Петербурге будет offline-день.  Вас ждут 24 доклада от разработчиков из VK, Яндекса, QIWI, Тинькофф и других компаний. Поговорим о фреймворках, перформансе, техническом долге, архитектуре, работе с Node.js, serverless-подходе, графике, TypeScript и wasm. Среди докладов: ✔ «Безопасность данных: построение архитектуры при интеграции алгоритмов шифрования в приложении для финансового учета»; ✔ «Wasm GC»; ✔ «TypeScript: компромиссы проектирования языка»; ✔ «Поймать дзен, работая над дизайн-системой Яндекс.Дзена»; ✔ «Когда лагает интерфейс»; ✔ «Serverless — это не страшно!». Подробности и программа — на сайте конференции. При покупке билета на конференцию из категории «для частных лиц» используйте промокод: frontendnotes2022JRGpc

​​Вернулся в Беларусь после года в Амстердаме 2022 Всем привет! Среди программистов довольно популярно мнение что в Европе лучше живется и работается. Возможно это и так. Но давайте рассмотрим альтернативную точку зрения. Автор этого видео год прожил в Амстердаме и все таки принял решение вернуться в Беларусь. Это видео будет полезно всем кто думает о переезде, особенно тем кто думает о релокации в Голландию. Автор очень подробно рассказывает о проблемах с которыми он столкнулся при жизни в Голландии, о менталитете людей а так же зарплатах и расходах экспатов в этой стране. 🔥 В общем видос очень интересный, рекомендую. Смотреть...

​​Архитектура фронтенда и какой она должна быть Все мы знаем про, или слышали про практики и паттерны проектирования SOLID, GRASP, MVC, MV** и даже применяем их с переменным успехом, стараясь нащупать эффективный подход к построению приложений. Но это лишь приводит к разнообразию реализаций наших приложений и частей функционала. И поэтому я уже долгое время пытаюсь понять по каким правилам должно строиться фронтенд приложение чтобы оно удовлетворяло следующим критериям: 👉 легкое расширение функционала приложения; безболезненное внесение изменений в существующий функционал; 👉 унифицированная структура приложения; быстрый onboarding новых разработчиков на проект; 👉 понятный и прозрачный код; 👉 всегда понятно где в структуре файлов расположить ту или иную функциональность.  И так о том какие есть варианты... Читать статью...

​​Привет! SberCloud начинает серию коротких вебинаров «5 минут на запуск»! На встречах «без лишней воды» расскажут, как быстро начать работу в личном кабинете платформы SberCloud Advanced с запуска виртуального сервера или деплоя базы данных.  Выбирайте тему любого из 4-х вебинаров и регистрируйтесь по ссылке. 1) Как запустить виртуальную машину за 5 минут 23 мая, 11:00 2) «Хостинг сайта в облаке: проще, чем кажется» 24 мая, 11:00 3) «5 минут на всё: скоростной деплой базы данных» 25 мая, 11:00 4) «Как быстро настроить облачное хранилище» 26 мая, 11:00  До встречи на интенсиве!

​​Разрабатываем REST API с помощью TypeScript, NestJS, Prisma, AdminJS и Swagger В данном туториале мы разработаем простой сервер на NestJS, взаимодействующий с SQLite с помощью Prisma, с административной панелью, автоматически генерируемой с помощью AdminJS, и описанием интерфейса, автоматически генерируемым с помощью Swagger. Все это будет приготовлено под соусом TypeScript. Репозиторий с кодом проекта. Читать статью...

​​Как сделать кнопку такой, чтобы на нее захотелось нажать? 🤔 ⚡️Приглашаем 25 мая в 20:00 мск на бесплатный вебинар «Использование псевдоэлементов для создания интересных анимаций кнопок» в OTUS! 📚На вебинаре с Марией Коршуновой, веб-разработчиком с опытом более 10 лет мы разберем тему использования псевдо элементов для создания анимаций кнопок и как с помощью обычного CSS сделать это нажатие интересным или даже интригующим. 👉🏻Регистрация на вебинар: https://otus.pw/1YSv/

​​Что такое мемоизация? Как и когда использовать мемоизацию в JavaScript и React Всем привет! В этой статье рассказывается о мемоизации (запоминании), методе оптимизации, который может помочь сделать тяжелые вычислительные процессы более эффективными. Начинается с разговора о том, что такое мемоизация и когда его лучше всего реализовать. Так же в статье будут приведены практические примеры для JavaScript и React. Читать...

Разница между тегами b, strong и i, em Всем привет! Думаю что большинство из нас знает как работают эти теги и зачем они нужны. <b> и <strong> - делают текст жирным <i> и <em> - делают текст курсивным. И вроде как разницы между использованием например b и strong нет, так как визуально для нас нет никакой разницы. Но есть одно НО, оно заключается в семантике. Согласно спецификации HTML5 теги strong и em нужны для обозначения важности контента, а это значит что скринридер при чтении контента увидит эти элементы, в то время как b и i он проигнорирует. Вот такой вот маленький нюанс, имейте ввиду.

Планируете переезд или остаётесь в России? Если вы разработчик и у вас есть минута времени, поделитесь планами в анонимном опросе. Там всего 7 вопросов. Ваши ответы помогут крупному IT-работодателю понять, в каких странах стоит открывать офисы и как условия нужны разработчикам.

​​Почему я ушел из Netflix с позиции разработчика с окладом 450000$ Перевод статьи Michael Lin. Ссылка на оригинал Читать перевод на хабре...

​​Создание telegram web apps и взаимодействие с ними в телеграм ботах В обновлении Bot API 6.0 телеграм-боты получили много новых функций. Из них для разработчиков самая примечательная - Telegram Web Apps (Веб-приложения внутри телеграм). С этим нововведением разработчики могут подключать к своим ботам web-приложения, которые открываются в дополнительном окне, что сильно расширяет инструментарий, а, следовательно и функционал ботов в телеграм. Читать...

​​Всем привет! Ребята создали чат-бота Masterhub, который рассылает разработчикам релевантные Frontend вакансии без спама.  Настрой бота за 1 минуту и получай до 50 предложений в неделю, отобранных по твоим предпочтениям. @MasterHuBot

​​Node.js: разрабатываем бота для Telegram В данном туториале мы разработаем простого бота для Telegram. Сначала зарегистрируем и кастомизируем бота с помощью BotFather, затем напишем для него сервер на Express, развернем сервер на Heroku и подключим бота к серверу с помощью веб-хука. Читать...