📃 Сегодня мы предлагаем вам список лучших JavaScript библиотек для построения диаграмм и сводных таблиц. Эти библиотеки помогут вам создавать красивые, настраиваемые графики для ваших будущих проектов

https://nuancesprog.ru/p/4234

@nuancesprog #статьи #JavaScript

Сегодня хотим поделиться с вами статьёй, автор которой рассказывает, как заанимировать адресную строку браузера: https://tprg.ru/YOzr

Зачем? Да потому что может.

#кек #javascript

Функциональное программирование с примерами на JavaScript

Статья в двух частях:

В первой части — основы ФП, каррирование, чистые функции, fantasy-land, функторы, монады, Maybe-монады и Either-монады: https://tproger.ru/translations/functional-js-1/

Во второй — аппликативные функторы, curryN и Validation Applicative: https://tproger.ru/translations/functional-js-2/

Также смотрите — русскоязычный видеокурс по ФП от Computer Science Center: https://tproger.ru/video/func-programming/?autoplay=1

#javascript

Во многих ситуация в JavaScript вам больше не нужно использовать циклы

Вот почему: https://tprg.ru/3yQw

#javascript

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

В этом репозитории собрано большинство основных алгоритмов, написанных на JavaScript и протестированных:

https://bit.ly/2tjcHPb

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

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

В JavaScript есть 2 популярных метода для итерирования: forEach() и map(). В чём между ними разница? Что по производительности?

Автор статьи попытался разобраться:

https://tprg.ru/7bO5

#javascript

📃 Если вы собираетесь стать веб-разработчиком, вам необходимо ознакомиться с таким понятием, как “инструменты сборки” или “бандлеры”. Они позволяют компилировать, упаковывать и организовывать ресурсы, необходимые для вашего проекта. Самым известным инструментом является Webpack с которым мы вас и ознакомим

https://nuancesprog.ru/p/2752/

@nuancesprog #статьи #JavaScript #Webpack #WebDevelopment

Распространённые ошибки при использование Promise в JavaScript

Promise в JavaScript позволяют довольно гибко объединить несколько асинхронных операций без необходимости использования функций обратного вызова.

В этой статье читайте про распространенные ошибки в Promise, которые влияют на производительность кода, а также про возможные решения этих ошибок:

https://tprg.ru/WAcK

#javascript

Подборка из 10 фишек JavaScript

Т.к. React построен на основе чистого JS, то с помощью этих фишек можно будет писать более качественный код на этом фреймворке:

https://tprg.ru/sAOb

#javascript #react

Подборка из 11 репозиториев, которые помогут прокачаться любому разработчику

1. Awesome — самый популярный репозиторий, в котором представлены все темы, от разработки ПО до аппаратного обеспечения и бизнеса: https://github.com/sindresorhus/awesome

2. Подборка бесплатного ПО и сервисов: https://github.com/ripienaar/free-for-dev

3. Пособие для технических интервью: https://github.com/yangshun/tech-interview-handbook

4. Подборка бесплатных источников для обучения: https://github.com/EbookFoundation/free-programming-b..

5. Подборка бесплатных API: https://github.com/public-apis/public-apis

6. Заметки эффективного инженера: https://gist.github.com/rondy/af1dee1d28c02e9a225ae55..

7. Разбор продвинутых вопросов по JavaScript: https://github.com/lydiahallie/javascript-questions

8. Алгоритмы и структуры данных на JavaScript: https://github.com/trekhleb/javascript-algorithms

9. Чистый код на JavaScript: https://github.com/ryanmcdermott/clean-code-javascript

10. Awesome для начинающих: https://github.com/MunGell/awesome-for-beginners

11. Большой список проблемных строк, которые пользователи могут вводить в ваше программу: https://github.com/minimaxir/big-list-of-naughty-stri..

#javascript

​20 проектов для прокачки навыков в JavaScript

https://tprg.ru/FtUl

Для каждого проекта приведено описание, реализация и демо. Вот, например, игра «Виселица» из этой подборки:

#javascript

Инструмент для визуализации графа зависимостей для вашего проекта. Ещё и сообщает об ошибках, если где-то перемудрили:

https://tprg.ru/VsBt

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

RoughJS — это графическая JS-библиотека, которая позволяет в рукописном стиле рисовать на <canvas> и с помощью SVG.

Здесь сама библиотека: https://tprg.ru/7d3j

А здесь её создатель рассказывает, как это работает и какие алгоритмы используются под капотом: https://tprg.ru/2riI

#фронтенд #javascript

​Web Speech API в JavaScript: от текста к речи

Для того, чтобы преобразовать текст в речь в JavaScript существует готовое API под названием Web Speech API. Если хотите добавить на ваш сайт или в ваше приложение такую удобную функцию, то в этой статье автор вместе с читателями разбирается в её возможностях и функционале:

https://nuancesprog.ru/p/16036/

#javascript

Работа с анимацией на JavaScript с использованием requestAnimationFrame

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

Чтобы справиться с этой задачей лучше воспользоваться встроенным в HTML5 requestAnimationFrame API. Подробнее о нём и о том, как его использовать читайте здесь:

https://betterprogramming.pub/working-with-javascript-animations-using-requestanimationframe-f07e0658908e

#javascript