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

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

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

Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Download Telegram
Использование JavaScript Event Listeners для обработки событий

JavaScript Event Listeners позволяют отслеживать и реагировать на различные события, такие как клик, наведение, отправка формы и другие.

#полезное
👍4
Кодогенерация и парсинг TypeScript с помощью typescript

Одной из интересных возможностей пакета typescript является то, что он содержит API для генерации TypeScript-кода, а также парсер для работы с написанным на TypeScript кодом. Кодогенерация часто используется для автоматического создания типов для работы с http api (типизация тела запроса, ответа, query параметров и тд.). В npm есть модули, генерирующие сервисы для работы с api на основе openapi, graphQl схем и тому подобное, и обычно возможностей существующих модулей хватает для решения большей части задач.

#статья

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

👉 Читать статью
1
Использование JavaScript Closures для создания приватных переменных

JavaScript Closures позволяют создавать приватные переменные, недоступные извне функции.

#полезное
👍4
Hippotable — анализ данных прямо в браузере

Сегодня я расскажу про hippotable — удобный инструмент для анализа данных, который я сделал для себя и для людей.
Я люблю ковыряться в данных. Иногда станет интересно, в какой области больше всего городов, так аж кушать не могу, пока не выясню (как легко догадаться, в Московской, но потом в Свердловской). А на работе мне иногда удаётся совместить приятное с полезным: о нет, вижу ошибку в логах! Из каких браузеров она летит?

#статья

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

👉 Читать статью
Использование JavaScript localStorage для долгосрочного хранения данных на стороне клиента

localStorage подобен sessionStorage, но сохраняет данные на стороне клиента даже после закрытия вкладки или браузера.

#полезное
👍2🔥1
Oxlint — более быстрая альтернатива ESLint

Друзья, всем привет! Меня зовут Игорь Карелин, я frontend-разработчик в компании Домклик. Недавно стал общедоступен новый линтер Oxlint, основанный на языке программирования Rust, и многие эксперты высоко оценили его. Какие преимущества Oxlint предоставляет по сравнению со своим предшественником ESLint?

#статья

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

👉 Читать статью
Использование JavaScript Proxy для реализации виртуальных свойств

Здесь Proxy используется для создания виртуального свойства fullName, которое автоматически обновляет значения firstName и lastName при установке.

#полезное
2👍2
Как реализовать простой контроль версий с помощью JavaScript, чтобы лучше разобраться в Git

Git - эффективная система, предназначенная для контроля версий и отслеживания истории исходного кода. Изучим внутреннее устройство Git, реализуя его упрощенную версию.

#статья

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

👉 Читать статью
👍31
Использование JavaScript Generators для ленивой загрузки данных

Генераторы позволяют лениво загружать данные по требованию, что может быть полезным при работе с большим объемом данных.

#полезное
👍3🔥1
Обработка событий в JavaScript: всплытие, перехват, делегирование и распространение событий

JavaScript поможет сделать веб-приложение интерактивным и отзывчивым. Важно только освоить методы обработки событий, которые заставляют приложения адекватно реагировать на действия пользователей и предотвращают неожиданное поведение.

#статья

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

👉 Читать статью
1
Использование JavaScript Web Workers для параллельных вычислений

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

#полезное
👍4
Типы событий в React и TypeScript

При работе с React и TypeScript вы часто сталкиваетесь с ошибками...

#статья

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

👉 Читать статью
👍1
Использование JavaScript Promises для асинхронного программирования

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

#полезное
👍4
Решаем задачу: как сохранить нервные клетки пользователей с помощью валидации поля ввода

В этом году я много путешествовал, поэтому нередко заполнял формы с анкетами на разные визы — в них бывало по 30—40 полей. Когда что-то шло не так, часто сайты не давали никакой обратной связи. Иногда они сбрасывали всё, что я заполнял в течение часа, если одно из полей невалидно. 
Решить проблему могла бы валидация. Это критически важная часть разработки веб-приложений, которая соотносит данные с необходимым форматом и указывает на ошибки. Также она гарантирует безопасность дальнейшей обработки этих данных. 
В этой статье мы разберёмся, как настроить валидацию поля ввода.

#статья

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

👉 Читать статью
👍1
Использование JavaScript Modules для организации кода

JavaScript Modules предоставляют механизм для организации кода, разделяя его на небольшие модули с явным экспортом и импортом.

#полезное
👍2
Лучшие поисковые пакеты для JavaScript

Спрос на функции поиска растет, и многие разработчики пытаются внедрить их в свои приложения. Однако создание таких приложений с нуля - сложная и трудоемкая задача. К счастью, существует множество библиотек с открытым исходным кодом, позволяющих освободить разработчиков от этого бремени.

#статья

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

👉 Читать статью
👍1
Строим свой SSO

Всем привет, мы продолжаем строить собственный SSO Server

#статья

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

👉 Читать статью
Использование JavaScript BigInt для работы с большими целыми числами

BigInt в JavaScript предоставляет возможность работать с целыми числами, которые выходят за пределы Number.MAX_SAFE_INTEGER.

#полезное
👍3
Может ли нейро-сотрудник на базе ChatGPT звонить по обычной телефонной линии?

ChatGPT - LLM модель от компании OpenAI и без преувеличения это главное событие в мире в прошедшем 2023 году.

#статья

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

👉 Читать статью
Использование JavaScript WeakMap для создания приватных данных в объектах

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

#полезное
👍3