Подборка из 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