Как Discord реализовал навигацию клавиатурой по всему приложению

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

Перевод статьи можно прочитать здесь:

https://habr.com/ru/post/659731/

#javascript

​Разработка на JavaScript с нуля в 2022 году: дорожная карта

Чтобы ваше обучение программированию на JavaScript с нуля было эффективным, мы составили для вас подробную дорожную карту. Забирайте себе по ссылке:

https://tproger.ru/articles/javascript-s-nulja-dorozhnaja-karta/

#javascript

​8 советов работы с JavaScript, которые повысят ценность вашего кода

Писать код можно по-разному. Но существует ряд советов, которым стоит следовать, если вы не хотите потом усложнить самим себе жизнь. Одно из основных правил — комментирование кода. Без комментариев вы уже через неделю можете не вспомнить, что делает ваша функция.

Ещё 7 советов можно узнать здесь:

https://nuancesprog.ru/p/15712/

#javascript

​Madge – инструмент что позволяет создавать визуальные графы зависимостей вашего js-проекта

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

GitHub | #JavaScript #Visualization #Useful

​Как создать роутер для пользовательского приложения SPA

Если вы разрабатывали SPA, то знаете о необходимости обработки несколько страниц в одностраничном приложении, как бы странно это не показалось. А если работали с React, то должны быть знакомы и с React Router, которая решает эту задачу.

Но в этой статье речь пойдёт о способе, который позволит вам избежать необходимости подключения лишней библиотеки, дав вам возможность использовать собственный маршрутизатор на ванильном JS. Подробнее в статье:

https://www.wiktorwisniewski.dev/blog/how-to-create-router-library

#spa #javascript

​Переносим уведомления из Google Календаря в Telegram

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

Подробнее:

https://habr.com/ru/post/666372/

#javascript #telegram #бот

CountUp.js — библиотека, которая поможет вам красиво вывести числовые данные

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

Инструкция по установке и использованию, демо и примеры тут:

https://inorganik.github.io/countUp.js/

#библиотека #javascript

​Делаем селфи с помощью браузера

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

Подробнее:

https://habr.com/ru/company/timeweb/blog/650233/

#javascript

​Как работает метод bind? 30 вопросов собеседования JavaScript

Метод bind применяется сегодня не так часто, как раньше, но его всё ещё можно встретить. В этом видео разбирается, что именно он делает и как на практическом примере:

https://youtu.be/nBeUtwXcjp0

#видео #javascript

​Создание Todo List на чистом JavaScript

Небольшой туториал с разбором кода, с помощью которого вы сможете реализовать собственный список задач на чистом JavaScript:

https://itchief.ru/javascript/todo-list

#javascript #туториал

Bun: новый рантайм для JavaScript

Bun конкурирует с хорошо известными NodeJS и Deno. Это новый JavaScript рантайм с нативным сборщиком, транспайлером, исполнителем задач и встроенным npm клиентом.

На днях произошёл релиз публичной беты, поэтому давайте познакомимся с ним чуть подробнее:

https://habr.com/ru/news/t/676102/

#javascript

​Неочевидно, но факт: 5 способов использовать метод reduce в JS

Современный стандарт JavaScript предоставляет множество методов для «умного» перебора массивов. В случае, когда нужно пройтись по массиву и, например, суммировать все значения, найти среднее или произвести какие-либо промежуточные действия, лучше использовать метод reduce.

В каких сценариях его можно применять — в этой статье:

https://tproger.ru/articles/neochevidno-no-fakt-5-sposobov-ispolzovat-metod-reduce-v-js/

#javascript

Что почитать веб-разработчику: «JavaScript. Полное руководство», Дэвида Флэнагана

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

Издание полно яркими примерами кода и новыми главами, в которых раскрываются классы, модули, итераторы, генераторы, объекты Promise и async/await.

#javascript #книги

​Топ-5 встроенных баз данных для приложений JavaScript

Для хранения различной информации принято использовать базы данных. Но что делать, если данных мало, но их всё равно надо хранить? BigQuery и MySQL могут быть излишне в такой ситуации.

На самом деле, есть много вариантов, например встроенные БД. Подробнее о них в этой статье:

https://blog.bitsrc.io/top-5-embedded-databases-for-javascript-applications-1c68496aebac

#javascript #бд

​Как повысить скорость разработки с помощью общедоступных функций JavaScript

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

Подробнее:

https://habr.com/ru/company/rshb/blog/687868/

#javascript

Простой способ создать диаграмму с помощью JavaScript

Этот способ создания диаграмм не требует от вас каких-то сложных программ. Всё, что вам необходимо —использовать DgrmJS. Он реализован на ванильном JS, имеет открытый исходный код и весит при этом в 6,5 раз меньше bootstrap.

Подробнее:

https://habr.com/ru/post/648759/

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

Menja — духовный наследник Fruit Ninja на JavaScript

Предлагаем вашему вниманию игру Menja, которая по сути является альтернативной версией Fruit Ninja, но с более геометрическим дизайном. Здесь вам необходимо разрубать пролетающие блоки.

Игра реализовано на JavaScript без сторонних фреймворков. Посмотреть на код и поиграть можно здесь:

https://codepen.io/MillerTime/details/BexBbE

#gamedev #codepen #javascript

​Функции высшего порядка в JavaScript – Руководство для начинающих

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

Подробнее о них:

https://www.freecodecamp.org/news/higher-order-functions-in-javascript/

#javascript #основы

​Решаем популярные задачи с асинхронным кодом на JavaScript: часть вторая

Первая часть ждёт вас здесь. А здесь собрали для вас ещё несколько интересных задач с асинхронным кодом! Переходите по ссылке и попробуйте решить их все:

https://tprg.ru/VqX5

#javascript #задачи

​Автор популярного JS-пакета сидит без денег

Денис Пушкарев, автор популярного JavaScript-пакета core-js поделился своей ситуацией. Он рассказал, что не может получить достаточно денег от разработки open source-проектов.

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

Подробнее о ситуации и о том, что же делать ему и нам:

[https://tproger.ru/articles/avtor-populyarnogo-js-paketa-sidit-bez-deneg/

#javascript