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



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

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



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

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

    Подробнее
    Реклама

    Комментарии 0

    Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

    Самое читаемое