🇬🇧 Алгоритмы и структуры данных на JavaScript

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

Общее описание, ссылки для детального изучения, псевдокод и, конечно, реализация на JS.

Смотреть репозиторий

#javascript #алгоритмы

Немножко красоты в ленту

Отличный пример оправданного использования анимаций и webgl/threejs. Режиссура, музыка, настроение, превосходная картинка.

Открыть сайт

#инспирейшен #javascript #threejs

🇬🇧 Веселимся с web audio api

Мама не купила в детстве синтезатор? Сделай свой собственный!

Не знаю — будет ли когда-нибудь audio API пригодно для создания серьезных продуктов, но какие-то несложные творческие задумки реализовать можно.

Читать статью

#javascript #junior #webaudioapi #css

React-Phone-Input-2

Потрясающая библиотека для работы с кодами стран и масками телефонных номеров. Будет особенно полезна для тех, кто страдает с intl-tel-input.

Посмотреть демо и установить

#javascript #npm #github #библиотека #react

Задача: отфильтровать целые числа

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

[1, 2, 3, 'abc', 4] => [1, 2, 3, 4]

Открыть песочницу с тестами

#javascript #задача #junior

WebGradients

Хороший сервис с большим количеством качественных градиентов. Можно экспортировать как в png, так и сразу в css.

Перейти на сайт

#сервис #css #полезное

🇬🇧 Видео-плеер на React

Хорошая статья для начинающих. Хуки, компоненты, управление состоянием видео.

Читать статью

#react #javascript #junior

🇬🇧 Как Ноушен на Next мигрировал

Команда Ноушена, в котором я, кстати, и пишу этот пост, делится причинами и результатами перевода своего маркетинга — блога и гайдлайнов — на рельсы Next.js

Читать статью

#react #next #notion

Решение задачи

const filterIntegers = list => {
return list.filter(el => Number.isInteger(el))
}

Самый простой способ - воспользоваться встроенной функцией filter, которая создает новый массив, куда войдут только те элементы исходного массива для которых вызов колбэка вернет true. В нашем случае колбэк — это Number.isInteger(el).

Number.isInteger() — встроенный метод объекта Number для проверки данных на целочисленное значение. Вернет true, если аргументом передать целое число, и false во всех остальных случаях.

#javascript #решение #junior

VW Жук на чистом CSS

Обожаю таких психов — иллюстрация Жука без единой картинки, все на чистом CSS.

Открыть codepen

#codepen #маньяки #css

🇬🇧 Генеративный арт

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

Ну не только же джейсоны по сети гонять.

Открыть туториалы

#javascript #middle

Нейросетевой перевод видео от Яндекса

Дожили, наконец-то. Можно теперь делать вид, что тоже разбираюсь в западных стэндап-комиках.

Но Яндекс.Браузер я все равно не поставлю. Хорошая попытка, Яндекс, но нет.

Читать статью

#нейронныесети #технологии

smartcrop.js

Крутая библиотека, которая сама умеет определять — как лучше кропнуть фотографию.

Посмотреть демо и установить

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

И снова красота

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

Открыть сайт

#javascript #threejs #инспирейшен

React Context

Если вы вдруг устали от Редакса или от бесконечных пропсов в пропсах в пропсах — попробуйте контекст.

👉 Читать статью

#javascript #react #junior

На собес с мамой

Кажется, я многое уже повидал в жизни, но все равно не перестаю удивляться. И смешно и грустно.

👉 Читать статью

#hr

Кастомные чекбоксы

Если каждый раз, когда вам нужен кастомный чекбокс, вы открываете Гугл, то попробуйте посмотреть видео Вадима Макеева.

Да и в целом я могу только порекомендовать подписаться на него. Он обладает очень важным умением закапываться в суть вещей и объяснять их простым языком.

👉 Смотреть видео

#css

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

Если вы еще не пользуетесь чудесными структурами данных Set и Map, то сейчас самое время начать.

У Set есть одно замечательное свойство — в коллекции можно хранить только уникальные значения. Именно это позволяет нехитрым трюком избавиться от всех дубликатов исходного массива.

#javascript #trick

Чистый код

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

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

👉 Читать статью

#javascript

Build your own X

В рубрике "рекомендации" у нас сегодня потрясающий репозиторий с идеями проектов и, внимание, их реализацией на разных языках в виде туториалов. 3Д-рендер? Физический движок? База данных? Подержите моё пиво!

👉 Открыть репозиторий

#рекомендации #javascript #github