Работа с DOM (Document Object Model)

Этот код выбирает элемент на веб-странице по его идентификатору и обновляет его текстовое содержимое.

#полезное

5 недооцененных возможностей JavaScript

Скорее всего, вы не используете эти 5 методов работы с JavaScript. Их можно отнести к одним из самых недооцененных возможностей TypeScript. Впрочем, у вас есть шанс восполнить этот пробел.

#статья

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

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

Обработка событий

Этот код добавляет функцию-обработчик события клика для кнопки, которая вызывает alert при нажатии.

#полезное

ESLint | Shareable config настройка и что это такое?

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

#статья

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

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

Асинхронные функции

Этот пример демонстрирует, как создать асинхронную функцию для выполнения HTTP-запроса и обработки данных, полученных с сервера.

#полезное

Работа с Local Storage

Этот код демонстрирует, как сохранять данные на стороне клиента с использованием Local Storage и извлекать их позже.

#полезное

Web Workers в JavaScript: Параллельные вычисления и улучшение производительности

В современном мире пользователи становятся все более требовательными к производительности веб‑сайтов и хороший пользовательский опыт выходит на первый план. Даже малейшее зависание или отсутствие плавности могут привести к потере пользователей.

#статья

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

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

Работа с асинхронными запросами (AJAX)

Этот код выполняет асинхронный GET-запрос к серверу и обрабатывает ответ в формате JSON.

#полезное

9 алгоритмов сортировки и поиска для JS, о которых вас спросят на собеседовании

Даже если ты frontend-разработчик и решаешь прикладные задачи, тебе в любом случае придётся знать алгоритмы хотя бы на базовом уровне. Но статей на русском с объяснением алгоритмов и тем, как их реализовать на JavaScript, крайне мало. Поэтому хочу поделиться некоторыми алгоритмами сортировки и поиска, и немного рассказать про структуры данных. Знание алгоритмов и структур данных поможет вам в оптимизации приложений.

#статья

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

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

Работа с куки (Cookies)

Этот код демонстрирует, как устанавливать и читать куки для хранения данных на стороне клиента.

#полезное

Особенности кодировки строк в Base64 в JavaScript

Кодировка (encoding) и декодирование (decoding) в Base64 — распространенный способ преобразования двоичных данных в безопасный текст. Он часто используется в Data URL, таких как встроенные (inline) изображения.

#статья

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

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

Работа с Promise

Этот код создает и использует промис для асинхронной обработки данных и управления успешными и неуспешными результатами.

#полезное

Service Workers против медленного интернета: Кэширование и улучшение UX

Плохой интернет, когда нужно загрузить картинку весом как чугунный мост. В эпоху очень быстрого интернета мы стали забывать о том, что в некоторых локациях нашего мира нет хорошей сети (например, когда вы едете в поезде по нашей необъятной стране). Эту проблему довольно хорошо решают Service Workers, о которых я вам сейчас расскажу.

#статья

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

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

Использование классов для создания часов

Класс Clock создает объект, который отображает текущее время и обновляет его каждую секунду.

#классы

Создаем мини-игру с капельным эффектом и движущимися кружками

В первой части было сделано базовое перемещение кружочков по странице. А в сегодняшнем уроке мы сделаем анимацию “взрыва” и поглощения кружочков.

#статья

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

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

Использование классов для создания плеера видео

Класс VideoPlayer может использоваться для создания проигрывателя видео на веб-странице.

#классы

Web Accessibility в рассказе «A11Y от 0 до NaN»

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

#статья

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

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

Использование классов для создания графических элементов

Здесь класс Rectangle представляет графический элемент (прямоугольник) и может использоваться для рисования на холсте HTML5.

#классы

Event Loop в деталях

В данной статье поговорим о том, почему Event Loop вообще был создан, как с ним работать и почему про него спрашивают на собесах.

#статья

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

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

Использование классов для моделирования геометрических фигур

Здесь класс Shape представляет базовую геометрическую фигуру, а класс Circle наследует его и добавляет функциональность для работы с кругами.

#классы

Создание мини игр и анимации в Online редакторе Collagen_2

Collagen позволяет создавать тестовую анимацию управляемую с клавиатуры, имеется редактор уровней который позволяет создавать слои, перемещать камеру вида а также управлять анимацией персонажа. Также вы его можете использовать для создания чатов в игровом формате или мини социальных игр в связке с node.js и sokcet.io

#статья

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

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