Работа с асинхронностью при помощи async/await
#полезное
async/await
- это способ более чисто работать с асинхронными операциями, делая код более понятным и удобным в использовании.#полезное
👍4❤1
Уроки рисования красных квадратов
На этот раз покажу как парсил dom элементы и создавал для них визуальную подсветку. Разберу зачем это нужно и как сделано. Спойлер, очень просто.
Значительную часть статьи рассказываю на чём я споткнулся, пока это писал. Про высчитывание позиции блока.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
На этот раз покажу как парсил dom элементы и создавал для них визуальную подсветку. Разберу зачем это нужно и как сделано. Спойлер, очень просто.
Значительную часть статьи рассказываю на чём я споткнулся, пока это писал. Про высчитывание позиции блока.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Работа с массивами при помощи методов
Методы массивов
#полезное
map
, filter
и reduce
Методы массивов
map
, filter
и reduce
предоставляют удобные средства для обработки данных в массивах.#полезное
👍6
Интерактивный парсер web страниц
Для начала вкратце введу в курс дела. 3 года назад ко мне в голову закралась навязчивая мысль написать интерактивный словарь-помощник для чтения на английском языке. И с тех пор начались мои приключения в мире расширений для браузеров на ядре Chrome'а.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Для начала вкратце введу в курс дела. 3 года назад ко мне в голову закралась навязчивая мысль написать интерактивный словарь-помощник для чтения на английском языке. И с тех пор начались мои приключения в мире расширений для браузеров на ядре Chrome'а.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
🤣1
Работа с итерируемыми объектами и циклом
Цикл
#полезное
for...of
Цикл
for...of
позволяет удобно перебирать элементы в массивах, строках и других итерируемых объектах.#полезное
👍5
Парадокс Монти Холла глазами JavaScript
Я хочу посвятить эту статью известной задаче в математике, относящейся к теории вероятности. Так же мы попытаемся решить эту задачу на JavaScript. Я сразу приступлю к условию задачи.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Я хочу посвятить эту статью известной задаче в математике, относящейся к теории вероятности. Так же мы попытаемся решить эту задачу на JavaScript. Я сразу приступлю к условию задачи.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
❤4👍1
Работа с формами и их валидация
JavaScript позволяет выполнять валидацию форм перед отправкой данных на сервер.
#полезное
JavaScript позволяет выполнять валидацию форм перед отправкой данных на сервер.
#полезное
🔥2
Смерть third-party cookies. Что ждет нас в 2024?
Похоже, что в череде всевозможных инициатив по борьбе со «сторонними» куками начал проглядываться конец. Давайте разберемся, что происходит и зачем все это нужно.
Куки — браузерный механизм, который позволяет хранить данные по пользователю с привязкой к домену и затем передавать эти данные при запросах. Куку можно установить как со стороны сервера через специальный заголовок Set‑Cookie, так и в браузере прямо на странице через javascript. После этого кука будет передаваться при каждом запросе из браузера к домену.
Куки позволяют воплощать в жизнь множество как полезных, так и сомнительных механик. Из неприятных — возможность отслеживания пользователя сторонними сайтами или увеличение риска CSRF.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Похоже, что в череде всевозможных инициатив по борьбе со «сторонними» куками начал проглядываться конец. Давайте разберемся, что происходит и зачем все это нужно.
Куки — браузерный механизм, который позволяет хранить данные по пользователю с привязкой к домену и затем передавать эти данные при запросах. Куку можно установить как со стороны сервера через специальный заголовок Set‑Cookie, так и в браузере прямо на странице через javascript. После этого кука будет передаваться при каждом запросе из браузера к домену.
Куки позволяют воплощать в жизнь множество как полезных, так и сомнительных механик. Из неприятных — возможность отслеживания пользователя сторонними сайтами или увеличение риска CSRF.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
❤4
Работа с REST API с использованием Fetch
Fetch API используется для выполнения HTTP-запросов и обработки ответов.
#полезное
Fetch API используется для выполнения HTTP-запросов и обработки ответов.
#полезное
👍3🔥2
Интересные трюки HTML. Экстремальный минимализм
Мы уже много говорили про оптимизацию сайтов до минимального размера, преимущества статичного HTML, а также упаковку сайта (и веб-сервера) в портативный формат одного исполняемого файла, который нативно исполняется под любой ОС.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Мы уже много говорили про оптимизацию сайтов до минимального размера, преимущества статичного HTML, а также упаковку сайта (и веб-сервера) в портативный формат одного исполняемого файла, который нативно исполняется под любой ОС.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍3❤1
Использование Object Destructuring
Деструктуризация объектов позволяет извлекать значения свойств объекта в отдельные переменные.
#полезное
Деструктуризация объектов позволяет извлекать значения свойств объекта в отдельные переменные.
#полезное
👍5🔥3
Как сгенерировать безопасный, типизированный Node.js API с использованием Prisma, TypeGraphQL и graphql-query-purifier
Создание эффективного Node.js API, обеспечивающего безопасность данных и типобезопасность, может быть сложной задачей. Это руководство демонстрирует процесс с использованием Prisma, TypeGraphQL и graphql-query-purifier.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Создание эффективного Node.js API, обеспечивающего безопасность данных и типобезопасность, может быть сложной задачей. Это руководство демонстрирует процесс с использованием Prisma, TypeGraphQL и graphql-query-purifier.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
❤3
Использование метода
Метод
#полезное
bind()
для установки контекста функцииМетод
bind()
используется для создания новой функции с определенным контекстом выполнения.#полезное
👍9
Увеличиваем свою производительность в WebStorm / PhpStorm c помощью шаблонов
В этой статье я хотел бы рассказать вам, как можно сократить рутинную работу написания кода, используя шаблоны для создания файлов.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
В этой статье я хотел бы рассказать вам, как можно сократить рутинную работу написания кода, используя шаблоны для создания файлов.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Кулинарный гид по Vue.js: всё о props
В этой статье разберемся, как frontend-разработчику готовить на «кухне» props. Выбирайте подходящий уровень сложности: джуны-поварята смогут лучше разобраться в работе и применении props на фреймворке Vue.js, а еще мы затронем тему валидации. Для мидлов и более опытных специалистов — настоящих шеф-поваров мы приготовили продвинутые кулинарные техники props, где можно освежить в памяти некоторые детали или решить проектную проблему, если замылился глаз.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
В этой статье разберемся, как frontend-разработчику готовить на «кухне» props. Выбирайте подходящий уровень сложности: джуны-поварята смогут лучше разобраться в работе и применении props на фреймворке Vue.js, а еще мы затронем тему валидации. Для мидлов и более опытных специалистов — настоящих шеф-поваров мы приготовили продвинутые кулинарные техники props, где можно освежить в памяти некоторые детали или решить проектную проблему, если замылился глаз.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
❤4
Работа с объектом FormData для отправки данных формы
Объект FormData упрощает сбор и отправку данных формы на сервер.
#полезное
Объект FormData упрощает сбор и отправку данных формы на сервер.
#полезное
👍5🔥1
Поиск удобных мест для жизни в Москве на GitHub Pages с помощью DuckDB в браузере
В прошлых статьях и на форумах я получил несколько дельных советов связанных с визуализацией результатов. От агрегированных данных теперь перейдем к детальной инфомации для каждого жилого здания. Продолжим анализировать географию столицы.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
В прошлых статьях и на форумах я получил несколько дельных советов связанных с визуализацией результатов. От агрегированных данных теперь перейдем к детальной инфомации для каждого жилого здания. Продолжим анализировать географию столицы.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Работа с Intersection Observer для отслеживания видимости элементов
Intersection Observer предоставляет эффективный способ отслеживания видимости элементов на веб-странице и реагирования на изменения этой видимости.
#полезное
Intersection Observer предоставляет эффективный способ отслеживания видимости элементов на веб-странице и реагирования на изменения этой видимости.
#полезное
👍4🫡2❤1
Добавление WebAuthn в веб-приложение
В этой статье мы научимся добавлять WebAuthn в веб‑приложения со стороны frontend‑разработчика. WebAuthn представляет собой новый метод аутентификации, который обеспечивает более высокий уровень безопасности, заменяя устаревшие пароли и SMS‑подтверждения на аутентификацию на основе публичных ключей. Это не только повышает защиту от несанкционированного доступа, но и упрощает вход для пользователей. Например VK и другие компании уже переходят на подобные технологии, отходя от обычных паролей.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
В этой статье мы научимся добавлять WebAuthn в веб‑приложения со стороны frontend‑разработчика. WebAuthn представляет собой новый метод аутентификации, который обеспечивает более высокий уровень безопасности, заменяя устаревшие пароли и SMS‑подтверждения на аутентификацию на основе публичных ключей. Это не только повышает защиту от несанкционированного доступа, но и упрощает вход для пользователей. Например VK и другие компании уже переходят на подобные технологии, отходя от обычных паролей.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍7
Работа с WebRTC для создания видеочата в браузере
WebRTC позволяет веб-приложениям реализовывать видеочаты и аудиоконференции в реальном времени между браузерами.
#полезное
WebRTC позволяет веб-приложениям реализовывать видеочаты и аудиоконференции в реальном времени между браузерами.
#полезное
👍2
Server-side rendering и практики работы с запросами
Практики работы с запросами на сервере значительно отличаются от того, к чему привык фронтенд-разработчик, ежедневно разрабатывающий SPA-приложения с клиентским рендерингом. Если не учесть эту разницу при разработке приложения с серверным рендерингом, то можно собрать довольно много граблей. Хочу поделиться опытом и рассказать про три практики, которые использую повседневно, а также о проблемах, предшествующих их появлению. Я буду ссылаться на web-performance и рассчитываю что вы уже знакомы с такими метриками как TTFB, LCP и FCP.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Практики работы с запросами на сервере значительно отличаются от того, к чему привык фронтенд-разработчик, ежедневно разрабатывающий SPA-приложения с клиентским рендерингом. Если не учесть эту разницу при разработке приложения с серверным рендерингом, то можно собрать довольно много граблей. Хочу поделиться опытом и рассказать про три практики, которые использую повседневно, а также о проблемах, предшествующих их появлению. Я буду ссылаться на web-performance и рассчитываю что вы уже знакомы с такими метриками как TTFB, LCP и FCP.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍2