Всем привет! Сегодня у нас крутейшие новости от Woman TechMakers, Google Developer Groups и Университета ИТМО.

В следующий четверг 16 Декабря пройдет митап [WTM] Women TechMakers & ITMO University #2 при поддерже GDG Saint Petersburg.

В программе доклады от наших коллег Марианны Минич и Антона Чеснокова.

Марианна выступит с темой “Как сделать валидацию формы и не облажаться с доступностью”.

Антон в своем докладе расскажет об истории развития фронтенд-разработки и о современных альтернативах стандартным технологиям.

🗓 16 Декабря
🕐 18:30
📍 Амфитеатр, Ректорский холл (Кронверкский пр., д.49)

Подробности и регистрация https://gdg.community.dev/events/details/google-gdg-st-petersburg-presents-wtm-women-techmakers-itmo-university-2/

Наши коллеги - Александр Канунников и Василий Ванин провели двухчасовой воркшоп по GlimmerX.

Узнайте что экосистема Ember может предложить разработчику в 2021 году.

Стек - Vite, GlimmerX, TypeScript, Tailwind, Apollo.

Топики - виды компонентов, слоты, работа со стилями, реактивность, роутинг, ленивая загрузка компонентов, SSR и регидрация.

Первая часть - https://www.youtube.com/watch?v=C-gBuD534lY
Вторая часть - https://www.youtube.com/watch?v=hAJJ9Y3UGvk

Репозиторий воркшопа - https://github.com/lifeart/glimmerx-workshop

Дорогие друзья!

Поздравляем вас с наступающим Новым годом!✨🎊🎉 🎄☃️

Спасибо, что были с нами и поддерживали нас.🤗

Мы подготовили специальный выпуск подкаста в новом формате. Спешим поделиться с вами.

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

https://youtu.be/yVucRZZnQCQ

Тайм-коды

00:00 Приветствие
02:44 Web containers. Запуск серверных приложений в браузере
10:40 Real-time перевод видеофайлов в Яндекс браузере
11:44 Core Web Vitals. Изменения в правилах ранжирования и борьба за пользователей
18:10 Новый сайт TypeScript
20:10 Angular Development Tools
23:55 Рост популярности Jamstack и системы управления контентом
30:00 Наши любимые Микрофронтенды. Зачем переходить на микросервисную архитектуру на фронте
35:25 Nuxt 3
36:25 Webpack Module Federation. Как организовать зависимости микрофронтендов. В чем проблема большого количества бандлеров
43:20 Почему не весь open source это добро на примере vite
47:24 Ember 4.0
48:14 GitHub Actions
51:18 Поздравления 🥳

Завтра (В Воскресенье, 2 Января) в районе 8-9 вечера по Москве, мы с @chicoxyzzy будем разбираться с передачей данных в WebWorker и обратно.

👷‍♂️Разберемся что такое (и зачем) COOP/COEP

👷‍♂️Потыкаем Atomics и SharedArrayBuffer

👷‍♂️создадим фунции для работы с LocalStorage из WebWorker с возможностью синхронного вызова

👷‍♂️Напишем свою либу (если успеем)

📺 Посмотреть: twitch.tv/kirjs | youtu.be/FSQoC-3YbmY
🎤 Пообщаться голосом: kirjs.com/talk
♥️ Сережин Канал: https://t.iss.one/webnya

Всем привет!

Пока вы постепенно интегрируете работу в свою жизнь после каникул, предлагаем вам посмотреть открытое интервью с Деном Абрамовым.

Создатель Redux отвечает на ряд вопросов стандартного технического интервью формата «чем let отличается от const» и «как центрировать <div>». Есть подозрение, что видео немного поднимет вам настроение и, возможно, самооценку😉

Комментарии под видео как отдельная форма искусства))

Успешного рабочего дня! И не забывайте про новую фишку телеги в виде реакций на посты🔥

​​⚡️⚡️⚡️Прощай, наш старый добрый друг!

12 января официально объявлено о полном прекращении поддержки AngularJS.

Несмотря на то, что сейчас AngularJS воспринимается разработчиками как legacy технология, современный фронт-энд многим обязан этому фреймворку. AngularJS навсегда изменил наше представление об экосистеме фронт-енда (подробнее можно узнать здесь).

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

Предлагаем вам доклад Антона Зеленского о 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 по умолчанию.

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