👩‍💻 JavaScript продолжает развиваться, и грядущий ECMAScript 2024 (ES15) привнесет в язык множество новых функций и улучшений

Эти обновления направлены на повышение эффективности работы разработчиков, читабельности кода и общей производительности 💻

Подробнее о нововведениях можно прочитать в статье.

🎉 Сегодня 256-й день года, а это значит, что мы празднуем День программиста!

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

😑 С кого срисовали?

Консорциум Unicode, некоммерческая организация, ответственная за разработку стандарта Unicode, выпустил 16-ю версию стандарта. В неё вошли новые эмодзи, и один из них вы видите на изображении. Этот эмодзи стал самым ожидаемым символом 2024 года.

Планируете использовать его? Он станет доступен в обновлениях операционных систем и приложений чуть позже — обычно это происходит в конце года или в начале весны.

👟 Тут на днях OpenAI анонснули новую модель o1-preview и o1-mini...

...говорят, что она намного эффективнее при решении математических задач и при написании кода. Судя по всему это связано с тем, что модель под капотом умеет пошагово «думать» и не нужно просить нейронку это делать.

В данный момент модель доступна для подписчиков ChatGPT (пока что дают очень маленький запас промптов), позже будет доступна для всех. Модель также на вход пока может принимать только текст.

⏳ Немного ностальгии

Вспоминаю, как начинал писать код в Notepad++, учился верстке в Dreamweaver. Ещё кодил в Sublime Text и Atom.

Недавно узнал, что Atom — это проект 💻 GitHub, и именно поэтому редактор прекратил получать обновления в 2022 году. Ведь у Microsoft есть 👩‍💻 VS Code. Был период, когда я использовал Brackets, который, как оказалось, разработан Adobe.

Сейчас уже и не вспомню, почему сменил так много редакторов кода. Скорее всего, потому что шесть лет назад VS Code не был таким популярным. Существовало множество альтернатив, каждая из которых предлагала уникальные фишки, которых не было у конкурентов.

Теперь же VS Code уверенно лидирует. Согласно опросу разработчиков Stack Overflow 2023 года, этот редактор признан самым популярным инструментом для разработки. Из 86 544 респондентов, 73,71% сообщили, что используют его.

💬 Использовали ли вы другие редакторы помимо VS Code?

🐱 Многие разработчики, возможно, упустили из виду, что Moment.js теперь считается устаревшей библиотекой

Даже при том, что на npm у неё по-прежнему более 21 миллиона загрузок в неделю, её создатели рекомендуют перейти на альтернативные решения.

Когда-то Moment.js была стандартом для работы с датами в JavaScript, но сегодня ситуация изменилась, и библиотеку больше не рекомендуется использовать по следующим причинам:

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

🔍 Вес библиотеки составляет целых 300 КБ. Для сравнения, framer-motion весит 140 КБ. Сейчас разработчики стараются избегать крупных зависимостей, так как это негативно сказывается на метриках производительности. Для проверки веса пакетов можно воспользоваться сервисом Bundlephobia.

Сами же разработчики советуют перейти на использование следующих библиотек 👇

1. Luxon (80 КБ) — библиотека от одного из мейнтейнеров Moment.js. Я сам часто использую её в своих проектах.

2. Day.js (1.7 КБ) — минималистичная альтернатива с аналогичным API, разработанная для тех, кто привык к синтаксису Moment.js и хочет быстро адаптироваться.

3. date-fns (77.5 КБ) — предлагает функциональные методы для работы с объектами Date. Я использовал эту библиотеку в коммерческом проекте и остался доволен её подходом.

4. js-Joda (209 КБ) — это порт JavaScript для библиотеки Three-Ten Backport на Java, которая лежит в основе API java.time в Java SE 8. Признаться, сам о ней узнал впервые, но разработчики Moment.js её рекомендуют.

👾 Если на вашем диске заканчивается место и вы используете Windows, у меня есть несколько советов, как освободить пространство

1️⃣ Compactor — утилита для сжатия игр и некоторых программ. Она использует встроенный механизм Windows, который позволяет сжимать большие файлы без потери производительности. Интересно, что этим алгоритмом сжатия пользуется только сама система, благодаря чему Windows занимает всего 12 ГБ на диске, хотя её фактический размер может достигать 25 ГБ. Пример: с помощью Compactor удалось сжать Visual Studio 2017 на 50%. Однако имейте в виду, что утилита работает не со всеми играми и программами.

2️⃣ WizTree — отличная утилита для анализа дискового пространства. Она визуально показывает, какие папки занимают больше всего места, а вы уже сами решаете, нужны ли вам эти файлы. Так, я нашёл кэш от программ, которые давно удалил с компьютера.

📌 State of HTML 2024

Запущен новый опрос, где у вас есть возможность повлиять на то, какие новые возможности работы с элементами появятся в будущем. Разработчики спецификаций изучают результаты опроса. Также это отличная возможность узнать о существующих функциях — вопросы составлены так, что вы можете узнать много нового.

