This media is not supported in your browser
VIEW IN TELEGRAM
#чтопроисходит
📌 Подборка для фронтенд-разработчика:
⚡️ Вышел Chrome 116. Что нового: Document Picture-in-Picture API, свойство notRestoredReasons и многое другое.
🔸Анонс Electron 26.0. Значительное изменение номера версии связано с обновлением до кодовой базы Chromium 116, платформы Node.js 18.16.1 и JavaScript-движка V8 11.2.
🔸Анонс Fresh 1.4, веб-фреймворка на базе Deno.
🔸jest-dom 6.0.1 — кастомные матчеры Jest.
🔸NodeBB 3.3.1 — движок для форумов на базе Node.js.
🔸Angular 16.2
🔸Playwright 1.37.0 — фреймворк для веб-тестирования и автоматизации.
🔸SVGR 8.1 — преобразование SVG в React-компоненты.
🔸BlockNote 0.9 — блочный редактор в стиле Notion, построенный на основе Prosemirror (демо)
🔸React Number Format 5.3 — библиотека форматирования ввода для чисел.
🔸Tinypool 0.8 — минималистичная имплементации Worker Thread Pool Node.js.
🔸melonJS 15.9 — легковесный игровой движок HTML5.
🔸Sortable 2.3 — ванильная сортировка таблиц JavaScript (демо)
🔸Preact 10.17.0 — быстрая альтернатива React размером с таким же современным API.
📌 Подборка для фронтенд-разработчика:
🔸Анонс Electron 26.0. Значительное изменение номера версии связано с обновлением до кодовой базы Chromium 116, платформы Node.js 18.16.1 и JavaScript-движка V8 11.2.
🔸Анонс Fresh 1.4, веб-фреймворка на базе Deno.
🔸jest-dom 6.0.1 — кастомные матчеры Jest.
🔸NodeBB 3.3.1 — движок для форумов на базе Node.js.
🔸Angular 16.2
🔸Playwright 1.37.0 — фреймворк для веб-тестирования и автоматизации.
🔸SVGR 8.1 — преобразование SVG в React-компоненты.
🔸BlockNote 0.9 — блочный редактор в стиле Notion, построенный на основе Prosemirror (демо)
🔸React Number Format 5.3 — библиотека форматирования ввода для чисел.
🔸Tinypool 0.8 — минималистичная имплементации Worker Thread Pool Node.js.
🔸melonJS 15.9 — легковесный игровой движок HTML5.
🔸Sortable 2.3 — ванильная сортировка таблиц JavaScript (демо)
🔸Preact 10.17.0 — быстрая альтернатива React размером с таким же современным API.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8👍3❤1
Креатив от третьего докладчика👇
Чтобы стать крутым сеньором,
Нужно срочно на реакте,
Ангуляре, вью и квике,
Вам закодить ту-ду лист.
📌А вот и подборка докладов:
📺 Алексей Авдеев, CTO в Mish. Что такое Web3 и как под него разрабатывать.
📺 Роман Миронов, фронтенд-разработчик в Авито. Как мы добавляли видео на Авито.
📺 Александр Водолазских, руководитель направления разработки интерфейсов клиентского продукта в СберМаркете. Pet-проекты – это зло. Вредные советы для фронтендеров.
#чтопроисходит
Чтобы стать крутым сеньором,
Нужно срочно на реакте,
Ангуляре, вью и квике,
Вам закодить ту-ду лист.
📌А вот и подборка докладов:
#чтопроисходит
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7❤3🔥2
📌 Новости и обновления популярных инструментов: подборка для фронтенд-разработчика
⚡Релиз Safari 17.0. Возможности WebKit в новой версии:
• Начальная поддержка font-size-adjust, позволяющая легко сделать одинаковым визуальный размер разных шрифтов
• Поддержка text-transform: full-width и text-transform: full-size-kana.
• Новый элемент поиска <search>, атрибут popover и многое другое
⚡Релиз Firefox 118:
• В CSS добавлено 10 новых математических функций
• В CSS-свойстве font-size-adjust реализован параметр "from-font", указывающий об использовании метрик шрифта, взятых из первого доступного шрифта
• В HTTP-заголовке Permissions-Policy добавлена поддержка значения publickey-credentials-get
• По умолчанию включён механизм ORB, позиционируемый как замена механизма CORB для блокирования загрузки ресурсов при запросе со стороннего домена
• Включена по умолчанию система машинного перевода и многое другое
🔸Shoelace 2.9 — набор компонентов, не зависящих от фреймворка.
🔸Dependency Cruiser 14.0 — инструмент для визуализации и проверки зависимостей.
🔸Ember 5.3 — амбициозный фреймворк для создания современных веб-приложений.
🔸pnpm 8.8 — менеджер пакетов для JavaScript.
🔸Bit 1.0 — инструмент для изоляции, версионирования и повторного использования компонентов кода.
🔸n64js — эмулятор Nintendo 64 на JavaScript.
🔸Chardet 2.0 — библиотека для определения кодировки символов.
🔸React Chrono 2.3 — современный React-компонент для рендеринга временных шкал.
🔸Sonner 1.0 — компонент всплывающих уведомлений для React.
🔸React PDF 7.4 — инструмент для отображения PDF-файлов в React-приложении.
🔸React Bootstrap 2.9 — компоненты Bootstrap, созданные для React.
🔸React Native VisionCamera 3.1 — мощная и высокопроизводительная React-библиотека для управления камерой.
🔸ip-address 9.0 — библиотека для парсинга и управления адресами IPv4 и IPv6 в JavaScript.
🔸Jazzer.js 2.0 — фаззер для Node.js.
🔸Preact 10.18.0
🔸esbuild 0.19.4
#чтопроисходит
⚡Релиз Safari 17.0. Возможности WebKit в новой версии:
• Начальная поддержка font-size-adjust, позволяющая легко сделать одинаковым визуальный размер разных шрифтов
• Поддержка text-transform: full-width и text-transform: full-size-kana.
• Новый элемент поиска <search>, атрибут popover и многое другое
⚡Релиз Firefox 118:
• В CSS добавлено 10 новых математических функций
• В CSS-свойстве font-size-adjust реализован параметр "from-font", указывающий об использовании метрик шрифта, взятых из первого доступного шрифта
• В HTTP-заголовке Permissions-Policy добавлена поддержка значения publickey-credentials-get
• По умолчанию включён механизм ORB, позиционируемый как замена механизма CORB для блокирования загрузки ресурсов при запросе со стороннего домена
• Включена по умолчанию система машинного перевода и многое другое
🔸Shoelace 2.9 — набор компонентов, не зависящих от фреймворка.
🔸Dependency Cruiser 14.0 — инструмент для визуализации и проверки зависимостей.
🔸Ember 5.3 — амбициозный фреймворк для создания современных веб-приложений.
🔸pnpm 8.8 — менеджер пакетов для JavaScript.
🔸Bit 1.0 — инструмент для изоляции, версионирования и повторного использования компонентов кода.
🔸n64js — эмулятор Nintendo 64 на JavaScript.
🔸Chardet 2.0 — библиотека для определения кодировки символов.
🔸React Chrono 2.3 — современный React-компонент для рендеринга временных шкал.
🔸Sonner 1.0 — компонент всплывающих уведомлений для React.
🔸React PDF 7.4 — инструмент для отображения PDF-файлов в React-приложении.
🔸React Bootstrap 2.9 — компоненты Bootstrap, созданные для React.
🔸React Native VisionCamera 3.1 — мощная и высокопроизводительная React-библиотека для управления камерой.
🔸ip-address 9.0 — библиотека для парсинга и управления адресами IPv4 и IPv6 в JavaScript.
🔸Jazzer.js 2.0 — фаззер для Node.js.
🔸Preact 10.18.0
🔸esbuild 0.19.4
#чтопроисходит
👍11🔥2
💛Подборка докладов для фронтенд-разработчика (презентации):
🌐 Что делать, когда бандл нужно «посадить на диету» / Софья Гусева
🌐 Сотни компонентов, сотни экспериментов и всего одна страница / Константин Носов
🌐 Ajax от A до X / Александр Сулима
🌐 Ускоряем Time To Market / Иван Артамонов
🌐 ДАА!! ML на JavaScript! Но зачем? / Алексей Охрименко
#чтопроисходит
#чтопроисходит
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7❤3
This media is not supported in your browser
VIEW IN TELEGRAM
📌 Новости и обновления популярных инструментов: подборка для фронтенд-разработчика
⚡Вышел Chrome 118. Подробнее о нововведениях читайте здесь.
⚡Доступен корректирующий выпуск Firefox 118.0.2, в котором представлены некоторые исправления.
⚡Представлены Node 20.8.0 и Node 18.18.1 (LTS)
🔸Electron 27: набор инструментов для кроссплатформенных десктопных приложений получает поддержку Chromium 118, Node.js 18.17.1 и V8 11.8, но теряет поддержку macOS 10.13/14.
🔸Fresh 1.5: нативный фреймворк Deno для создания полнофункциональных веб-приложений. В версии 1.5 добавлена поддержка partials (возможность обновить часть существующей страницы).
🔸Parcel 2.10: zero-config инструмент сборки получил серьезные улучшения производительности (в 7 раз быстрее в крупных проектах). Devon Govett погрузился в эту тему подробнее в треде.
🔸Bun 1.0.5: исправлены ошибки и представлены небольшие улучшения для рантайма JS.
🔸Payload 2.0: Postgres, Live Preview, Lexical RTE и многое другое
🔸Ionic 7.5: добавлена поддержка автономных компонентов Angular, Datetime, Toast и многого другого.
🔹Solid 1.8 — реактивная JavaScript-библиотека для создания UI без использования виртуальной DOM.
🔹Hotkey 2.1.1 — инструмент для добавления сочетания клавиш на страницы с помощью HTML-атрибутов (например, data-hotkey="Meta+d").
🔹React-Menu 4.1 — компонент для создания доступных меню и раскрывающихся списков.
🔹pnpm 8.9 — альтернативный эффективный менеджер пакетов.
🔹Highlight.js 11.9 — популярная библиотека подсветки синтаксиса JS.
#чтопроисходит
⚡Вышел Chrome 118. Подробнее о нововведениях читайте здесь.
⚡Доступен корректирующий выпуск Firefox 118.0.2, в котором представлены некоторые исправления.
⚡Представлены Node 20.8.0 и Node 18.18.1 (LTS)
🔸Electron 27: набор инструментов для кроссплатформенных десктопных приложений получает поддержку Chromium 118, Node.js 18.17.1 и V8 11.8, но теряет поддержку macOS 10.13/14.
🔸Fresh 1.5: нативный фреймворк Deno для создания полнофункциональных веб-приложений. В версии 1.5 добавлена поддержка partials (возможность обновить часть существующей страницы).
🔸Parcel 2.10: zero-config инструмент сборки получил серьезные улучшения производительности (в 7 раз быстрее в крупных проектах). Devon Govett погрузился в эту тему подробнее в треде.
🔸Bun 1.0.5: исправлены ошибки и представлены небольшие улучшения для рантайма JS.
🔸Payload 2.0: Postgres, Live Preview, Lexical RTE и многое другое
🔸Ionic 7.5: добавлена поддержка автономных компонентов Angular, Datetime, Toast и многого другого.
🔹Solid 1.8 — реактивная JavaScript-библиотека для создания UI без использования виртуальной DOM.
🔹Hotkey 2.1.1 — инструмент для добавления сочетания клавиш на страницы с помощью HTML-атрибутов (например, data-hotkey="Meta+d").
🔹React-Menu 4.1 — компонент для создания доступных меню и раскрывающихся списков.
🔹pnpm 8.9 — альтернативный эффективный менеджер пакетов.
🔹Highlight.js 11.9 — популярная библиотека подсветки синтаксиса JS.
#чтопроисходит
👍13🔥4❤2
• Почему CSS in JS библиотеки вызывают так много противоречий среди frontend разработчиков?
• Как влияют на производительность, поддерживаемость кода, девелопер экспириенс?
• Как браузер обрабатывает styled, как влияет на семантику, работает с props и theme?
• Как правильно настраивать, использовать и мониторить Sentry?
• Что поможет уменьшить количество ошибок в продакшене?
• Как определять и быстро устранять просочившиеся с релизом ошибки?
• Что следует сделать в первую очередь при старте интеграции?
• Как подружить нативные компоненты с вебом?
• Как спрятать бесшовную авторизацию?
• О чем попросить мобильных разработчиков, чтобы облегчить себе жизнь?
• Какие возможности предоставляет web3 именно для фронтенд-разработчика?
• Какие популярные пакеты можно использовать вместе с React для взаимодействия с Ethereum-кошельками и смарт-контрактами?
• С какими проблемами можно столкнуться при переходе на web3?
#чтопроисходит
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9❤2
#чтопроисходит
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔11👍6🥱1
А если серьезно, то на недавней Next.js Conf была представлена 14-ая версия фреймворка, а вместе с ней стабильную поддержку получили Server Actions. Кроме того:
◆ next dev --turbo
↳ Запуск локального сервера на 53% быстрее
↳ Обновление кода на 94% быстрее
◆ Partial Prerendering (Preview)
◆ Новый курс для изучения Next.js
↳ App Router
↳ Authentication
↳ Postgres
Хотите погрузиться в эту тему подробнее? Читайте анонс React Server Components или запустите демо-приложение, использующее React Server Components. Если совсем ничего непонятно, здесь есть неплохой обзор происходящего с React и Next.js.
#чтопроисходит
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥16😁3🥱3🤯2👍1
🎙JetBrains JavaScript Day 2023 — бесплатное мероприятие, посвященное современной разработке на JavaScript и TypeScript.
📺 Состояние Angular – v17 / Simona Cotin, Engineering Manager в Google
📺 Фреймворк с поддержкой искусственного интеллекта? «Использование LLM, чтобы поставить человека на первое место» / Daniel Roe, Framework Lead в Nuxt
📺 Ложь, которую мы говорим себе, используя TypeScript / Stefan Baumgartner, owner oida.dev
📺 TC39 — от предложения к ECMAScript — шаг за шагом / Romulo Cintra, веб-энтузиаст в Igalia
📺 React: самые распространенные ошибки в 2023 году / Cory House, системный архитектор и автор курсов на Pluralsight
📺 JavaScript должен идти с батарейками / Luca Casonato, Software Engineer в Deno
📺 Это больше не просто Node.js / James M Snell, Principal Software Engineer в Cloudflare Workers
📺 View Transitions: факты и выдумки / Fred K. Schott, соавтор Astro
#чтопроисходит
📺 Состояние Angular – v17 / Simona Cotin, Engineering Manager в Google
📺 Фреймворк с поддержкой искусственного интеллекта? «Использование LLM, чтобы поставить человека на первое место» / Daniel Roe, Framework Lead в Nuxt
📺 Ложь, которую мы говорим себе, используя TypeScript / Stefan Baumgartner, owner oida.dev
📺 TC39 — от предложения к ECMAScript — шаг за шагом / Romulo Cintra, веб-энтузиаст в Igalia
📺 React: самые распространенные ошибки в 2023 году / Cory House, системный архитектор и автор курсов на Pluralsight
📺 JavaScript должен идти с батарейками / Luca Casonato, Software Engineer в Deno
📺 Это больше не просто Node.js / James M Snell, Principal Software Engineer в Cloudflare Workers
📺 View Transitions: факты и выдумки / Fred K. Schott, соавтор Astro
#чтопроисходит
👍10
🔥 Представлен выпуск TypeScript 5.3
📌 Что нового в релизе:
• Import Attributes
• Stable Support resolution-mode in Import Types
• resolution-mode Supported in All Module Modes
• switch (true) Narrowing
• Narrowing On Comparisons to Booleans
• instanceof Narrowing Through Symbol.hasInstance
• Checks for super Property Accesses on Instance Fields
• Interactive Inlay Hints for Types
• Settings to Prefer type Auto-Imports
• Optimizations by Skipping JSDoc Parsing
• Optimizations by Comparing Non-Normalized Intersections
• Consolidation Between tsserverlibrary.js and typescript.js
• Breaking Changes and Correctness Improvements
#новости #чтопроисходит
📌 Что нового в релизе:
• Import Attributes
• Stable Support resolution-mode in Import Types
• resolution-mode Supported in All Module Modes
• switch (true) Narrowing
• Narrowing On Comparisons to Booleans
• instanceof Narrowing Through Symbol.hasInstance
• Checks for super Property Accesses on Instance Fields
• Interactive Inlay Hints for Types
• Settings to Prefer type Auto-Imports
• Optimizations by Skipping JSDoc Parsing
• Optimizations by Comparing Non-Normalized Intersections
• Consolidation Between tsserverlibrary.js and typescript.js
• Breaking Changes and Correctness Improvements
#новости #чтопроисходит
🎉8👍4🤔1
Forwarded from Библиотека программиста | программирование, кодинг, разработка
🤖 Итоги недели в мире ИИ и обзоры новых сервисов
Мы написали статью на VC, которая основана на очередном выпуске нашей рассылки про последние новости и тенденции в мире ИИ. Залетайте и читайте!
👇 Ниже — мини-подборка из статьи 👇
📰 Новости
▫️ OpenAI объявила о запуске долгожданного магазина кастомных чат-ботов.
▫️ В Пасадене (штат Калифорния) открывается первая закусочная CaliExpress by Flippy, полностью управляемая ИИ.
▫️ NVIDIA выпустила модель для распознавания речи Parakeet, которая по всем показателям превосходит OpenAI Whisper.
▫️ Использование ИИ в совместном научном проекте Microsoft и Тихоокеанской северо-западной национальной лаборатории в течение недели помогло определить новый элемент, который поможет снизить на 70% использование лития в батареях. Без ИИ такое исследование заняло бы по меньшей мере 20 лет.
▫️ Компания ByteDance выпустила новую модель MagicVideo-V2 для генерации видео.
🛠 Инструменты
◾️ Auto Wiki — генерирует вики-документацию для GitHub репозиториев.
◾️ Code to Flow — визуализирует, анализирует и объясняет код, написанный на всех популярных языках и фреймворках.
◾️ Concepto — платформа для создания прототипов веб-приложений.
◾️ Afforai — выполняет суммаризацию, перевод и поиск по множеству документов.
◾️ Corgea — исправляет уязвимые фрагменты кода.
◾️ Jan — опенсорсный оффлайновый чат-бот.
◾️ Plus AI — плагин для Google Slides: делает профессиональные презентации, персональные и командные дашборды, любые отчеты.
🤙 Сделай сам
🔸 WikiChat — опенсорсный инструмент для коррекции галлюцинаций с помощью информации из Википедии.
🔸 Подробная шпаргалка и советы по созданию продвинутых RAG.
🔸 OpenVoice — опенсорный инструмент для мгновенного клонирования голоса.
🎓 Туториалы
🔹 Туториал по работе с новым API Query Pipelines показывает примеры создания простых линейных цепочек и сложных ациклических графов из модулей LlamaIndex.
🔹 Туториал по объединению LLM с помощью mergekit детально разбирает 4 основных метода объединения моделей.
#чтопроисходит
Мы написали статью на VC, которая основана на очередном выпуске нашей рассылки про последние новости и тенденции в мире ИИ. Залетайте и читайте!
📰 Новости
▫️ OpenAI объявила о запуске долгожданного магазина кастомных чат-ботов.
▫️ В Пасадене (штат Калифорния) открывается первая закусочная CaliExpress by Flippy, полностью управляемая ИИ.
▫️ NVIDIA выпустила модель для распознавания речи Parakeet, которая по всем показателям превосходит OpenAI Whisper.
▫️ Использование ИИ в совместном научном проекте Microsoft и Тихоокеанской северо-западной национальной лаборатории в течение недели помогло определить новый элемент, который поможет снизить на 70% использование лития в батареях. Без ИИ такое исследование заняло бы по меньшей мере 20 лет.
▫️ Компания ByteDance выпустила новую модель MagicVideo-V2 для генерации видео.
🛠 Инструменты
◾️ Auto Wiki — генерирует вики-документацию для GitHub репозиториев.
◾️ Code to Flow — визуализирует, анализирует и объясняет код, написанный на всех популярных языках и фреймворках.
◾️ Concepto — платформа для создания прототипов веб-приложений.
◾️ Afforai — выполняет суммаризацию, перевод и поиск по множеству документов.
◾️ Corgea — исправляет уязвимые фрагменты кода.
◾️ Jan — опенсорсный оффлайновый чат-бот.
◾️ Plus AI — плагин для Google Slides: делает профессиональные презентации, персональные и командные дашборды, любые отчеты.
🤙 Сделай сам
🔸 WikiChat — опенсорсный инструмент для коррекции галлюцинаций с помощью информации из Википедии.
🔸 Подробная шпаргалка и советы по созданию продвинутых RAG.
🔸 OpenVoice — опенсорный инструмент для мгновенного клонирования голоса.
🎓 Туториалы
🔹 Туториал по работе с новым API Query Pipelines показывает примеры создания простых линейных цепочек и сложных ациклических графов из модулей LlamaIndex.
🔹 Туториал по объединению LLM с помощью mergekit детально разбирает 4 основных метода объединения моделей.
#чтопроисходит
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6
📌 Подборка докладов с двух последних митапов:
🌐 В погоне за HTTP / Сергей Иванов
🌐 FSD при переходе на новый стек / Михаил Дмитриевский, фронтенд-разработчик, лид команды UI и фронтенд-сообщества YADRO
🌐 Упрощаем CI/CD на примере github-actions / Алексей Николаев, тимлид в Sendsay
🌐 Странное браузерное API / Антон Ленёв, CTO Viewst
🌐 Универсальная линейка уровней / Павел Франков, разработчик в VK
🌐 Growth mindset или гибкое сознание / Анастасия Бондаренко
🌐 По ту сторону собеседования / Ангелина Купцова, фронтенд-разработчица в КОРУС Консалтинг
🌐 С завода во фронтенд / Дмитрий Зорка, фронтенд-разработчик в «Максимум Авто»
#чтопроисходит
#чтопроисходит
Please open Telegram to view this post
VIEW IN TELEGRAM
👍16
⚡️Подборка плейлистов с профессиональной конференции для JavaScript-разрабов HolyJS:
🌐 HolyJS 2023 Spring
🌐 HolyJS 2023 Spring: Backend
🌐 HolyJS 2023 Spring: архитектура
#чтопроисходит
#чтопроисходит
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6🥰4