JavaScript заметки

Как сгенерировать безопасный, типизированный 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 позволяет отслеживать изменения размеров элементов и реагировать на них в коде. #полезное

Talkvio — не капибара и не старый пикабу. Модуль серверной индексации для поисковиков для Nginx. Альтернатива Next.js Читая такие статьи как про Капибару, мне хочется упомянуть один свой старый/новый проект, в изначальном виде я затеял как проект реставрации старого форума сети Минска (uruchie.org) из далеких 2006-2012 годов, который хранился у меня в замороженном виде последние 10 лет. Не так давно я решил его расконсервировать и заняться реставрацией в свободное время, того, фактически, что осталось еще со времен локальных сетей.  #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование Fetch API для загрузки и отображения данных в формате JSON Fetch API предоставляет простой интерфейс для выполнения HTTP-запросов, и в данном примере, он используется для загрузки данных в формате JSON. #полезное

Как появились веб-пуши Apple в Тинькофф Всем привет! Мы — архитектор разработки публичных веб-приложений Борис и разработчик системы-шлюза отправки нотификаций Данила. Расскажем о том, как создавались веб-пуши iOS в Тинькофф, как их настраивали и с какими проблемами столкнулись в процессе разработки. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

​​🎄Год не станет новым, если всё оставить по-старому. Получите актуальные навыки в Skillbox — присоединяйтесь к прямому эфиру 11 декабря в 19:00 по московскому времени и узнайте, как начать работать в сфере IT на фрилансе без опыта и знаний кода. Регистрация: 👉🏻 https://epic.st/aCu-KN Вы научитесь: — программировать без кода — узнаете, чем ноукод-программирование отличается от классического; — работать с основными ноукод-инструментами для создания сайтов и мобильных приложений — с Bubble и FlutterFlow; — ориентироваться в рынке труда ноукод-разработки, находить вакансии и понимать возможные способы заработка; — создавать реальные веб-приложения. 👉🏻Спикер: — Вадим Захаров — старший разработчик и сооснователь студии ноукод-разработки 0codeapp. 🎁Вас ждут подарки: каждому участнику дарим сертификат на скидку 10 000 рублей на любой курс, а также подборку полезных материалов. Всем, кто досмотрит эфир до конца, — электронную книгу издательства МИФ «Разум под контролем». Присоединяйтесь! Реклама. ЧОУ ДПО «Образовательные технологии «Скилбокс (Коробка навыков)», ИНН: 9704088880