Articles / Bookmarks / Profile of UGO / Habr

@UGO

Js developer

ProfileArticlesPostsNewsComments11

qnok Jul 12 2019 at 04:17

Дизайн игровых интерфейсов. Брент Фокс. О чём книга?

5 min

5.3K

Game design*Games and game consolesInterfaces*Game development*Reading room

Данная статья — это краткий обзор книги Game interface design от автора Брента Фокса. Для меня эта книга была интересна с точки зрения программиста, занимающегося разработкой игр в качестве хобби в одиночку. Здесь я опишу, насколько полезной она оказалась для меня и моего хобби.

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

Читать дальше →

cobhc Jul 2 2019 at 08:29

Архитектура веб-интерфейсов: деревянное прошлое, странное настоящее и светлое будущее

14 min

12K

JavaScript*ReactJS*

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

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

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

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

Читать дальше →

+10

MarcusAurelius May 22 2019 at 16:29

Асинхронное программирование (полный курс)

2 min

104K

JavaScript*Node.JS*Programming*Website development*Studying in IT

Tutorial

Асинхронное программирование за последнее время стало не менее развитым направлением, чем классическое параллельное программирование, а в мире JavaScript, как в браузерах, так и в Node.js, понимание его приемов заняло одно из центральных мест в формировании мировоззрения разработчиков. Предлагаю вашему вниманию целостный и наиболее полный курс с объяснением всех широко распространенных методов асинхронного программирования, адаптеров между ними и вспомогательных проемов. Сейчас он состоит из 23 лекций, 3 докладов и 28 репозиториев с множеством примеров кода на github. Всего около 17 часов видео: ссылка на плейлист.

Читать дальше →

+48

Spunreal May 17 2019 at 06:33

Прокачиваем разработку на Vue с помощью паттернов: HOC

3 min

27K

VueJS*

From sandbox

Паттерн HOC (Higher Order Component) очень популярен у React-разработчиков. А вот Vue-разработчики его как-то обходят стороной. Очень зря. Попробуем разобраться в этом.

+21

ikardanoff May 14 2019 at 13:32

Пишем безопасное браузерное расширение

25 min

21K

Waves corporate blogJavaScript*BrowsersDecentralized networks*Browser extensions

Tutorial

В отличие от распространенной "клиент-серверной" архитектуры, для децентрализованных приложений характерно:

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

Существует 2 относительно безопасных хранилища для ключей пользователей — хардверные кошельки и браузерные расширения. Хардверные кошельки в большинстве своем максимально безопасны, однако сложны в использовании и далеко не бесплатны, а вот браузерные расширения являются идеальным сочетанием безопасности и простоты в использовании, а еще могут быть совершенно бесплатны для конечных пользователей.

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

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

Читать дальше →

+10

AloneCoder May 10 2019 at 17:42

HTTP-заголовки для ответственного разработчика

15 min

106K

VK corporate blogWebsite development*Client optimization*High performance*HTML*

Translation

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

Разработчики соединяют людей.
Разработчики помогают людям.
Разработчики дают людям возможности.

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

Читать дальше →

+88

ERRORNAME May 7 2019 at 19:22

Все об SVG анимации

41 min

179K

Vector graphics*Computer Animation*

Tutorial

From sandbox

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

Здесь не будет никаких плагинов, библиотек и прочего, речь пойдет только о чистом SVG.
Единственный инструмент, который я буду использовать, это Adobe Illustrator.

Получить сакральные знания

+39

Kempston May 7 2019 at 20:13

3D игра на three.js, nw.js

19 min

18K

Game development*WebGL*Canvas*

Я решил выпустить новую версию своей старой браузерной игры, которая на протяжении пары лет пользовалась успехом в качестве приложения в социальных сетях. На этот раз я задался целью оформить ее также и в виде приложения под Windows (7-8-10) и разместить в различных магазинах. Конечно, в дальнейшем можно сделать сборки и под MacOS и Linux.

