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

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

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

Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Download Telegram
Сообщаются ли ваши тесты?

Чтобы быстро продвигаться в рабочих задачах, необходимо иметь уверенность в том, что можно вносить изменения.
А уверенность в изменениях зависит от тестового покрытия.
С тех пор как мы это поняли, автоматические тесты стали просто необходимы. Это привело к массовому внедрению шаблонов для старта работы.
Однако начать работу недостаточно.

#статья

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

👉 Читать статью
👍2
С Новым годом, наши дорогие подписчики🎄

Пусть 2024 принесёт вам большой багаж хороших воспоминаний!
🔥11👍31
Использование sessionStorage для хранения данных на стороне клиента во время сессии

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

#полезное
👍7
Раскрываем силу JavaScript: сокращение размера пакета NPM на 99%

Ищете пути повышения производительности приложения? Ознакомьтесь со способами значительного улучшения метрик в Lighthouse и FCP в проектах с использованием пакета дизайн-системы.

#статья

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

👉 Читать статью
👍21
Использование Web Workers для многозадачности в веб-приложениях

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

#полезное
👍1
JavaScript классы в Es6

В JavaScript нету привычной системы классов как в Java, или C#. В языке заместо этого есть система объектов, где каждый объект наследуется от другого, сохраняя его цепь прототипов. Однако мы имеем возможность писать более привычный код начиная с версии Es6.

#статья

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

👉 Читать статью
3
Использование Fetch API для отправки HTTP-запросов из JavaScript

Fetch API предоставляет простой интерфейс для выполнения HTTP-запросов из JavaScript.

#полезное
👍4
2d движок для игр Javascript Game Engine

Любая игра представляет собой набор файлов: изображений, звуков и.т.д. и программы, которая эти файлы воспроизводит по заданным алгоритмам. Звуки проигрываются, а изображения обрезаются в нужных пропорциях и воспроизводятся на экране в нужном порядке, как в кино, или мультипликации с той лишь разницей, что тут процессом можно управлять, используя прикладные интерфейсы — клавиатуру, мышь, джойстик, экран мобильного телефона и т.п. Управлять, не значит только переключать сцены, а управлять актерами, или даже группами актеров, влияя на сюжет или события, насколько это позволяет задумка автора.

#статья

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

👉 Читать статью
6
Использование LocalStorage для создания простого хранилища данных на стороне клиента

LocalStorage предоставляет простой способ хранения данных на стороне клиента в форме "ключ-значение".

#полезное
👍6
Перевод третьей части учебника Patterns.dev

И снова всем привет! Продолжение к переводу второй части книги Patterns.dev
В ней речь идет про паттерны производительности. Узнайте, как оптимизировать последовательность загрузки, чтобы повысить скорость использования вашего приложения и др.

#статья

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

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

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

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

И снова всем привет! Продолжение к переводу второй части книги Patterns.dev
В ней речь идет про паттерны производительности. Узнайте, как оптимизировать последовательность загрузки, чтобы повысить скорость использования вашего приложения и др.

#статья

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

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

JavaScript Proxy предоставляет механизм для перехвата и изменения поведения операций с объектами, таких как чтение и запись свойств.

#полезное
👍3
Бинарный поиск

Нам нужно написать функцию, которая принимает отсортированный массив чисел numberArray и возвращает индекс найденного числа. Если индекс не найден, тогда возвращается -1.

#статья

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

👉 Читать статью
👍5
Использование JavaScript Map для хранения данных в виде "ключ-значение

JavaScript Map предоставляет коллекцию данных в форме "ключ-значение" и обеспечивает простой способ добавления, получения и удаления данных.

#полезное
👍71🫡1
Увлекательный мир фронтенда

Фронтенд-разработка — это как собирать лего без инструкции: иногда весело и творчески, но порой ты забираешься на кровать и кричишь: «@#%, да где же этот пропавший блок?!»

#статья

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

👉 Читать статью
👍7🫡2
Использование JavaScript Set для уникальных коллекций значений

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

#полезное
👍9
Css «карточки» в динамически генерируемом web документе — моя реализация

Карточный вид содержимого вэб страниц - один из довольно популярных уже долгое время.
Недавно встала задача таковые web карточки сверстать на CMS генерируемых страничках, где - естественно - количество таковых "карт" непостоянно.

#статья

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

👉 Читать статью
👍1
Использование JavaScript Destructuring для более удобной работы с объектами и массивами

JavaScript Destructuring позволяет более удобным образом извлекать значения из объектов и массивов.

#полезное
👍71
DagazBot — Хранитель ключей и мётел

История проекта Dagaz прошла у вас перед глазами. Когда я только начинал писать про Zillions, главным возражением было то, что платформа эта платная и запускается только под Windows. Появился Dagaz — полностью бесплатный проект с открытой лицензией и общедоступным исходным кодом, игры которого можно запускать из браузера, даже на мобилках. Блокирующим фактором стало отсутствие адекватных ботов. Пришлось осваивать GarboChess и разрабатывать DagazServer, на котором игроки могли бы играть по сети друг с другом. Это стало большим шагом вперёд, но на сервере требуется авторизация, а логины и пароли — это как раз то, что забывается легче всего. Счастлив сообщить, что теперь их запоминать не надо.

#статья

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

👉 Читать статью
🔥1