🧅 Bun 1.0

Самой горячей новостью недели стал релиз Bun 1.0!
Много споров породил: кто-то восхищался скоростью, кто-то снисходительно вспоминал Deno.
На вопрос "Заменит ли Bun ноду?" я не отвечу и предлагаю подискутировать в комментах вам.

Выскажу лишь аргумент за и против.

За Bun
В отличии от Deno, Bun полностью совместим с Node.js.
Поэтому если перейти на Bun - дело получаса, то почему бы и нет?

Против Bun
Главная фишка Bun - скорость.
Но проблема в том, что в приложениях узким горлышком производительности является не Node.js, а коннект с базой данных.
А бизнес заинтересован именно в этом показателе перформанса, а не в скорости прогона тестов.

Если пропустили, то вот вам сборник роликов про релиз Bun 1.0

ru:
Bun sh - революция в JavaScript? (Ulbi tv)
Bun 1.0: вместо Node.js? (Anton Larichev)

eng:
Bun 1.0 is here (Официальный канал)
Bun Is Better Than I Hoped (Theo)
Bun is disrupting JavaScript land (Fireship)
Bun 1.0 Release | Prime Reacts (ThePrimeTime)

Итак, подводим итоги!

Добавлены:
- стейт менеджеры: Effector, Mobx
- фреймворк: Remix
- валидация: zod, yup (В ролике упоминались, но в список не вынесены)
- работа с датами: day.js, date-fns (moment.js лучше больше не использовать)
- мобильные приложения: Flutter (Тут он белая ворона, но пусть будет)
- стилизация: css modules

🕵‍♂️ Первый в истории ресерч State of HTML!

Да, частично пересекается с исследованием по CSS, но все равно много нового для себя откроете!

Пройти тест!

🌝 Бесплатные полезные ресурсы по вебу

1) HTML - https://www.w3schools.com/
2) CSS - https://css-tricks.com/
3) UI/UX - https://hackdesign.org/
4) JavaScript - https://scrimba.com/
5) React - https://scrimba.com/
6) Vue - https://vueschool.io/
7) Git - https://learngitbranching.js.org/
8) Web3 - https://learnweb3.io/

Множество интерактивных курсов (очень советую) - https://www.freecodecamp.org/

🇬🇧 Нужен английский

🔑🪆 Новые переменные в JavaScript!

Давненько в JavaScript не появлялись новые способы объявления переменных.
И вот пожалуйста! Разбираемся с using!

Смотреть!

🥶☠️Мой самый большой косяк в карьере!

В начале карьеры мне повезло оказаться в одной большой всем известной конторе.
Во избежание неприятностей, называть ее буду N. В комментах можете попробовать отгадать о какой организации речь.

Меня джуна забросили на публичный проект, который нужно было сдать к определенной дате.
На дату эту был запланирован запуск рекламной компании: мало того, что ролики крутили в рекламных блоках по всем каналам, так еще и проект стал генеральным спонсором одного популярного в те времена шоу.

Короче уровень ответственность и стресса в команде зашкаливал. Естественно, мы ничего не успевали и в прямом смысле ночевали на работе.
Но за неделю до дедлайна прила более менее была готова. Осталось только отрегрессить.

Основной частью приложения был модуль СМИ: статейки, новости.
Проблема в том, что статьи на проде еще не были написаны, но их нужно было завести на тестовом стенде, чтобы тестер смог проверить функционал.

Поэтому я, недолго думая, взял сайт с Челябинской криминальной сводкой.

Регресс прошел успешно, проект запустили.
Но вот на следующий день мы приходим на работу героями и тут один из высокопоставленных сотрудников компании N звонит нашему продукту и орет в трубку:
"Что за х**ня у вас происходит?"

Мы заходим на прод и видим статьи на главной про расчлененку, изнасилования и мокруху в суровых челябинских дворах.

Даа, каким-то образом на прод выкатились статьи с тестового стенда 🤷
И это все в том момент, когда на сайт льется трафик с рекламы.

Разбор полетов был серьезным.
Понятное дело, что это коллективная ошибка, но с той поры я навсегда запомнил, что в тестовые данные херню вставлять не стоит.

🎃 Самый новый HTML!

Возможности хтмла о которых мало кто знает.

К просмотру!

Srcset and sizes атрибуты

Старейшие атрибуты изображений, которые на практике используются очень редко.

Отображение разноформатных изображений в адаптивной верстке - частая задачка.

Условно на телефонах нужно отобразить легкую картинку 1:1, а на десктопах большую и тяжелую 16:9.

Для этого можно использовать связку атрибутов srcset + sizes в <img/>

Атрибут srcset содержит список URL изображений, за которыми следуют сведения о ширине изображений.

Описывая набор изображений таким способом, мы сообщаем браузеру следующее: «Я даю тебе список изображений и доверяю тебе выбор самого подходящего».

Чтобы переключение изображений заработало нужен еще атрибут sizes, где
пишем список медиа-условий и соответствующую ему ширину изображения.

Подробная статья про адаптивные изображения с srcset и sizes тут.

Надо сказать, что чаще для решения тех же задач используется <picture/>.

❄️ State of React 2023

Разгулялись в этом году исследователи из Devographics.
На этот раз изучаем React!

К исследованию!

🎭🎪 Новые CSS-анимации!

Продолжаем знакомиться с новинками фронтенда!

Сегодня разбираемся в мастштабном обновлении CSS анимаций!

К просмотру!

Ссылки на документацию из ролика:

1. View transitions API
2. Scroll driven animation

State of JavaScript 2023!

Вот и пришло время для главного исследования года!

Пройти тест!

🕸 Новый Switch-case в JavaScript?

Любопытный proposal проходит сейчас стандартизацию.

В язык добавляется конструкция match-when. Выглядит конечно мощнее и гибче старого свитча.

Ролик про match-when!

Всем привет! Ищу работу.
В ассортименте Angular, React.

Пишите сюда @How_to_learn_IT

🍏☠️ Frontend заменит мобильную разработку???

Размышляем о проблеме 3 в 1.

К просмотру!

💼💵 Фронтендер ищет работу за 1 000 000$

Пытаюсь стать самым высооплачиваемым фронтендером на Руси.

К просмотру!

🚀🛰 Как пишут код для космоса?

Космический программист рассказывает про специфику бортового кода.

К просмотру!

☠️🥸 Руки прочь от HTML-программистов!

Возвращаемся с каникул!
Рассказываю о том, что делал на работе последний год.

К просмотру!