JavaScript Projects
Это руководство предназначено для людей, которые хотят работать над проектами, чтобы получить практический опыт обучения, но из идей. JavaScript очень легко реализовать. Все, что вам нужно сделать, это поместить ваш код в документ HTML и сказать браузеру, что это JavaScript. Он работает на компьютерах веб -пользователей - даже если они оказались в автономном режиме и позволяют вам создавать очень отзывчивые интерфейсы, которые улучшают пользовательский опыт и обеспечивают динамическую функциональность, без необходимости ждать, пока сервер отреагирует и покажет другую страницу.
Проекты для начинающих
- Сделать Tic Tac Toe Board
- Сделать веб -калькулятор
- Сделайте список TODO с постоянным хранилищем браузера с помощью API LocalStorage
- Сделать единичный преобразователь (время, расстояние, валюта и т. Д.)
- Генератор случайных лабиринта как онлайн -игра
- Сделать веб -цифровые часы
- Обновление переменных CSS с помощью JS
- Сделайте летающий цвет, меняющую бабочку с JS, используя API Canavas.
- Сделайте веб -барабан со звуками и вводом клавиатуры, используя JS
- Сделать карусель продукта
- Сделать XO Game.
- Создать редактор пикселей
- Создайте простой веб -сайт, используя HTML, CSS и JavaScript
- Создать забавные наклейки роботов
Проекты промежуточного уровня
- Сделайте сценарий, который автоматически заполняет общие поля регистрации, используя случайные данные
- Используйте Yahoo! Погода API для строительства виджета погоды
- Интегрируйте SoundCloud на веб -странице, чтобы воспроизвести песню в соответствии с настроением пользователя
- Используйте Starwars-API, чтобы генерировать профиль всех персонажей и их оружия/транспортных средств
- Используйте Unsplash-API, чтобы создать карусель изображения
- Используйте Paper.js, чтобы создать удивительную графику.
- Используйте Parallaxjs для создания полной страницы Parallax boilerplates
- Используйте API футбольных данных для создания веб -страницы, которая позволит вам забрать все таблицы бесплатных лиг.
- Создать ночью и ночью переключатель
- Создать приложение TODO
- Создать приложение Notes
Проекты продвинутого уровня
- Используйте API Gene Lab's NASA, чтобы создать инструмент для визуализации и отображения данных интерактивным образом
- Используйте API USGS для визуализации устаревших данных о землетрясениях с различными фильтрами (величина, дата, затронутые области, место происхождения)
- Используйте API Google Map API и API климатических данных Всемирного банка для создания интерактивного инструмента для визуализации исторических данных по климату по странам, регионам и т. Д.
- Используйте API Twitter вместе с примером библиотеки анализа настроений, чтобы визуализировать твиты знаменитостей и политиков и найти тенденции.
- Построить игру жизни
- Наметить фондовый рынок
- Создать приложение для голосования
Вдохновение
Коллекция развернутых живых проектов с кодом.
- JavaScript ткань моделирование ткани V2
- Fireworks Animation GeneratorFireWorls в холсте
- Создание рабочих частиц анимация 30К в холсте
- Крутая случайная анимация на основе червя Cursordraw
- Spaceship Shooter Game
Внося
- Те, кто новичок в открытом исходном коде и не знает, как отправить запрос на развод, см. Файл appling.md.
