Идея создания игр с использованием JavaScript поначалу может показаться сложной, если вы не знакомы с основами, такими как c чего начинать работу, различные игровые движки, доступные для оптимизации процесса разработки и т.д.

В этом руководстве мы продемонстрируем, как использовать Boxbox.js и Box2D, создав простой клон «Angry Birds». Мы сосредоточимся на том, как создавать объекты и блоки JavaScript Boxbox.js и как с их помощью представлять объекты реального мира.

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

В этой статье мы рассмотрим шесть функций ES2020 и ES2021, которые недавно были реализованы в современных браузерах, и увидим, как они помогают разработчикам JavaScript писать менее подверженный ошибкам и более эффективный код.

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

Одна из новых функций - image(). Эта новая функция даст нам больше контроля над загрузкой изображений в CSS. Давайте погрузимся в возможности совершенно новой функции image.

Поиск - одна из наиболее часто выполняемых задач в области компьютерных наук. Для повышения эффективности поиска существует множество алгоритмов и структур данных.

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

Бинарный поиск - это очень простой, интуитивно понятный, но эффективный алгоритм поиска. Единственное предостережение: он работает только с отсортированными массивами, поэтому может потребоваться некоторая предварительная обработка наших данных для их сортировки.

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

1. CSS subgrid
2. Flexbox gaps
3. content-visibility
4. contain-intrinsic-size
5. И псевдо-классы :is и :where

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

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

Интернационализация (i18n) и локализация имеют решающее значение при разработке программного обеспечения для расширения охвата вашего приложения. Иногда даже требуется создать приложение со встроенным в него определенным языком. Например, большинство страниц правительственных веб-сайтов переведены на местный и национальный язык своей страны.

Сортировка относится к расположению элементов списка в определенном порядке (числовом или буквенном). Сортировка обычно используется вместе с поиском.

Как правило, легче искать элемент (называемый ключом) в данном списке, если список отсортирован как визуально, так и алгоритмически.

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

Сортировка относится к расположению элементов списка в определенном порядке (числовом или алфавитном). Сортировка обычно используется вместе с поиском.

За прошедшие годы было разработано множество алгоритмов сортировки, и одним из самых быстрых на сегодняшний день является Quicksort.

Quicksort использует стратегию «разделяй и властвуй» для сортировки заданного списка элементов. Это означает, что алгоритм разбивает проблему на подзадачи, пока они не станут достаточно простыми для непосредственного решения.

Если вы использовали фреймворки JavaScript, такие как React и Vue.js, то, возможно, вы уже знакомы с концепцией управления состоянием, которая создает способ взаимодействия и обмена данными между компонентами.