Здравствуйте, друзья!

Предлагаем вам доклад Антона Зеленского о DDoS!

Много интересной и полезной информации о DDoS атаках: примеры из реальной не IT жизни помогут разобраться с сутью проблемы; примеры из IT помогут нырнуть в тему глубже; пути решения и способы борьбы с атаками помогут приблизиться к экспертам в области безопасности и понимать, что нужно делать, если вы столкнулись с DDoS атакой.

🔗 🎞 Russian - DDOS: самый эффективный интернет-рынок в 2021 году
🔗 🎞 English - DDOS: the most capable market in the web 2021

P.S. У нас есть канал в youtube - https://www.youtube.com/channel/UCSHd2aQgtXtCvseVwRsdaow

#video #ddos #security #network

Добрейший вечерочек!

Новость для любителей Angular⚡️

Разработчики Angular опубликовали RFC (Request For Comments) для типизированных реактивных форм.

ReactiveForms позволяют создавать сложно-структурированные model-driven формы, можно указывать даже массивы полей и древовидные структуры. При создании такой формы разработчики задают модель данных и правила валидации.

В RFC предлагается сделать модель данных для таких форм строго типизированными. В настоящее время тип значений всех полей - any.

До конца голосования осталось примерно 50 дней. Если сообщество проголосует положительно, данная функциональность попадет в беклог команды⚡️💪🏻

Типы будут доступны только для Reactive Forms, в template driven forms, по очевидным причинам, типы не будут доступны.

100% обратной совместимости не будет. Но утилита ng-update должна помочь с миграцией

Что же такое типизированные формы можно понять из примера в RFC:

cat = new FormGroup({
name: new FormControl('bob'),
lives: new FormControl(9),
});

const name = cat.value.name; // Тип string|null
cat.controls.name.setValue(42); // Ошибка! name has type string|null



Больше примеров, обсуждение и голосование на GitHub.

​​Доброй субботы!

Вашему вниманию исчерпывающая статья про ES модули от Dr. Axel.

В статье автор сначала раскрывает идею пакетов как единиц распространения JavaScript кода. Затем перечисляет три типа спецификаторов ES модулей.

Искушенные могут спокойно перескочить эти два раздела и перейти к самому любопытному - к использованию пакетов с помощью спецификаторов модулей в Node.js, Deno и веб-браузерах.

P.S. комментарий от нашего эксперта, столкнувшегося с этой историей в продакшне: «И тайпскрипт тоже по-своему резолвит это г🤬. Короче, там п🤬 с этими es модулями, статья хорошая, но в прод не советую тащить, если оно хоть как-то компилится».

​​В браузеры завозят глубокое клонирование.

У spread оператора есть один существенный недостаток - он создает неглубокие копии (новая ссылка формируется только для объектов верхнего уровня, вложенные объекты копируются по ссылке).

structuredClone() - это новая функция, которая скоро будет поддерживаться большинством браузеров, Node.js и Deno. Она создает глубокие копии объектов. В этой статье объясняется, как она работает.

Обратите внимание, что эта фича не входит в стандарт ECMAScript.

Впрочем, нам это не столь важно. Штука объективно нужна уже пару десятков лет. Давно ждем.

Добрый день!

Вашему вниманию статья о JS Self-Profiling API - апи, которое позволяет вам получать данные о производительности вашего веб-приложения JavaScript в реальном мире от реальных клиентов на реальных устройствах. (В настоящее время доступно только в Chrome 94+).

Другими словами, вы больше не ограничены профилированием вашего приложения на ваших персональных машинах (локально) из инструментов разработчика браузера!

В статье подробно расписано, как и когда нужно работать с этим апи, какие у него профиты и недостатки.

На наш взгляд, это выход на новый уровень при работе с производительностью.

А вы что думаете? Приходилось биться за перфоманс?

Angular 2022 preview - Standalone Components

Бодрой пятницы!

Чтобы вам было, что почитать в конце рабочей недели, наш эксперт подготовил статью про Standalone Components - одно из ожидаемых нововведений в Angular в 2022 году.

Статья покрывает основные вопросы, которые могут возникнуть у Angular разработчика при встрече с новой сущностью.

Надеемся, будет познавательно и интересно, и будем рады вашим комментариям!

Шестой ежегодный дайджест от Best of JS поведал нам о тенденциях мира JS за ушедший 2021 год.

Напомним, что Best of JS ежедневно делает «снапшот» звезд GitHub для списка из более чем 1.5к проектов, которые так или иначе считаются «интересными», по мнению редакции.

Достойными внимания восходящими звездами нам показались следующие проекты:

⚡️ Bash скрипты на JS от Google

⚡️ Аналог Electron на Rust В отличие от лидера, Tauri планирует расширить кросс-платформенность до мобильных устройств - звучит дерзко!

⚡️ Интересный редактор презентаций - будет ли конкурентом PowerPoint или Apple Keynote?