🔗 survey.devographics.com/survey/state-of-html/2024

До этого я рассказывал в канале про State of CSS 2024.

Райан Даль, создатель Node.js и Deno, недавно написал открытое письмо к Oracle, в котором предложил сделать товарный знак «JavaScript» общедоступным

Он аргументирует это тем, что Oracle не использует этот термин в своих продуктах, а его наличие лишь создает путаницу среди разработчиков, вынуждая их использовать термин ECMAScript. Даль также отметил, что название JavaScript сбивает с толку, так как многие ошибочно связывают его с Java, хотя на самом деле у этих языков мало общего.

Думаю, что использовать аббревиатуру JS как название наравне с JavaScript было бы гораздо удобнее. Она не является зарегистрированным товарным знаком, поэтому её можно применять в названиях продуктов, конференций и других проектах без ограничений.

💬 Что думаете вы? Получится ли сделать JavaScript народным достоянием?

⌛️ Задумывались, почему на рекламных снимках устройств Apple всегда стоит время 9:41?

Это не просто случайное число, а отсылка к знаковому моменту в истории компании. Во время презентации первого iPhone в 2007 году Стив Джобс сказал знаменитую фразу: «Сегодня Apple собирается заново изобрести телефон» — именно в 9:41 утра, и на экране тогда было показано это время.

С тех пор 9:41 стало символом 💻 Apple и используется на всех изображениях с экранами их устройств. Интересно, что этот тренд подхватили и другие дизайнеры. Причина проста: 9:41 визуально приятно смотрится и ассоциируется с успешностью и инновационностью бренда Apple. Добавив это время на экраны своих устройств, они как бы передают сообщение: «Наш продукт тоже стоит внимания».

Более того, это время стало своего рода эталоном для демонстрации макетов и интерфейсов. Цифры легко читаются и визуально сбалансированы, что делает макеты более эстетичными.

9:41 — это не только часть истории Apple, но и доказательство того, как мелкие детали могут стать важной частью визуальной культуры.

💬 Используете ли время 9:41 на своих демонстрационных скриншотах?

👩‍💻 В новом Safari 18 теперь можно скрывать назойливые и отвлекающие элементы

С подробным чейнджлогом в новом Сафари можно ознакомиться здесь: webkit.org/blog/15865/webkit-features-in-safari-18-0

⏳ Лоадеры повсюду

Чтобы сделать ожидание пользователя в приложении более комфортным, часто используют анимированные индикаторы загрузки. Они могут быть самыми разными. Я нашёл отличную подборку из более чем 600 лоадеров, созданных исключительно с помощью CSS.

css-loaders.com

👩‍💻 Лигатуры в VS Code

Мне нравятся IDE от JetBrains за то, что они имеют лигатуры. Это когда два или больше символа склеиваются в единый.

Так вот. Оказывается, VS Code тоже такое умеет, но требуется настройка. Настраивается в JSON-файле.

"editor.fontLigatures": true

Такое мы используем 🕺

💻 Новый интерфейс Figma

Обновление UI3 станет доступным для всех пользователей 10-го октября, даже если вы не были в wait-листе.

Совершенно непонятно, будет ли возможность вернуться к UI2, поэтому, если у вас есть такая возможность, рекомендую уже сейчас начать переход на новый интерфейс и постепенно привыкать к изменениям. Тем более, команда Figma уже исправила часть выявленных недостатков.

Как вам в целом новый интерфейс Фигмы? Считаете ли вы его более удобным?

🥀 Было такое?

Эта проблема появляется, когда TypeScript конвертируется в JavaScript и всё съезжает. Всё из-за разницы двух языков.

У Bloomberg вышла библиотека, которая, по сути, должна хотя бы частично исправить данную проблему.

👩‍💻 На NPM есть целая библиотека, которая предоставляет функцию для проверки чётности числа

Она имеет зависимость от библиотеки is-odd и её скачивают более 150 тысяч раз в неделю.

На сегодня у меня всё…

🎁 Подарки в Telegram

В последней версии 💻 Telegram Beta для Android появилась возможность дарить подарки своим друзьям. Они могут сохранить эти подарки в своем профиле или конвертировать их в звезды.

Где-то мы такое уже видели… 🤔

👩‍💻 Vite + https + localhost

Использовать протокол HTTPS вместе с localhost не совсем простая задача. Нужно иметь самоподписанный сертификат для localhost. Но я нашёл плагин для Vite, который самостоятельно подписывает localhost и подставляет ключ сертификата в конфиг Vite.

Для чего это надо?

HTTPS на localhost нужен разработчику для тестирования безопасности, совместимости с API, имитации реальной среды и работы с технологиями, требующими безопасного соединения, такими как PWA и Service Workers.

Установка плагина

npm i vite-plugin-mkcert -D

Применение плагина

// vite.config.ts

import mkcert from "vite-plugin-mkcert"

export default defineConfig({
  plugins: [
    mkcert(),
  ]
})

Проблема решена. Теперь проект запускается с https 🕺