​Анимированная таблица Менделеева на JavaScript

В этом проекте каждый элемент анимирован в зависимости от агрегатного состояния вещества: твёрдого, жидкого или газообразного. Посмотрите, как это реализовано с точки зрения кода:

https://codepen.io/dilums/pen/oNzyeEv

#codepen #javascript

​Является ли Bun следующим значительным достижением после WebPack?

Недавно был представлен новый игрок экосистемы инструментов JavaScript  —  bun. Он призван сделать разработку JavaScript еще быстрее. Этот инструмент можно назвать всеобъемлющим: он не просто ускоряет компиляцию и синтаксический анализ, но и предоставляет собственный менеджер зависимостей и пакетирование.

Обзор этого многообещающего инструмента тут:

https://nuancesprog.ru/p/15623/

#bun #javascript

Как 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