Путь к изоморфной производительности рендеринга
Автор библиотеки SOLID написал очень подробную статью, как он внедрял SSR в библиотеку, с каким проблемами сталкивался, какие варианты рассматривал.
SOLID - одна из самых быстрых по производительности библиотек для построения интерфейсов на данный момент
#SSR #SOLID #en
https://indepth.dev/the-journey-to-isomorphic-rendering-performance
Автор библиотеки SOLID написал очень подробную статью, как он внедрял SSR в библиотеку, с каким проблемами сталкивался, какие варианты рассматривал.
SOLID - одна из самых быстрых по производительности библиотек для построения интерфейсов на данный момент
#SSR #SOLID #en
https://indepth.dev/the-journey-to-isomorphic-rendering-performance
GitHub
GitHub - solidjs/solid: A declarative, efficient, and flexible JavaScript library for building user interfaces.
A declarative, efficient, and flexible JavaScript library for building user interfaces. - solidjs/solid
Сравнение архитектур разработки апи: REST vs GraphQL
#REST #GraphQL
https://blog.codota.com/rest-api-vs-graphql/
#REST #GraphQL
https://blog.codota.com/rest-api-vs-graphql/
The Official Tabnine Blog
What's the difference between REST and GraphQL? - The Official Tabnine Blog
The main thing that allowed REST to take off was its ability to easily communicate data for the frontend to consume 🤖 . However, REST APIs are intricately linked to the frontend views.
Магия машинного обучения для вашего веб-приложения с TensorFlow.js
TensorFlow.js - библиотека для машинного обучения на javascript, можно использовать в браузере и node.js Есть уже обученные модели, что позволяет быстро создавать полезные приложения.
“Из коробки” предоставляются следующие апи для решения частых ML задач:
— классификация изображений
— распознавание объектов
— определение позы
— голосовые команды
— классификация текста
#tensor_flow #ml
TensorFlow.js - библиотека для машинного обучения на javascript, можно использовать в браузере и node.js Есть уже обученные модели, что позволяет быстро создавать полезные приложения.
“Из коробки” предоставляются следующие апи для решения частых ML задач:
— классификация изображений
— распознавание объектов
— определение позы
— голосовые команды
— классификация текста
#tensor_flow #ml
Обтекание текста вокруг элементов с помощью css свойства shape-outside
#css #shape_outside
https://css-tricks.com/creating-css-shapes-with-emoji/?utm_source=CSS-Weekly&utm_campaign=Issue-433&utm_medium=web
#css #shape_outside
https://css-tricks.com/creating-css-shapes-with-emoji/?utm_source=CSS-Weekly&utm_campaign=Issue-433&utm_medium=web
CSS-Tricks
Creating CSS Shapes with Emoji | CSS-Tricks
CSS Shapes is a standard that lets us create geometric shapes over floated elements that cause the inline contents — usually text — around those elements to
Генерация кода в angular проектах с помощью schematics
Используется для автоматизации написания бойлерплейта и обновления публичного апи библиотеки по коду проекта
#angular
https://ashatilovdev.medium.com/53-angular-uikit-be4ea6b5b7a5
Используется для автоматизации написания бойлерплейта и обновления публичного апи библиотеки по коду проекта
#angular
https://ashatilovdev.medium.com/53-angular-uikit-be4ea6b5b7a5
Medium
#53 Angular UIKit. Когда вам потребуется angular schematics. Использование в UiKit и в бизнес приложениях. Рецепт schematics в…
В этой статье мы рассмотрим следующие пункты:
Видео стриминг на nodejs
Небольшой туториал про разбивку и отдачу видео на клиент частями
#nodejs #video_streaming
https://dev.to/abdisalan_js/how-to-code-a-video-streaming-server-using-nodejs-2o0
Небольшой туториал про разбивку и отдачу видео на клиент частями
#nodejs #video_streaming
https://dev.to/abdisalan_js/how-to-code-a-video-streaming-server-using-nodejs-2o0
DEV Community
How to Code a Video Streaming Server using NodeJS
Give a stream to the browser and it handles the rest. I show you the first part.
Браузерные апи:
— Geolocation API - позволяет пользователю предоставлять свое местоположение web приложению
— Drag and drop API - для перемещения элементов на странице
— Web Storage API - хранилище сессии (sessionStorage), локальное хранилище (localStorage)
— Web Speech API - позволяет веб приложениям управлять голосовыми данными
— WebRTC API - позволяет сайтам захватывать и передавать аудио и видео, а также обмениваться данными между браузерами
#browser_api
https://habr.com/ru/company/ruvds/blog/525838/
— Geolocation API - позволяет пользователю предоставлять свое местоположение web приложению
— Drag and drop API - для перемещения элементов на странице
— Web Storage API - хранилище сессии (sessionStorage), локальное хранилище (localStorage)
— Web Speech API - позволяет веб приложениям управлять голосовыми данными
— WebRTC API - позволяет сайтам захватывать и передавать аудио и видео, а также обмениваться данными между браузерами
#browser_api
https://habr.com/ru/company/ruvds/blog/525838/
Хабр
Как разобраться в API HTML?
Автор статьи, перевод которой мы сегодня публикуем, решил разобрать несколько HTML5-API и поговорить об их возможностях, о том, для чего они созданы, об особенн...
Рендеринг страницы:
— парсинг html
— блокирующие парсинг html и отрисовку страницы ресурсы
— предварительная загрузка ресурсов
— парсинг CSS
— события загрузки
— отрисовка страницы
#browser_rendering
https://webdevblog.ru/kak-brauzer-renderit-veb-stranicu/
— парсинг html
— блокирующие парсинг html и отрисовку страницы ресурсы
— предварительная загрузка ресурсов
— парсинг CSS
— события загрузки
— отрисовка страницы
#browser_rendering
https://webdevblog.ru/kak-brauzer-renderit-veb-stranicu/
:focus-visible vs :focus
:focus-visible - используется для определения фокуса с клавиатуры
:focus - используется для определения любой фокусировки(клавиатура, мышь, тач)
#css
https://css-tricks.com/the-focus-visible-trick/
:focus-visible - используется для определения фокуса с клавиатуры
:focus - используется для определения любой фокусировки(клавиатура, мышь, тач)
#css
https://css-tricks.com/the-focus-visible-trick/
CSS-Tricks
The :focus-visible Trick
Always worth repeating: all interactive elements should have a focus style. That way, a keyboard user can tell when they have moved focus to that element.
Настройка CI на Github для фронтенда:
— инсталяция пакетов
— прогон тестов
— сборка storybook
— настройка линтинга
— уведомления о CI/CD в Slack
#ci_cd
https://habr.com/ru/company/skillfactory/blog/526078/
— инсталяция пакетов
— прогон тестов
— сборка storybook
— настройка линтинга
— уведомления о CI/CD в Slack
#ci_cd
https://habr.com/ru/company/skillfactory/blog/526078/
Хабр
Как сделать CI на Github для современного фронтенда
Совсем скоро, 6 и 18 ноября, у нас стартуют новые потоки курса по JavaScript и курса «Профессия Веб-разработчик», специально к их старту делимся с вами полезны...
Базовые вопросы на собеседовании по javascript, с которыми у кандидатов возникают проблемы
#javascript #interview
https://habr.com/ru/post/523092/
#javascript #interview
https://habr.com/ru/post/523092/
Хабр
JS и его запретные тайны
Так вышло, что наша компания искала разработчиков. В работе мы используем стандартный набор веб-технологий: HTML, CSS, Javascript, PHP, SQL. Во время проведения...
Использование федерации модулей(module federation) в next.js приложении
Module Federation - фича в webpack5 для построения микрофронтендов с решенной проблемой переиспользования зависимостей
#webpack #module_federation
Module Federation - фича в webpack5 для построения микрофронтендов с решенной проблемой переиспользования зависимостей
#webpack #module_federation
YouTube
Module Federation for NextJS 10
Learn how to use Module Federations to export components directly out of your NextJS 10 applications into other NextJS applications. If you are running a micro-site architecture and you want Micro-Frontends, this is a valuable architectural option.
Follow…
Follow…
Оказывается в addEventListener можно вторым параметром передавать объект с методом handleEvent и это работает во всех браузерах
#browser_api
К статье(eng)
#browser_api
К статье(eng)