Блогеры переезжают в Telegram, а разработчики из Big Tech не остались в стороне и уже перенесли терабайты
Please open Telegram to view this post
VIEW IN TELEGRAM
🤣3
Какие методы используются для сбора данных о твоем браузере? Как собирают информацию о пользователях?
Фингерпринт пользователя — это уникальный набор данных о пользователе, который включает в себя информацию о его поведении в интернете, какие сайты он посещает, какие товары покупает, какие сообщения отправляет и т.д. Этот набор данных может быть использован для создания профиля пользователя и предоставления ему персонализированных рекомендаций или услуг.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Фингерпринт пользователя — это уникальный набор данных о пользователе, который включает в себя информацию о его поведении в интернете, какие сайты он посещает, какие товары покупает, какие сообщения отправляет и т.д. Этот набор данных может быть использован для создания профиля пользователя и предоставления ему персонализированных рекомендаций или услуг.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
🔥4
Работа с REST API с использованием Fetch
Fetch API используется для выполнения HTTP-запросов и обработки ответов.
#полезное
Fetch API используется для выполнения HTTP-запросов и обработки ответов.
#полезное
Интересные трюки HTML. Экстремальный минимализм
Мы уже много говорили про оптимизацию сайтов до минимального размера, преимущества статичного HTML, а также упаковку сайта (и веб-сервера) в портативный формат одного исполняемого файла, который нативно исполняется под любой ОС.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Мы уже много говорили про оптимизацию сайтов до минимального размера, преимущества статичного HTML, а также упаковку сайта (и веб-сервера) в портативный формат одного исполняемого файла, который нативно исполняется под любой ОС.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
🤣1
Использование Object Destructuring
Деструктуризация объектов позволяет извлекать значения свойств объекта в отдельные переменные.
#полезное
Деструктуризация объектов позволяет извлекать значения свойств объекта в отдельные переменные.
#полезное
👍7
Как сгенерировать безопасный, типизированный Node.js API с использованием Prisma, TypeGraphQL и graphql-query-purifier
Создание эффективного Node.js API, обеспечивающего безопасность данных и типобезопасность, может быть сложной задачей. Это руководство демонстрирует процесс с использованием Prisma, TypeGraphQL и graphql-query-purifier.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Создание эффективного Node.js API, обеспечивающего безопасность данных и типобезопасность, может быть сложной задачей. Это руководство демонстрирует процесс с использованием Prisma, TypeGraphQL и graphql-query-purifier.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Использование Event Delegation для обработки событий
Event Delegation позволяет обрабатывать события на родительском элементе, вместо назначения обработчиков на каждый дочерний элемент отдельно.
#полезное
Event Delegation позволяет обрабатывать события на родительском элементе, вместо назначения обработчиков на каждый дочерний элемент отдельно.
#полезное
Удобные формы для Vue 3
Механизм реактивности
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Механизм реактивности
VueJS
и нововведение в направлении provide/inject
позволяют разработчикам экспериментировать и реализовывать новые интересные решения. В этой статье я расскажу о жизненном цикле разработки системы для работы с формами, которую я запихнул в отдельную библиотеку.#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Использование метода
Метод
#полезное
bind()
для установки контекста функцииМетод
bind()
используется для создания новой функции с определенным контекстом выполнения.#полезное
👍3
Кулинарный гид по Vue.js: всё о props
В этой статье разберемся, как frontend-разработчику готовить на «кухне» props. Выбирайте подходящий уровень сложности: джуны-поварята смогут лучше разобраться в работе и применении props на фреймворке Vue.js, а еще мы затронем тему валидации. Для мидлов и более опытных специалистов — настоящих шеф-поваров мы приготовили продвинутые кулинарные техники props, где можно освежить в памяти некоторые детали или решить проектную проблему, если замылился глаз.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
В этой статье разберемся, как frontend-разработчику готовить на «кухне» props. Выбирайте подходящий уровень сложности: джуны-поварята смогут лучше разобраться в работе и применении props на фреймворке Vue.js, а еще мы затронем тему валидации. Для мидлов и более опытных специалистов — настоящих шеф-поваров мы приготовили продвинутые кулинарные техники props, где можно освежить в памяти некоторые детали или решить проектную проблему, если замылился глаз.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
❤2👍1🔥1
Использование sessionStorage для временного хранения данных на клиенте
sessionStorage предоставляет временное хранение данных на стороне клиента, доступное только в течение текущего сеанса работы с браузером.
#полезное
sessionStorage предоставляет временное хранение данных на стороне клиента, доступное только в течение текущего сеанса работы с браузером.
#полезное
👍4
React + Three.js. Создаём собственный 3D шутер
В современной веб-разработке границы между классическими и веб-приложениями стираются с каждым днём. Сегодня мы можем создавать не только интерактивные сайты, но и полноценные игры прямо в браузере. Одним из инструментов, который делает это возможным, является библиотека React Three Fiber - мощное средство для создания 3D-графики на основе Three.js с использованием технологии React.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
В современной веб-разработке границы между классическими и веб-приложениями стираются с каждым днём. Сегодня мы можем создавать не только интерактивные сайты, но и полноценные игры прямо в браузере. Одним из инструментов, который делает это возможным, является библиотека React Three Fiber - мощное средство для создания 3D-графики на основе Three.js с использованием технологии React.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍4❤2
Работа с объектом FormData для отправки данных формы
Объект FormData упрощает сбор и отправку данных формы на сервер.
#полезное
Объект FormData упрощает сбор и отправку данных формы на сервер.
#полезное
Поиск удобных мест для жизни в Москве на GitHub Pages с помощью DuckDB в браузере
В прошлых статьях и на форумах я получил несколько дельных советов связанных с визуализацией результатов. От агрегированных данных теперь перейдем к детальной инфомации для каждого жилого здания. Продолжим анализировать географию столицы.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
В прошлых статьях и на форумах я получил несколько дельных советов связанных с визуализацией результатов. От агрегированных данных теперь перейдем к детальной инфомации для каждого жилого здания. Продолжим анализировать географию столицы.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
🫡1
Работа с Intersection Observer для отслеживания видимости элементов
Intersection Observer предоставляет эффективный способ отслеживания видимости элементов на веб-странице и реагирования на изменения этой видимости.
#полезное
Intersection Observer предоставляет эффективный способ отслеживания видимости элементов на веб-странице и реагирования на изменения этой видимости.
#полезное
👍4👏1
Добавление WebAuthn в веб-приложение
В этой статье мы научимся добавлять WebAuthn в веб‑приложения со стороны frontend‑разработчика. WebAuthn представляет собой новый метод аутентификации, который обеспечивает более высокий уровень безопасности, заменяя устаревшие пароли и SMS‑подтверждения на аутентификацию на основе публичных ключей. Это не только повышает защиту от несанкционированного доступа, но и упрощает вход для пользователей. Например VK и другие компании уже переходят на подобные технологии, отходя от обычных паролей.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
В этой статье мы научимся добавлять WebAuthn в веб‑приложения со стороны frontend‑разработчика. WebAuthn представляет собой новый метод аутентификации, который обеспечивает более высокий уровень безопасности, заменяя устаревшие пароли и SMS‑подтверждения на аутентификацию на основе публичных ключей. Это не только повышает защиту от несанкционированного доступа, но и упрощает вход для пользователей. Например VK и другие компании уже переходят на подобные технологии, отходя от обычных паролей.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍3❤1
Работа с WebRTC для создания видеочата в браузере
WebRTC позволяет веб-приложениям реализовывать видеочаты и аудиоконференции в реальном времени между браузерами.
#полезное
WebRTC позволяет веб-приложениям реализовывать видеочаты и аудиоконференции в реальном времени между браузерами.
#полезное
👍6
Server-side rendering и практики работы с запросами
Практики работы с запросами на сервере значительно отличаются от того, к чему привык фронтенд-разработчик, ежедневно разрабатывающий SPA-приложения с клиентским рендерингом. Если не учесть эту разницу при разработке приложения с серверным рендерингом, то можно собрать довольно много граблей. Хочу поделиться опытом и рассказать про три практики, которые использую повседневно, а также о проблемах, предшествующих их появлению. Я буду ссылаться на web-performance и рассчитываю что вы уже знакомы с такими метриками как TTFB, LCP и FCP.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Практики работы с запросами на сервере значительно отличаются от того, к чему привык фронтенд-разработчик, ежедневно разрабатывающий SPA-приложения с клиентским рендерингом. Если не учесть эту разницу при разработке приложения с серверным рендерингом, то можно собрать довольно много граблей. Хочу поделиться опытом и рассказать про три практики, которые использую повседневно, а также о проблемах, предшествующих их появлению. Я буду ссылаться на web-performance и рассчитываю что вы уже знакомы с такими метриками как TTFB, LCP и FCP.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
❤1
Использование WebGL для создания 3D-графики в веб-приложениях
WebGL предоставляет API для создания интерактивной 3D-графики в веб-приложениях, и библиотека Three.js упрощает этот процесс.
#полезное
WebGL предоставляет API для создания интерактивной 3D-графики в веб-приложениях, и библиотека Three.js упрощает этот процесс.
#полезное
👍1
По заветам кота Вжуха: превращаем веб-приложение в сервис на платформе VK Mini Apps
VK Mini Apps — это платформа для создания мини-приложений, работающих внутри ВКонтакте. На ней можно создать продукт любого масштаба — от лендинга до сложного сервиса с множеством функций. А ещё вы можете портировать на площадку ваше веб-приложение, чтобы получить доступ к огромной аудитории VK Mini Apps и новым возможностям монетизации. В этой статье поделюсь пошаговой инструкцией, как превратить в сервис любое веб-приложение — на примере планировщика задач.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
VK Mini Apps — это платформа для создания мини-приложений, работающих внутри ВКонтакте. На ней можно создать продукт любого масштаба — от лендинга до сложного сервиса с множеством функций. А ещё вы можете портировать на площадку ваше веб-приложение, чтобы получить доступ к огромной аудитории VK Mini Apps и новым возможностям монетизации. В этой статье поделюсь пошаговой инструкцией, как превратить в сервис любое веб-приложение — на примере планировщика задач.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍1🤣1