JavaScript заметки
8.52K subscribers
2.77K photos
4 videos
1.28K links
Регулярные заметки по практическому JavaScript. Обучащию посты позволят прокачать навыки во Frontend-разработке.

Можно почитать пока компилируется проект :)

Сотрудничество: @noname_media

Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Download Telegram
Web API для Angular

Веб — богатая экосистема с массой мощных API, которая только пополняется. В нашем распоряжении уже знакомые инструменты — Canvas или Intersection Observer, но в 2023 мы также имеем Web MIDI API, Speech Recognition и даже такие экзотические штуки, как геймпады и VR прямо в браузере. Естественно, эти API сложно использовать в Angular из-за разницы парадигм нативного JavaScript и декларативного Angular. 

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍1
Под капотом анимаций в React Native

В интернете часто сталкиваюсь с мнением, что на RN невозможно сделать красивые и стабильные анимации: их трудно делать и они ужасно лагают. По моему опыту всё обстоит совсем не так — вопрос именно в том, как их готовить. Хочу поделиться опытом, что сделать, чтобы у вас анимации не лагали, и по возможности восстановить репутацию React Native в глазах комьюнити.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍1
Явное управление ресурсами

В этой статье я хочу на примерах разобрать эту фичу — в том виде, в котором она сейчас доступна в TypeScript 5.2.0-beta с полифиллом disposablestack. Я рассмотрю синхронные и асинхронные ресурсы, DisposableStack/AsyncDisposableStack, а также приведу пример неочевидного бага, в который попался я сам. По пути я также коснусь нескольких других нововведений Node.js, про которые, возможно, ещё знают не все. Весь код доступен в репозитории.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
1👍1
Использование JavaScript Web Speech API для распознавания и синтеза речи

Web Speech API позволяет распознавать и синтезировать речь в браузере, что может быть использовано для создания голосовых интерфейсов и веб-приложений.

#полезное
👍5
Синхронизация между Notion и календарем

Делимся статьей, где автор демонстрирует интеграцию календаря из Notion в Google Calendar через ics. Таким способом события из календаря Notion можно добавить в любой календарь, поддерживающий ics формат.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍1
Использование JavaScript Web MIDI API для работы с MIDI-устройствами

Web MIDI API предоставляет возможность веб-приложениям взаимодействовать с MIDI-устройствами, такими как музыкальные инструменты и контроллеры, через браузер.

#полезное
👍1
Прощай, Ramda

Несмотря на свои сильные стороны, Ramda не всегда подходит для написания эффективного и понятного кода. Рассмотрим случаи, когда стоит придерживаться современного нативного JavaScript и Lodash.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍1
Использование JavaScript Fetch API для загрузки и отображения изображений в веб-приложении

Fetch API позволяет загружать ресурсы с сервера, такие как изображения, и использовать их в веб-приложении без перезагрузки страницы.

#полезное
👍3
10 игр для изучения JavaScript

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍5
Использование JavaScript Web Bluetooth API для взаимодействия с Bluetooth-устройствами

Web Bluetooth API позволяет веб-приложениям взаимодействовать с ближними Bluetooth-устройствами, такими как датчики, датчики здоровья и принтеры, через браузер.

#полезное
👍4
Внутреннее устройство JavaScript

По мере того, как JavaScript становится все более и более популярным, команды используют его поддержку на многих уровнях своего стека — фронтенд, бэкенд, гибридные приложения, встроенные устройства и многое другое. Делимся статьей, где рассказано про внутреннее устройство JavaScript.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍2
Использование JavaScript Performance API для измерения производительности веб-приложений

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

#полезное
👍6
Копирование в JavaScript

Не все копии в JavaScript одинаковы. Когда ты копируешь переменную в JavaScript, она классифицируется как поверхностная или глубокая копия. Делимся статьей, где автор наглядно демонстрирует разницу между поверхностной и глубокой копией.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍6
Использование JavaScript History API для управления историей браузера

History API позволяет манипулировать историей браузера, добавляя, изменяя или удаляя записи истории без перезагрузки страницы.

#полезное
👍5
Задачи на Promise

Объект Promise представляет возможное завершение (или сбой) асинхронной операции и ее результирующее значение. В данной статье продемонстрированы основные задачи на Promsie, которые часто спрашивают на собеседованиях. Присутствует код с подробными комментариями.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍5
Использование JavaScript IndexedDB для хранения больших объемов структурированных данных на клиенте

IndexedDB предоставляет возможность веб-приложениям сохранять и манипулировать большими объемами структурированных данных на стороне клиента.

#полезное
18 продвинутых навыков JavaScript для старших инженеров-программистов

Эти лайфхаки помогут эффективно решать проблемы с браузером, изображениями, DOM-элементами и JS-скриптами. Они позволят вам подняться на новый уровень профессионализма, а вашим пользователям обеспечат максимальный комфорт.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍2
Использование JavaScript Geolocation API для получения информации о местоположении пользователя

Geolocation API позволяет веб-приложениям получать информацию о местоположении пользователя через GPS или другие методы, что может быть полезно для создания местных сервисов или функций.

#полезное
👍8
Повышение производительности

Делимся статьей, где автор дает советы по повышению производительности JavaScript. К ним относятся: использование локальных переменных, XMLHttpRequest, инструментов для отладки и многое другое.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
2
Использование JavaScript FormData для отправки формы с помощью AJAX

FormData - это объект JavaScript, который позволяет легко собирать данные из формы и отправлять их на сервер с использованием AJAX-запроса.

#полезное
👍42