JavaScript заметки

Web Accessibility в рассказе «A11Y от 0 до NaN» Данной статьёй я планирую рассказать про интересные случаи и про то, в каких ситуациях можно оказаться, постигая новые горизонты, но не собираюсь даже пытаться заменить справочники по aria-атрибутам и эталонным примерам доступных компонентов. Стандарт W3C полон полезной информации, которая сдержанно подаёт только нужное. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование LocalStorage для хранения данных на стороне клиента LocalStorage предоставляет простой способ хранения данных на стороне клиента, которые могут быть доступны после перезапуска браузера. #полезное

8 углубленных вопросов на собеседованиях на роль сеньора в JavaScript В этом материале мы покажем подробное объяснение некоторых важных вопросов на интервью по JavaScript. Моя цель будет состоять в том, чтобы тщательно объяснить эти вопросы, чтобы мы могли понять лежащие в их основе концепции. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование WebGL для создания интерактивных 3D-график в веб-приложениях WebGL позволяет создавать интерактивные 3D-графики в веб-приложениях, и библиотека Three.js упрощает этот процесс. #полезное

Как сгенерировать безопасный, типизированный Node.js API с использованием Prisma, TypeGraphQL и graphql-query-purifier Создание эффективного Node.js API, обеспечивающего безопасность данных и типобезопасность, может быть сложной задачей. Это руководство демонстрирует процесс с использованием Prisma, TypeGraphQL и graphql-query-purifier. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование Proxy для валидации объектов Proxy позволяет перехватывать и изменять операции над объектом, в данном случае используется для валидации значений. #полезное

Интересные трюки HTML. Экстремальный минимализм Мы уже много говорили про оптимизацию сайтов до минимального размера, преимущества статичного HTML, а также упаковку сайта (и веб-сервера) в портативный формат одного исполняемого файла, который нативно исполняется под любой ОС. Но стремление к минимизации может пойти дальше, если вы хотите поместить весь сайт в адресную строку браузера. А с помощью сокращателя ссылок даже большой сайт сжимается до восьми байт. В этом случае и хостинг не нужен. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Скачайте роадмап по современному фронтенду 🐱 Фронтенд-тимлиды компании KTS составили подробный роадмэп для разработчиков от джуна до сеньора и написали к нему сопровождающую статью с пояснениями по каждому из пунктов. В статье и роадмэпе расписан путь развития во фронтенд-разработке и отмечены те варианты, которые используются сегодня в работе. Даже если вы уже опытный разработчик, в материале сможете выбрать ориентир для дальнейшего развития. 👉 Прочитать и скачать роадмэп можно по ссылке: https://goo.su/2RrE0

Использование MutationObserver для отслеживания изменений DOM-элементов MutationObserver позволяет отслеживать изменения в DOM-структуре и реагировать на них в коде. #полезное

Архитектура серверного рендеринга для SPA Серверный рендеринг обеспечивает быстрый и надежный доступ к контенту. В этом подходе веб-страницы формируются на сервере, а не в браузере пользователя. Это позволяет значительно ускорить время загрузки, что особенно критично для современных одностраничных приложений, известных как SPA (Single-Page Applications). #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Работа с FileReader для чтения содержимого файлов на стороне клиента FileReader позволяет веб-приложениям читать содержимое файлов на стороне клиента без необходимости отправлять их на сервер. #полезное

Билдер Vue 3 веб приложений Vue 3 вебсайт билдер (npm пакет vue-webapp) позволяет создать каркас будущего веб приложения, с возможностью выбора бизнес-шаблона (портфолио, блог, магазин и .т.д.), макета сайта, дизайна и элементов функционала (API модуль, i18n, PWA, splash screen, auth модуль, темы и т.д.), для дальнейшей кастомизации и наполнения контентом. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

HTML теперь в телеграм! HTML — самый популярный язык в мире. Именно на нем написаны все сайты. Начать свой путь в программировании проще всего с изучения HTML. Тем более теперь в телеграмме появился официальный русскоязычный канал. Это первоисточник всего, что появляется в платных курсах и остальных ресурсах. Стоит подписаться!

Использование requestAnimationFrame для анимаций с высокой производительностью requestAnimationFrame предоставляет механизм для создания анимаций с высокой производительностью, оптимизированных для кадров в секунду браузера. #полезное

Как мы отказались от styled-components в React Native приложениях Styled-components является стандартом написания стилей для многих команд, которые разрабатывают приложения на React Native. Но мы не всегда задумываемся, зачем мы тащим это в продукт и какую выгоду получим. А что если от styled-components больше вреда, чем пользы? Я поделюсь нашим опытом в Профи и попробуем разобраться вместе. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование async/await с Promise.all для параллельного выполнения асинхронных задач Promise.all позволяет выполнить массив промисов параллельно и дождаться их завершения. #полезное

Многооконное веб приложение — решение для перегруженных интерфейсов В данной статье будет рассмотрено возможное решение для разгрузки интерфейсов веб приложений – создание приложения с возможностью выноса части функционала в дополнительные окна, или же просто многооконное приложение. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование WebSockets для двусторонней коммуникации между клиентом и сервером WebSockets обеспечивают постоянное соединение между клиентом и сервером, что позволяет им обмениваться данными в режиме реального времени. #полезное

Динамическое создание компонентов Angular на лету В этой статье мы поговорим о создании компонентов динамически, шаг за шагом пройдем этот путь. Помимо простого создания компонентов, мы поговорим о более продвинутых вещах, которые можно сделать в рамках этого процесса. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Работа с Resize Observer для отслеживания изменений размеров элементов Resize Observer позволяет отслеживать изменения размеров элементов и реагировать на них в коде. #полезное