17 May

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

Website developmentJavaScriptProgramming


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

Представляю вашему вниманию подборку из 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.


5. Form Validator


Валидация формы.


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 и прокси.



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

Спасибо за потраченное время. Надеюсь, оно было потрачено не зря.
Tags:javascriptпрограммированиеразработкаprojectпроектtutorialурок
Hubs: Website development JavaScript Programming
+4
20.3k 176
Leave a comment