Новости 512 #197

В этом выпуске: видео с HolyJS Piter 2021, погружение в процесс бандлинга c Webpack 5, чего ждать от PHP 8.1, Babel 7.16 и снова о ES2022.

Как я уже говорил, раз в месяц мы будем в новостях публиковать горячие вакансии. Этот эпизод не исключение. Мы ищем middle front-end разработчиков и, внезапно, мобильных разработчиков под Android и iOS. Ещё одно мини-объявление: пятничного выпуска не будет, потому что 4 и 5 ноября — государственные праздники. Новости вернутся во вторник, 9 ноября.

Интересные публикации

Стартует HolyJS Moscow, конференция проходит онлайн 2-5 ноября. Поэтому выпуск начнется с плейлиста HolyJS Piter 2021. В плейлисте вы найдете все доклады конференции: и воркшопы по CI/CD с GitLab и JavaScript, и доклад об OCaml и размышления о том, правда ли нам нужен GraphQL. Там же есть доклады про производительность, реализацию кастомного SSR-движка и микрофронтенды, и даже про игровой движок в браузере и быстрый фронтенд на ТВ-приставках.

Патрик Броссе (Patrick Brosset) в своем блоге написал о том, как работать с файлами в вебе. Он касается таких вопросов, как скачивание и загрузка файлов, доступ к файловой системе, а также работа со скомпилированными файлами PWA-приложений. Неплохой гайд, который лаконично описывает достаточно много нюансов.

Следующая статья для тех, кто мечтает стать Senior Webpack Engineer. Андрей Гатеж (Andrei Gătej) написал о глубоком погружении в процесс бандлинга с Webpack 5. Статья довольно большая и требует концентрации, но получилось хорошо. Много диаграмм, поэтапное объяснение процесса, примеры кода и схемы — в общем, почти всё, что нужно знать.

На SmashingMagazine Роберт Сфичи (Robert Sfichi) написал статью о веб-скрейпинге при помощи Node.js. Если не сталкивались с понятием — это процесс извлечения данных из веб-страниц: например, вы открываете страницу в headless-браузере, выбираете, информация из каких блоков вам нужна, и дальше делаете с ней, что хотите. Роберт скрейпит данные с Amazon. Статья не откровение, но если вы никогда не имели дела с веб-скрейпингом, попробуйте. По тому же принципу можно собирать и другие данные, зависит только от вашей фантазии. А кругозор расширяет, ведь веб — это не только кнопки.

Марк Нунан (Mark Noonan) опубликовал на dev.to материал о тестировании Vue-компонентов при помощи Cypress. Раньше на проекте он и его команда использовали Cypress только для end-2-end тестирования, а когда появилась возможность тестировать компоненты, они решили перейти на Cypress и в случае с компонентами. Марк описывает процесс перехода, сами тесты и отличия от других инструментов тестирования компонентов.

Ахмад Шадид (Ahmad Shadeed) на этой неделе гостит на SmashingMagazine. В своей статье он рассказывает, как работают свойства object-fit и background-size, в каких случаях их стоит использовать и почему. Также он приводит примеры применения.

Ещё немного практики на чистом JavaScript. Хилман Рамадан (Hilman Ramadhan) написал небольшой гайд по реализации поиска на странице на ванильном JavaScript. В результате небольшого упражнения получится поиск по карточкам с заголовками, реализованный дебаунс и fuzzy-поиск.

К релизу плавно двигается версия PHP 8.1. В новом выпуске языка мы с вами увидим тип перечислений, свойства только для чтения, возможность использования ключевого слова new в инициализаторах и чистые пересекающиеся типы. О новинках PHP 8.1 в небольшом видеообзоре рассказал один из разработчиков фреймворка Laravel Мохамед Саид (Mohamed Said).

В выпусках новостей периодически есть материалы про доступность. Сегодня тоже. Татьяна Фокина в своем блоге опубликовала статью о CSS-медиафичах для улучшения доступности. В статье Татьяна затрагивает большое количество свойств и аспектов доступности, таких как цвета, прозрачность, анимации, темы и другие. Получилась большая и хорошо структурированная статья, а в конце — много ссылок для дополнительного чтения.

Завершит рубрику статья о Доке. Это лёгкое чтиво от команды проекта, где Алёна Батицкая и Николай Лопин рассказывают о самом проекте и команде, делятся планами, призывают сообщество объединиться и поработать над проектом.

Новости релизов

Вышла версия Safari Technology Preview 134. Кажется, Safari тоже стремится через тернии к звездам и продолжает участие в гонке браузерных фич. В этой версии поддерживается обработка ошибок для WebAssembly, а количество памяти для WASM было расширено до 4Гб. Как обычно подъехало много фиксов для веб-инспектора и CSS. Доработкам подверглись JSON.stringify, JSON.parse и регулярные выражения. Полный список изменений — на странице релиза.

Вышла первая стабильная версия браузера Edge для Linux. Выпуск основан на Chromium 95. Официального анонса ещё не было, но релиз вот-вот состоится, не скажу, что это большое событие. Лично я, как пользователь Linux, вряд ли пойду его устанавливать. Но это интересно тем, что браузер продолжает развиваться и, по всей видимости, мы увидим в Windows браузер здорового человека.

Доступен Babel 7.16. В этой версии статические блоки классов включены по умолчанию и добавлены поддержка ESLint 8.0 и TypeScript 4.5.

Отмечу также релизы ядра Linux 5.15 и фреймворка Laravel 8.68.

Другие новости

В этом выпуске другие новости будут немного необычными. Поговорим о ES2022 в целом и о pipeline-операторе в частности.

Сперва — презентация от Кристофа Портенёв (Christophe Porteneuve), посвященная новым фичам грядущей версии стандарта ES2022. Но он не только рассказывает о фичах, которые войдут в новый стандарт, но и говорит о том, какие стадии проходит пропозал, перед тем как войти в стандарт, а также вспоминает самые важные фичи из других версий стандарта, начиная с ES2018. Если вы по какой-то причине не застали новые фичи JavaScript, и вам интересно быстро, буквально за один слайд, схематично узнать о работе TC39 и принятии фич в стандарт языка — эта презентация как раз для вас. А новая фича, о которой мы поговорим конкретно — это pipeline-оператор. Она позволяет расширить последовательное выполнение разных методов. Авторы позиционируют фичу как более удобный способ создания цепочек методов и способ отказаться от ряда практик — таких, как, например, использование промежуточных переменных. Было интересно познакомиться с мотивацией, посмотреть на примеры. Я не очень часто смотрю в репозитории пропозалов, но в последнее время мне кажется, что это стоит делать чаще.

Завершит выпуск небольшой материал о безопасности. Исследователи из Кембриджского университета опубликовали информацию о новом способе атаки, который назвали «Троянский исходный код». Смысл в том, что при атаке вредоносный код для компилятора и пользователя, просматривающего код, выглядят по-разному. Атаку продемонстрировали для разных компиляторов и разных языков: C, Go, Java, Python и других. Больше подробностей — в открытом письме рассылки по безопасности.

Пишите нам и читайте

Telegram—канал CSSSR

Twitter CSSSR

Twitter новостей

Telegram ведущего

Twitter ведущего

Комментарии

Продолжая пользование данным Сайтом, вы даете свое согласие на сбор и обработку технической информации (cookies). Подробнее о cookies читайте вПолитике конфиденциальности.