Код игры написан полностью на чистом javascript. Для отображения 3D графики в качестве связующего звена между скриптом и WebGL используется библиотека three.js. Однако, так было и в старой, браузерной версии. Самым главным в этом проекте для меня стал повод параллельно с игрой дописать собственную библиотеку, призванную дополнить three.js средствами удобной работы с объектами сцены, их анимацией и многими другими возможностями. Я тогда забросил ее на длительное время. Пришла пора к ней вернуться.

+15

DmitryLunin Apr 22 2019 at 06:14

Бесплатные ссылки, или чем заняться на досуге владельцу сайта

10 min

5.3K

Search engine optimization*

Recovery Mode

Эта статья будет полезна владельцам бизнеса, которые занимаются продвижением своего сайта самостоятельно, но в “пассивном режиме”: в свободное время понемногу изучают вопрос, пытаются вникнуть в разные аспекты, пробуют разные способы и сервисы. Иными словами, не ставят жестких сроков и не проводят по бухгалтерии бюджеты и статьи расходов на SEO.

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

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

Читать дальше →

PatientZero Mar 27 2019 at 09:34

Простое объяснение алгоритмов поиска пути и A*

13 min

74K

Algorithms*Game design*Game development*

Translation

Часть 1. Общий алгоритм поиска

Введение

Поиск пути — это одна из тех тем, которые обычно представляют самые большие сложности для разработчиков игр. Особенно плохо люди понимают алгоритм A*, и многим кажется, что это какая-то непостижимая магия.

Цель данной статьи — объяснить поиск пути в целом и A* в частности очень понятным и доступным образом, положив таким образом конец распространённому заблуждению о том, что эта тема сложна. При правильном объяснении всё достаточно просто.

Учтите, что в статье мы будем рассматривать поиск пути для игр; в отличие от более академических статей, мы опустим такие алгоритмы поиска, как поиск в глубину (Depth-First) или поиск в ширину (Breadth-First). Вместо этого мы постараемся как можно быстрее дойти от нуля до A*.

Читать дальше →

+29

YuriyIvon Mar 8 2016 at 20:50

Правильная работа с датой и временем

12 min

155K

Programming*Website development*

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

Читать дальше →

+27

m1rko Mar 25 2019 at 16:38

Preload, prefetch и другие теги

9 min

149K

IT Standards*BrowsersWebsite development*Server optimization*

Translation

Есть много способов повышения веб-производительности. Один из них — предзагрузка контента, который понадобится позже. Префетчинг CSS, предварительный рендеринг полной страницы или резолвинг доменного имени. Делаем всё заранее, а потом мгновенно отображаем результат! Звучит круто.

Ещё круче, что это очень просто реализовано. Пять тегов <link rel> дают браузеру команду на предварительные действия:

<link rel="prefetch" href="/style.css" as="style" />
<link rel="preload" href="/style.css" as="style" />

<link rel="preconnect" href="https://example.com" />
<link rel="dns-prefetch" href="https://example.com" />

<link rel="prerender" href="https://example.com/about.html" />

Читать дальше →

+33

Zelenyikot Mar 26 2019 at 05:56

Почему добыча ресурсов на астероидах — это сложно?

3 min

23K

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

Читать дальше →

+57

delvin-fil Mar 25 2019 at 19:26

И снова о втором мониторе из планшета…

3 min

37K

GadgetsMonitors and TVConfiguring Linux*

From sandbox

Оказавшись обладателем среднего такого планшета с нерабочим сенсором (старшенький сынуля постарался) долго думал, куда приспособить. Гуглил, гуглил и нагуглил (раз, два, Хакер №227), а так же много других рецептов с участием spacedesk, iDispla и некоторых других. Вот только незадача — у меня Linux. Погуглив ещё, я нашел несколько рецептов и путем несложного шаманства получил приемлемый результат.

Читать дальше →

+58

m1rko Mar 25 2019 at 20:58

Чего мне никогда не говорили о CSS

4 min

41K

CSS*Web design*Website development*

Translation

Фото Джантин Дурнбос на Unsplash

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

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

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

Читать дальше →

+36

1 2