Ну и немного грусти: Ангуляр не вошел ни в десятку, ни в двадцатку топа (и тут все Ангуляр разработчики пустили скупую слезу 😢).

Ставьте 🔥, если считаете важным следить за тенденциями в технологиях, и обязательно добавляйте ссылки себе в закладки!

Доброй субботы!

AWS для привлечения инженеров и бизнеса в свою инфраструктуру создает различные решения популярных проблем. Одним из таких решений стали компоненты аутентификации для React, Vue и Angular на базе Amazon Cognito.

Эта статья представляет собой краткий обзор того, что можно сделать с помощью этих компонентов на примере простейшего React приложения.

Комментарий от одного из наших экспертов:

Признаться, я использую его в своем боевом проекте и это заняло меньше дня (без тестов). Все это подключить и настроить.

❗️❗️❗️Внимание, конкурс❗️❗️❗️

В четверг на стриме проведем соревнование в стиле Code Golfing (побеждает самое короткое решение задачи)!

Кто выиграет у Андрея Овсяника, победителя Math.random() Biathlon, и займет первое место в соревновании Clash of Code, получит футболку 👕Math.random()!

🔗 Clash of Code
🔗 https://www.mathrandom.com/events/clash-of-code-competition/

#stream #competition #event

🗣 Отличная новость для любителей yarn и/или (чем черт не шутит) pnpm❗️

Node.js теперь включает Corepack - скрипт, который действует как мост между проектами Node.js и менеджерами пакетов, которые они должны использовать во время разработки.

На практике Corepack позволит вам использовать Yarn и pnpm без необходимости их установки - точно так же, как это происходит с npm, который поставляется в Node.js по умолчанию.

С подробностями можно ознакомиться по ссылке.

Аттеншн! Эван Ю онлайн специально для вас! https://youtu.be/g7AoN7TiI2M

​​Минутка React на сон грядущий 😴🌙

Вот по этой ссылочке вы найдете исчерпывающее сравнение 17 и 18 версии React. Кратко и по делу. Автор старался, писал, разжевывал - вам только проглотить.

А для тех, кто пролежал в коме последние лет 10 и не совсем понимает, что за действительность их окружает - отличное видео, в котором коротенечко, за 15 минут, рассказывается история современного фронтенда от JQuery до React.

Хватай поп-корн, будет интересно 👀🍿

Вариант LibreOffice, скомпилированный в WebAssembly и работающий в web-браузере
Торстен Беренс (Thorsten Behrens), один из лидеров команды развития графической подсистемы LibreOffice, опубликовал демонстрационную версию варианта офисного пакета LibreOffice, скомпилированного в промежуточный код WebAssembly и способного запускаться в web-браузере (на систему пользователя загружается около 300 МБ данных). Для преобразования в WebAssembly задействован компилятор Emscripten, а для организации вывода VCL-бэкенд (Visual Class Library) на базе модифицированного фреймворка Qt5. Специфичные для поддержки WebAssembly исправления развиваются в основном репозитории LibreOffice.

🔥Codeberry Club приглашает вас на первый CTF Competition.

🗣Konstantin Perikov, Chief Software Engineer II

📆18 Февраля ⏰ 18.00 (UTC + 03.00 Minsk) CTF Competition Start.

📆21 Февраля ⏰ 18.00 (UTC + 03.00 Minsk) подведение итогов CTF Competition.

Что такое CTF и как его решить? Рассмотрим примеры, показывающие, как можно легко его решить СTF.

🔗Join to the CTF competition

#event #ctf

3D web мало-помалу эволюционирует: зацените 💫solar storm. Впечатляет, не так ли?

💫solar storm сделан на React Three Fiber.

Идея "подружить" компонентный подход Реакта с WebGL давно витала в умах поклонников Open Source проекта Three.js.

Наверное, поэтому команда разработчиков Poimandres объединила две зарекомендовавшие себя технологии в проект React Three Fiber, где взаимодействие с компонентами из контекста WebGL обрабатывается привычной механикой React.

Разработчики утверждают, что не привносят просадки производительности.

Более подробный обзор и туториал по React Three Fiber: How to build stunning 3D scenes with React Three Fiber

В августе стартует новый сезон Podlodka Frontend Crew и тема сезона - инструменты, которые упрощают жизнь фронтендера.

Сейчас подлодка в поисках экспертов, и если вам есть чем поделиться и рассказать про инструменты, приглашаем заполнить анкету https://t.co/IpRQ6k4k0v

Соберем вместе крутую программу 🎯

You're invited to join us at Codeberry Club Conference (UK)
on August 30 - September 13.

Topics being discussed by advanced engineering experts will include:

📍Performance Fight: Spring Web vs Spring Web as Native
📍Current state of Python
📍TDD with Spring Boot: practical session

Codeberry Club Conference (UK) is a conference for Advanced Engineers and those who want to work on world-class complex engineering projects, and impact the engineering industry.

🔗 Join us!