Рендеринг страницы:
— парсинг 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)
Jack Franklin, разработчик Chrome Dev Tools и Puppeteer, делится советами по организации большого приложения на React.js
— Сборщики
— Организация структуры директорий
— Организация кода React.js компонентов
— Организация Redux actions, reducers с помощью подхода Ducks
— Тесты
#react #redux
К статье(eng)
— Сборщики
— Организация структуры директорий
— Организация кода React.js компонентов
— Организация Redux actions, reducers с помощью подхода Ducks
— Тесты
#react #redux
К статье(eng)
Улыбнешься - проиграешь
Браузерная игра, для реализации которой использовалась библиотека face-api.js(надстройка над tensorflow.js) для распознавания лиц.
#tensor_flow #face_api #ml
К игре
К статье(eng)
Браузерная игра, для реализации которой использовалась библиотека face-api.js(надстройка над tensorflow.js) для распознавания лиц.
#tensor_flow #face_api #ml
К игре
К статье(eng)
Советы по оптимизации веба, собранные в одной статье
Оптимизации: html, css, картинки, шрифты, javascript, server, инструменты для тестирования, оптимизация фреймворков
#performance
К статье(eng)
Оптимизации: html, css, картинки, шрифты, javascript, server, инструменты для тестирования, оптимизация фреймворков
#performance
К статье(eng)
Атака clickjacking - как проводится и как от нее защититься
В статье приводится практический пример, который можно быстро повторить локально
#security
К статье(rus)
В статье приводится практический пример, который можно быстро повторить локально
#security
К статье(rus)
Объяснение и визуализация CORS
— Same-Origin Policy(одинаковый хост, порт)
— Отличие простого запроса от preflight
— Добавление кук и авторизационных хедеров к CORS запросам
#CORS #security
К статье(eng)
— Same-Origin Policy(одинаковый хост, порт)
— Отличие простого запроса от preflight
— Добавление кук и авторизационных хедеров к CORS запросам
#CORS #security
К статье(eng)