🛠 Hex Engine — современный 2D движок для создания браузерных игр. Этот мощный набор инструментов для разработки игр включает движок рендеринга на основе Canvas, помощники по физике и звуку, поддержку геймпада, интегрированные инструменты разработчика и многое другое..

#инструменты

💡 Семантическая разметка в HTML

Часть 5

Перед прочтением рекомендуем ознакомиться с первой, второй, третьей и четвёртой частями.

Тег <menu>

Вы когда-нибудь делали меню из ненумерованного списка?

<ul class="menu-toolbar">
<li class="new">New</li>
<li class="open">Open</li>
<li class="save">Save</li>
<li class="quit">Quit</li>
</ul>

Альтернативой этому является тег <menu>, но он поддерживается только в Firefox. Этот тег представляет собой неупорядоченный список команд. У этого тега есть атрибут type, который может принимать значения: popup или toolbar.

<menu type="toolbar">
<li class="new">New</li>
<li class="open">Open</li>
<li class="save">Save</li>
<li class="quit">Quit</li>
</menu>

#советы #coding #html

Выберите правильный вариант 👇🏼 #test

📑 Объектно-ориентированный JavaScript: работа с объектами

В прошлой статье мы выяснили, что не всё в JavaScript является объектом, и все данные разделяются на примитивы и объекты. В этой статье рассмотрим способы создания объектов, что такое методы, свойства, как их присваивать, способы итерации по всем свойствам объектов и использование ключевого слова this.

#статьи #js

🛠 Panolens — потрясающая библиотека для просмотра панорам на JavaScript. Она основана на Three.js и обеспечивает быструю и бесперебойную работу даже при отображении высококачественных фотографий или видео.

#инструменты #js

💡 Проверка нахождения значения в массиве

Обычно, чтобы проверить, находится ли значение в массиве или нет, необходимо выполнить одну из следующих операций:

var arr = ['.js', '.css', '.html'];
if (arr.indexOf('.jsx') === -1) { 
  // будет выполнено, когда значения нет 
}
if (arr.indexOf('.css') >= 0) {
  // будет выполнено, когда значение есть 
}

Нативного метода для подобных задач пока что нет. Он появится в спецификации ES2016 и будет называться includes. До того, как данный метод будет реализован, для данных целей можно использовать побитовый оператор ~ :

var arr = ['.js', '.css', '.html'];
if (!~arr.indexOf('.jsx')) { 
  // будет выполнено, когда значения нет 
}
if (~arr.indexOf('.css')) {
  // будет выполнено, когда значение есть 
}

Оператор ~ возвращает число, которое равно ~n == -(n + 1): ~1 == -(1 + 1) == -2, ~0 == -(0 + 1) == -1, -1 == -(-1 + 1) == 0, ~10 == -(10 + 1) == -11.

Подробнее о работе ~ и других побитовых операторов можно узнать в этой статье.

#советы #coding #js

🔥 Лучшее на канале за неделю

1. 8 лучших советов по улучшению продуктивности для разработчиков.

2. Hex Engine — современный 2D движок для создания браузерных игр.

3. Семантическая разметка в HTML.

📑 Объектно-ориентированный JavaScript: функции-конструкторы

Это продолжение серии статей об объектно-ориентированном JavaScript, в данной статье рассматриваем функции-конструкторы.

Вы также можете ознакомиться с предыдущими двумя статьями:

Примитивы и объекты | Работа с объектами.

#статьи #js

Выберите правильный вариант 👇🏼 #test

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

#инструменты

💡 Всегда используйте точку с запятой

Технически, большинство браузеров позволят вам не использовать их.

var someItem = 'some string'  
function doSomething() {  
  return 'something'  
}  

Но использование подобную практики потенциально может привести к гораздо более большим и что еще хуже плохо отлавливаемым проблемам.

Лучше

var someItem = 'some string';  
function doSomething() {  
  return 'something';  
}  

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

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

Если вы – опытный разработчик на JavaScript, то можно выбрать стиль кода без точек с запятой, например StandardJS. В ином случае, лучше будет использовать точки с запятой, чтобы избежать подводных камней. Большинство разработчиков их ставят.

#советы #coding #js

Выберите правильный вариант 👇🏼 #test

Обсудить тест и почитать объяснения можно в нашем чате @webb_chat

📑 Объектно-ориентированный JavaScript: прототипы

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

#статьи #js

🛠 CSS Layout — отличная шпаргалка, которая поможет вам быстро настроить популярные макеты пользовательского интерфейса и страниц. Существует также множество предварительно стилизованных элементов, таких как формы для ввода, виджеты и другие компоненты, которые вы можете быстро скопировать и использовать в своих проектах.

#инструменты #css

💡 Self-Executing Functions

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

(function doSomething() {
return {
name: 'jeff',
lastName: 'way'
};
})();

Это называется Immediately-Invoked Function Expression. Чаще используется для создания приватной области видимости. Подробнее на JavaScript Garden.

#советы #coding #js

🔥 Лучшее на канале за неделю

1. Объектно-ориентированный JavaScript: функции-конструкторы.

2. CSS Layout — отличная шпаргалка, которая поможет вам быстро настроить популярные макеты пользовательского интерфейса и страниц.

3. Self-Executing Functions.