Доброго времени суток, друзья!

Представляю вашему вниманию подборку из 22 проектов на чистом или, как еще говорят, ванильном JavaScript (лично я предпочитаю просто JavaScript).

Для меня это своего рода промежуточный итог в изучении JS.

Код написан в разное время, поэтому выглядит по-разному и имеет разный уровень сложности.

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

Код проектов находится ЗДЕСЬ.

Формат будет следующим: название проекта, его краткое описание, песочница.

По некоторым проектам имеются отдельные статьи. По другим, возможно, когда-нибудь появятся.

Итак, поехали.

1. Audio Progress and Visualization

Приложение для воспроизведения и визуализации аудио данных с помощью Web Audio API и Canvas API.

2. Breakout

Игра «Breakout».

3. Calculator

Калькулятор. Используется библиотека Math.js. V. 2.0.

4. Currency Converter

Конвертер валют. Используется специальное API.

6. Hangman

Игра «Виселица».

7. Image Gallery and Slider Maker

Генератор гибкой галереи изображений со встроенным слайдером.

8. Lyrics Search

Поиск текстов песен (лирики). Используется специальное API.

9. Meal Search

Поиск блюд со способом приготовления и ингредиентами. Используется специальное API.

10. Meditation App

Приложение для медитации. Работа с аудио и видео.

11. Memory Cards

Карточки для запоминания. Интерактивный слайдер.

12. Notes App

Приложение для заметок (задач) с возможностью установки даты напоминания. Для сохранения данных на стороне клиента используется IndexedDB.

13. Number Guess

Игра «Угадай номер». Используется Web Speech API.

14. Ping Pong

Игра «Пинг Понг».

15. Rock Paper Scissors

Игра «Камень, ножницы, бумага».

16. Speed Typing

Тренажер скоростного набора текста.

17. Tetris

Игра «Тетрис».

18. Text Reader

Приложение для чтения текста. Используется Web Speech API. Сравните голоса от Microsoft и Google.

19. Tic Tac Toe

Игра «Крестики-нолики». Используется специальный алгоритм. Попробуйте победить машину.

20. Tinder-Like Carousel

Сложный, но интересный слайдер. Используется библиотека Hammer.js.

21. Virtual Keyboard

Виртуальная клавиатура.

22. Weather App

Приложение для показа погоды. Используется специальное API и прокси.

Репозиторий будет регулярно пополняться, так что следите за обновлениями.

Спасибо за потраченное время. Надеюсь, оно было потрачено не зря.

Проекты на JavaScript для ознакомления