​​Всем привет!

Собеседование - процесс зачастую крайне волнительный. Что будут спрашивать? Как нужно отвечать? Как нужно себя вести? - эти и тысячи других вопросов буквально роятся в голове и не дают сосредоточится. Вот бы подглядеть хоть один пример техинтервью…

Что ж, такая возможность у вас есть.

В ближайший четверг на канале наших друзей, сообщества Math.Random, наш коллега Антон Зеленский проведёт открытое интервью на позицию Node.js developer.

Присоединяйтесь!

Когда:
🗓 11 ноября 2021
⏰ 18:30 MSK

Подробности и регистрация по ссылке:
🔗 https://www.mathrandom.com/events/public-interview-for-nodejs-senior/
🔗 https://www.youtube.com/watch?v=cuDhmVGkKUU

Capture The Flag - это командные соревнования по захвату и защите компбютерных систем. В зависимости от формата соревнований задачей может быть выполнение прикладых задач или кибератака. CTF это вызов или интересный опыт для инженера?

Denial-of-service attack - одна из самых популярных атак на систему или приложение с целью вывода из строя. Для защиты от DDOS уже сформировался огромный рынок. Как это работает? Как защитить свою систему?

Flutter нравится разработчикам. Мы готовы работать с Flutter. А готов ли Flutter работать с нами?

Это не просто набор мыслей, а темы докладов Антона Зеленского, Константина Перикова и Саши Денисова для митапа от сообщества Codeberry Club.

Присоединяйтесь онлайн:
🗓 25 Ноября с 14:00 по 19:00 (Мск).

Будет интересно!

https://community-z.com/events/codeberry-club-open-day

​​{ link: Lossless Image Compression in O(n) Time }

Всем привет! Зацените!

Dominic Szablewski создал компрессор для RGB и RGBA картинок. Он без потерь сжимает изображения до размеров, аналогичных PNG, обеспечивая при этом 20x-50x ускорение при сжатии и 3x-4x ускорение при распаковке.
Самое любопытное - весь код поместился всего в 300 строк на C!

А чем ты занимаешься в свободное от работы время?))

Короче, рабочая штука, проверил

Всем привет! Сегодня у нас крутейшие новости от 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+).

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

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

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

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