✍️«Библиотека программиста» собирает кейсы использования нейросетей
Какие самые необычные задачи вы выполняли с помощью нейросетей? Может быть, вы просили ИИ пройти тестирование по правилам безопасности или писали с его помощью заявление на увольнение?
Заполняйте форму — лучшие истории появятся в нашей подборке по теме.
👉Ссылка тут👈
Какие самые необычные задачи вы выполняли с помощью нейросетей? Может быть, вы просили ИИ пройти тестирование по правилам безопасности или писали с его помощью заявление на увольнение?
Заполняйте форму — лучшие истории появятся в нашей подборке по теме.
👉Ссылка тут👈
This media is not supported in your browser
VIEW IN TELEGRAM
🔥 Parallel Routes в Next.js 13: наглядный пример для фронтенд-разработчика.
381. Firefox, CSS Math, Service Workers, WCAG 3, P3 Figma, SQ, Astro…
Веб-стандарты
#подкасты
🎙Подкаст «Веб-стандарты»: Вадим Макеев, Андрей Ситник, Никита Дубко про Firefox 116, новый Math в CSS, ускорение Service Workers, WCAG 3, P3 в Figma, Style Queries, Astro и View Transitions и всё ли PostCSS.
00:02:18 Firefox 116
00:10:49 Ещё Math в CSS
00:19:08 Ускорение Service Workers
00:25:25 WCAG 3 пока рано
00:45:22 P3 в Figma
00:53:58 Style Queries
01:07:44 Astro и View Transitions
01:17:39 PostCSS всё
01:42:29 Ответы на вопросы
🔗 Слушайте на Ютубе
🔗 Ссылки на сайте
🎙Подкаст «Веб-стандарты»: Вадим Макеев, Андрей Ситник, Никита Дубко про Firefox 116, новый Math в CSS, ускорение Service Workers, WCAG 3, P3 в Figma, Style Queries, Astro и View Transitions и всё ли PostCSS.
00:02:18 Firefox 116
00:10:49 Ещё Math в CSS
00:19:08 Ускорение Service Workers
00:25:25 WCAG 3 пока рано
00:45:22 P3 в Figma
00:53:58 Style Queries
01:07:44 Astro и View Transitions
01:17:39 PostCSS всё
01:42:29 Ответы на вопросы
🔗 Слушайте на Ютубе
🔗 Ссылки на сайте
#холивар
💬 Давайте немного пофантазируем. Как вы думаете, какие веб-технологии будут наиболее востребованы в ближайшие несколько лет, а какие канут в Лету? Пишите то, что первое приходит в голову👇
💬 Давайте немного пофантазируем. Как вы думаете, какие веб-технологии будут наиболее востребованы в ближайшие несколько лет, а какие канут в Лету? Пишите то, что первое приходит в голову👇
🐛🦋 Свитчеры после 30 лет: кто это, почему их не любят эйчары и как им найти работу в IT
Объясняем, как выжить тем, кто решил вкатиться в мир программирования после 30 лет.
🔗 Читать статью
🔗 Зеркало
Объясняем, как выжить тем, кто решил вкатиться в мир программирования после 30 лет.
🔗 Читать статью
🔗 Зеркало
#чтопроисходит
📌 Подборка для фронтенд-разработчика:
⚡️Анонс TypeScript 5.2: с настоящего момента до стабильного выпуска TypeScript 5.2 не выйдет никаких дальнейших изменений, кроме критических исправлений ошибок.
🤔 Возрожденное, но раннее предложение: Observable API для более эргономичной и компонуемой обработки событий JavaScript.
🔹 «Svelte 5 будет радикальным», — написал Рич Харрис в Твиттере.
🔹 Deno 1.36 была выпущена с расширенными параметрами безопасности, полифиллом для
🔹 esbuild 0.19.1 — высокопроизводительный упаковщик теперь может импортировать пути, содержащие подстановочные знаки, и поддерживает расширенные CSS-правила @import.
🔹 Astro 2.10 — также есть первая бета-версия Astro 3.
🔹 Релизы безопасности Node.js — v20.5.1 (текущая), v18.17.1 (LTS) и v16.20.2 (LTS).
🔹 Fuite 3.0 — инструмент для поиска утечек памяти в веб-приложениях.
🔹 Luxon 3.4 — библиотека управления датой и временем.
🔹 d3-graphviz 5.1 — визуализирует SVG из графиков, описанных на языке DOT с использованием @hpcc-js/wasm и выполняет анимированные переходы между графиками.
🔹 React Virtuoso 4.5 — самый мощный компонент виртуального списка/таблицы React.
🔹 Perspective 2.4 – быстрая потоковая визуализация данных в реальном времени.
🔹 express-rate-limit 6.9 — rate-limiting middleware для приложений Express.
🔹 PLV8 3.2 — использование JS в качестве процедурного языка в PostgreSQL.
🔹 Puppeteer 21.0.3 — библиотека Node.js, которая предоставляет высокоуровневый API для управления Chrome/Chromium по протоколу DevTools.
📌 Подборка для фронтенд-разработчика:
⚡️Анонс TypeScript 5.2: с настоящего момента до стабильного выпуска TypeScript 5.2 не выйдет никаких дальнейших изменений, кроме критических исправлений ошибок.
🔹 «Svelte 5 будет радикальным», — написал Рич Харрис в Твиттере.
🔹 Deno 1.36 была выпущена с расширенными параметрами безопасности, полифиллом для
node:test и многими другими незначительными улучшениями совместимости Node.js.🔹 esbuild 0.19.1 — высокопроизводительный упаковщик теперь может импортировать пути, содержащие подстановочные знаки, и поддерживает расширенные CSS-правила @import.
🔹 Astro 2.10 — также есть первая бета-версия Astro 3.
🔹 Релизы безопасности Node.js — v20.5.1 (текущая), v18.17.1 (LTS) и v16.20.2 (LTS).
🔹 Fuite 3.0 — инструмент для поиска утечек памяти в веб-приложениях.
🔹 Luxon 3.4 — библиотека управления датой и временем.
🔹 d3-graphviz 5.1 — визуализирует SVG из графиков, описанных на языке DOT с использованием @hpcc-js/wasm и выполняет анимированные переходы между графиками.
🔹 React Virtuoso 4.5 — самый мощный компонент виртуального списка/таблицы React.
🔹 Perspective 2.4 – быстрая потоковая визуализация данных в реальном времени.
🔹 express-rate-limit 6.9 — rate-limiting middleware для приложений Express.
🔹 PLV8 3.2 — использование JS в качестве процедурного языка в PostgreSQL.
🔹 Puppeteer 21.0.3 — библиотека Node.js, которая предоставляет высокоуровневый API для управления Chrome/Chromium по протоколу DevTools.
Please open Telegram to view this post
VIEW IN TELEGRAM
🚀С самого рождения JavaScript в каком-то смысле был языком для манипулирования текстом — от веб-страничек в самом начале до полноценных компиляторов сейчас. Неудивительно, что в современных JS-движках достаточно много сил уделено оптимизации внутреннего представления строк и операций над ними.
🤔Автор статьи рассматривает, как могут быть представлены строки в движке V8. Попытаюсь продемонстрировать их эффект, обогнав C++ в очень честном бенчмарке. А также покажу, в каких случаях они могут, наоборот, привести к проблемам с производительностью, и что в таких случаях можно сделать.
🔗 Читать
🤔Автор статьи рассматривает, как могут быть представлены строки в движке V8. Попытаюсь продемонстрировать их эффект, обогнав C++ в очень честном бенчмарке. А также покажу, в каких случаях они могут, наоборот, привести к проблемам с производительностью, и что в таких случаях можно сделать.
🔗 Читать
📺Гайд по использованию Document Picture-in-Picture API и Insertable Streams для записи экрана и камеры
❓Document Picture-in-Picture API позволяет поддерживать любой произвольный HTML-контент в окне Picture-in-Picture. Это открыло возможность для создания инновационных взаимодействий и улучшения рабочих процессов, таких как запись экрана.
🤩И хоть Document Picture-in-Picture API все еще находится в стадии тестирования, вы уже сейчас можете попробовать его использовать вместе с Insertable Streams для разработки простого инструмента записи экрана и камеры.
📌Что получаем в итоге? Пользователь сможет видеть свою камеру и управлять записью, беспрепятственно используя вкладку или окно браузера, которые выбраны для записи. А потоки экрана и камеры будут объединены в один видеофайл.
❓Document Picture-in-Picture API позволяет поддерживать любой произвольный HTML-контент в окне Picture-in-Picture. Это открыло возможность для создания инновационных взаимодействий и улучшения рабочих процессов, таких как запись экрана.
🤩И хоть Document Picture-in-Picture API все еще находится в стадии тестирования, вы уже сейчас можете попробовать его использовать вместе с Insertable Streams для разработки простого инструмента записи экрана и камеры.
📌Что получаем в итоге? Пользователь сможет видеть свою камеру и управлять записью, беспрепятственно используя вкладку или окно браузера, которые выбраны для записи. А потоки экрана и камеры будут объединены в один видеофайл.
⚒️ typograms — интересный способ элегантного рендеринга диаграмм ASCII. Это проект, с помощью которого вы «рисуете» диаграммы простым текстом ASCII со специальными тегами script, и они визуализируются в гораздо более привлекательных версиях. Отличная альтернатива, если Mermaid не подходит для ваших задач.
🔗 GitHub
🔗 GitHub
382. Safari, Sanitizer API, PWA на iOS, Firefox, ChatGPT, SVG-анимации…
Веб-стандарты
#подкасты
🎙 Подкаст «Веб-стандарты»: Алексей Симоненко, Юля Миоцен, Никита Дубко про Safari, Sanitizer API, PWA на iOS, расшишения Firefox, краулер ChatGPT, SVG-анимации, шаблонизацию и опять Jamstack.
00:01:54 Safari TP
00:08:46 Storage Policy в Safari
00:20:56 Переделка Sanitizer API
00:28:17 PWA в Chrome на iOS
00:31:59 Расширения Firefox
00:36:31 Краулер ChatGPT уходи
00:46:40 SVG-анимации
00:52:09 Будущее HTML-шаблонизации
01:06:56 Jamstack точно всё
01:18:50 Ответы на вопросы
🔗 Слушайте на Ютубе
🔗 Ссылки на сайте
00:01:54 Safari TP
00:08:46 Storage Policy в Safari
00:20:56 Переделка Sanitizer API
00:28:17 PWA в Chrome на iOS
00:31:59 Расширения Firefox
00:36:31 Краулер ChatGPT уходи
00:46:40 SVG-анимации
00:52:09 Будущее HTML-шаблонизации
01:06:56 Jamstack точно всё
01:18:50 Ответы на вопросы
🔗 Слушайте на Ютубе
🔗 Ссылки на сайте
Please open Telegram to view this post
VIEW IN TELEGRAM
🔧 schema — библиотека, которая позволяет определять и использовать схемы для валидации и преобразования данных в TypeScript.
🔗 GitHub
🔗 GitHub
📌Подборка для фронтенд-разработчика:
🌐 Гибридное мобильное приложение с нуля за 3 недели — Зулейха Ибрагимова, Frontend Team Lead в X5 Tech
🌐 Как мы ускорили фронтенд Практикума в несколько раз — Алексей Яковлев, Frontend Community Lead в Яндекс Практикуме
🌐 Что происходит в браузере после того, как пользователь ввёл адрес в адресную строку — Екатерина Танькова, Фронтенд-разработчик в Яндекс Маркете
🌐 Последние тенденции на рынке IT глазами HR — Илья Морозов, Lead IT Recruiter Yandex
Please open Telegram to view this post
VIEW IN TELEGRAM
#холивар
💬Как вы относитесь к Flutter? Может быть вы используете его для разработки веб-приложений и можете поделиться опытом?
🤔В связи с тем, что фреймворк Flutter + язык программирования Dart можно использовать для разработки проекта под любую платформу, не остался ли веб в стороне?
Если кто-то не знает, многие считают Dart будущим всей мобильной, веб- и десктопной разработки. По сравнению с JavaScript + React Native, Dart полностью объектно-ориентирован и строго типизирован. Это значит, что код на Dart гораздо более устойчив к ошибкам и намного проще в поддержке.
💬Как вы относитесь к Flutter? Может быть вы используете его для разработки веб-приложений и можете поделиться опытом?
🤔В связи с тем, что фреймворк Flutter + язык программирования Dart можно использовать для разработки проекта под любую платформу, не остался ли веб в стороне?
Если кто-то не знает, многие считают Dart будущим всей мобильной, веб- и десктопной разработки. По сравнению с JavaScript + React Native, Dart полностью объектно-ориентирован и строго типизирован. Это значит, что код на Dart гораздо более устойчив к ошибкам и намного проще в поддержке.
❗«Библиотека программиста» в поиске контент-менеджера для ведения телеграм-каналов
Ищем человека, который грамотно пишет, разбирается в контенте и в одной из этих трех тем:
👉Data Science
👉Frontend
👉мобильная разработка
Мы предлагаем частичную занятость и полностью удаленный формат работы — можно совмещать с основной и находиться в любом месте🌴
Подробнее о вакансии и форма для отклика — по ссылке.
Ждем вас в команде!
Ищем человека, который грамотно пишет, разбирается в контенте и в одной из этих трех тем:
👉Data Science
👉Frontend
👉мобильная разработка
Мы предлагаем частичную занятость и полностью удаленный формат работы — можно совмещать с основной и находиться в любом месте🌴
Подробнее о вакансии и форма для отклика — по ссылке.
Ждем вас в команде!
Гайд по использованию RxDB в качестве базы данных для приложений React
🚀RxDB — это реактивная автономная база данных специально для JavaScript-приложений. Она предлагает комплексный API для выполнения действий с базой данных и синхронизации данных между клиентами и серверами.
Основная философия RxDB вращается вокруг наблюдаемости (observability), что позволяет разработчикам оперативно управлять изменениями данных и создавать динамический UI.
🔗 Читать
🚀RxDB — это реактивная автономная база данных специально для JavaScript-приложений. Она предлагает комплексный API для выполнения действий с базой данных и синхронизации данных между клиентами и серверами.
Основная философия RxDB вращается вокруг наблюдаемости (observability), что позволяет разработчикам оперативно управлять изменениями данных и создавать динамический UI.
🔗 Читать
#css #tip by Андрей Ситник
Не используйте кучу JavaScript’а для тёмной и светлой темы. useMedia() и т. п. приводят к тому, что сайт вспыхнет белым при загрузке JS.
Делайте переключение темы в CSS через специальное медиа-выражение. А чтобы работал переключатель, возьмите этот PostCSS-плагин.
Андрей Ситник как раз выпустил новую версию 0.8, где классы для JS-переключателя добавляются с :where().
:where() имеет нулевую специфичность и плагин теперь не меняет специфичность селекторов.
Не используйте кучу JavaScript’а для тёмной и светлой темы. useMedia() и т. п. приводят к тому, что сайт вспыхнет белым при загрузке JS.
Делайте переключение темы в CSS через специальное медиа-выражение. А чтобы работал переключатель, возьмите этот PostCSS-плагин.
Андрей Ситник как раз выпустил новую версию 0.8, где классы для JS-переключателя добавляются с :where().
:where() имеет нулевую специфичность и плагин теперь не меняет специфичность селекторов.
💰 Обзор зарплат: сколько сейчас зарабатывают айтишники
В этой статье обсуждаем самую животрепещущую тему — зарплату. Присоединяйтесь :)
🔗 Читать статью
🔗 Зеркало
В этой статье обсуждаем самую животрепещущую тему — зарплату. Присоединяйтесь :)
🔗 Читать статью
🔗 Зеркало
This media is not supported in your browser
VIEW IN TELEGRAM
#devtool #tip by Addy Osmani
💡Chrome Dev Tools теперь может переопределять содержимое запросов Fetch/XHR. Отлично подходит для мокинга API, ведь теперь не надо ждать изменения на бэкэнде. Про эти и многие другие изменения Chrome 117 читайте в блоге.
💡Chrome Dev Tools теперь может переопределять содержимое запросов Fetch/XHR. Отлично подходит для мокинга API, ведь теперь не надо ждать изменения на бэкэнде. Про эти и многие другие изменения Chrome 117 читайте в блоге.
frontend.pdf
136.2 KB
#холивар
Вы посоветовали бы данную дорожную карту для начинающих фронтенд-разработчиков? Если да, есть ли какие-то важные аспекты, которых в ней не хватает? Может быть в ней есть то, что вообще неуместно?
Вы посоветовали бы данную дорожную карту для начинающих фронтенд-разработчиков? Если да, есть ли какие-то важные аспекты, которых в ней не хватает? Может быть в ней есть то, что вообще неуместно?