javascript mastery course

JavaScript Mastery Course: 100+ проектов от начинающего до эксперта

В этом репозитории вы найдете куратор из 100+ идей проекта для разработчиков JavaScript. Эти проекты варьируются от начинающих до продвинутых уровней, предлагая возможности для практики и улучшения ваших навыков JavaScript. Каждая идея проекта включает в себя краткое описание, которое поможет вам начать работу. Не стесняйтесь использовать эти идеи для вашего следующего проекта или вдохновлять ваши творения.

Инструктор

Описание курса

JavaScript является одним из самых популярных языков программирования в мире, используемым для создания интерактивных веб -сайтов, веб -приложений и мобильных приложений. Этот курс охватывает более 100 идей проекта для разработчиков JavaScript, от начинающего до экспертного уровня. Независимо от того, начинаете ли вы или хотите бросить вызов себе, эти идеи проекта помогут вам улучшить свои навыки JavaScript и создать реальные приложения.

Начиная

Чтобы начать работу с этими идеями проекта, просто выберите проект, который вас интересует и начните его создавать. Вы можете использовать любую фреймворк или библиотеку JavaScript, такие как React, Angular или Vue.js. Вы также можете использовать ванильный JavaScript, если вы предпочитаете. Цель состоит в том, чтобы практиковать свои навыки JavaScript и создать реальные приложения.

Таблица идеи проекта

Начальные проекты

1. Hello World Alert : Покажите оповещение "Hello World". | Задача
2. Простой калькулятор : основные арифметические операции. Задача | Живая демонстрация
3. Список дел : добавить и удалить задачи. | Задача | Живая демонстрация
4. Генератор случайных цитат : отображать случайные кавычки. | Задача | Живая демонстрация
5. Таймер обратного отсчета : простая функция обратного отсчета. | Задача | Живая демонстрация
6. Угадайте, номеру игра : число угадывает номер. | Задача | Живая демонстрация
7. Калькулятор наконечника : вычислить советы на основе процента. | Задача | Живая демонстрация
8. Цветовая изменение : измените цвет фона на кнопке. | Задача | Живая демонстрация
9. Проверка формы : проверить входы пользователей в форме. | Задача | Живая демонстрация
10. Цифровые часы : отображение текущего времени. | Задача | Живая демонстрация
11. Palindrome Checker : проверьте, является ли строка палиндром. | Задача | Живая демонстрация
12. Счетчик персонажа : подсчитывать символы в текстовой образе. | Задача | Живая демонстрация
13. Приложение погоды : принесите информацию о погоде. | Задача | Живая демонстрация
14. Конвертер валюты : преобразовать ставки валюты. | Задача | Живая демонстрация
15. Калькулятор ИМТ : рассчитайте индекс массы тела. | Задача | Живая демонстрация
16. Простая проверка формы : проверить входы формы. | Задача | Живая демонстрация
17. Преобразователь температуры : преобразовать между Цельсия и Фаренгейт. | Задача | Живая демонстрация
18. Динамический фон, изменившим изменение цвета фона в зависимости от времени. | Задача | Живая демонстрация
19. Игра в палачах : классическая игра угадания. | Задача | Живая демонстрация
20. Набор барабанов : воспроизводите звуки барабана на нажатию клавиши. | Задача | Живая демонстрация
21. Список продуктов : добавить и удалить элементы из списка. | Задача | Живая демонстрация

Промежуточные проекты

1. Приложение Quiz : Вопросы с несколькими вариантами выбора при отслеживании счетов. | Задача | Живая демонстрация
2. Трекер расходов : отслеживать расходы и классифицировать их. | Задача | Живая демонстрация
3. Приложение для поиска фильмов : Поиск фильмов с использованием API. | Задача | Живая демонстрация
4. Слайдер изображения : создайте простой карусель изображения. | Задача | Живая демонстрация
5. Приложение рецепта : отображать рецепты на основе поиска пользователя. | Задача | Живая демонстрация
6. Бесконечный свиток : внедрить бесконечную прокрутку.
7. Таймер Pomodoro : таймер производительности с интервалами работы и разрыва.
8. Предварительный просмотр Markdown : преобразовать Markdown в HTML.
9. Система управления задачами : операции CRUD для задач.
10. Тест скорости ввода : измерение скорости ввода.
11. Профили Github : выставить и отображать профили Github.
12. Погодная панель : передовая информация о погоде.
13. URL -шортенера : сократите URL -адреса, такие как Bit.ly.
14. Музыкальный игрок : воспроизводить и контролировать музыкальные треки.
15. Электронная тележка : простая функциональность корзины для покупок.
16. Приложение в чате : чат в реальном времени с веб-билетами.
17. Веб -сайт портфеля : личное портфолио с проектами и контактами.
18. Загрузка файла : загрузить и управлять файлами.
19. Платформа блога : простая платформа для ведения блога с операциями CRUD.
20. Расходы : разделенные расходы среди друзей.
21. Игра для памяти : классическая игра для сопоставления карт.
22. Рок, бумага, ножницы игра : играй против компьютера.
23. Приложение викторины Flashcard Quiz : изучение с карточками.
24. Список TODO с локальным хранилищем : хранить задачи в местном хранении.
25. Приложение погоды с интеграцией API : отображать данные о погоде с помощью API.
26. Генератор мемов : создать и поделиться мемами.
27. Виртуальная клавиатура : на экране клавиатуры для набора печати.
28. Tic-Tac-Toe Game : классическая игра Tic-Tac-Toe.
29. Контактная книга : Управляйте контактами с операциями CRUD.
30. Страница продукта электронной коммерции : отображать детали продукта и обзоры.
31. Блог Markdown : Напишите и публикуйте сообщения в блоге в Markdown.
32. Фитнес -трекер : отслеживание тренировок и прогресса.
33. Доска вакансий : публиковать и найти списки вакансий.
34. Канбан Правление : инструмент управления проектами с столбцами.

Продвинутые проекты

1. Панель мониторинга социальных сетей : отображать статистику социальных сетей.
2. Электронная коммерция : заполните сайт электронной коммерции с интеграцией платежей.
3. Инструмент управления проектами : Канбанский совет по управлению проектами.
4. Доска вакансий : публиковать и найти списки вакансий.
5. Редактор онлайн -кода : HTML, CSS и JS Code Editor.
6. Чатбот : AI-мощный чат-бот.
7. Сотрудничество в реальном времени : Google Docs, подобное сотрудничеству.
8. Фитнес -трекер : отслеживание тренировок и прогресса.
9. Платформа потоковой передачи видео : потоковые видео, такие как YouTube.
10. Платформа обмена рецептами : поделиться и поиск рецептов.
11. Виртуальная игра для домашних животных : тамаготчи, подобный виртуальному питомцу.
12. Данная панель фондового рынка : отображать данные фондового рынка.
13. Система управления обучением : платформа управления курсами.
14. Система онлайн -опроса : создать и голосовать на опросах.
15. Приложение для изучения языка : изучать новые языки с упражнениями.
16. Система управления событиями : управление событиями и RSVP.
17. Настраиваемая панель панели : виджеты для различных данных.
18. Система билетов на поддержку клиентов : управлять билетами поддержки клиентов.
19. Платформа викторины : создайте и принимайте викторины.
20. Усовершенствованная метеостанция : подробные данные о погоде и прогнозы.
21. Система рекомендаций рецепта : рекомендовать рецепты на основе ингредиентов.
22. Interactive Story App : Создайте и читайте интерактивные истории.
23. Умная домашняя панель управления : управление устройствами Умного дома.
24. Система бронирования фитнеса класса : занятия по фитнесу.
25. Планировщик маршрута путешествия : планируйте маршруты путешествий.
26. Переводчик языка : перевести текст между языками.
27. Торговля акциями в режиме реального времени : имитация торговли акциями.
28. Новости агрегатора : объединить и показывать новостные статьи.
29. Портфолио проекта : демонстрировать несколько проектов с деталями.
30. Приложение для видеоконференций : видеоконференция в реальном времени.
31. Инструмент сотрудничества в реальном времени : сотрудничать в проектах в режиме реального времени.
32. Видеаплеер с плейлистом : воспроизводить видео с функцией плейлиста.
33. Инструмент управления задачами с календарем : управление задачами с календарным представлением.
34. Интерактивная визуализация данных : создать интерактивные визуализации данных.
35. Трекер фондового рынка : отслеживать данные фондового рынка в режиме реального времени.
36. Поисковая система рецепта : Поиск рецептов на основе ингредиентов.
37. Фотогалерея : отображать и организовать фотографии.
38. Панель панели расходов с диаграммами : визуализировать расходы с диаграммами.
39. Трекер привычки : отслеживать и визуализировать привычки.
40. Платформа электронной коммерции с рекомендациями по искусственному искусству : сайт электронной коммерции с рекомендациями с AI.

Экспертные проекты

1. Полная социальная сеть : полный сайт социальных сетей.
2. Платформа онлайн -обучения : похожа на Udemy или Coursera.
3. Трекер заявки на работу : отслеживать заявки на работу и статусы.
4. Управление личным финансами : бюджетирование и отслеживание расходов.
5. Рекомендации на основе искусственного интеллекта : рекомендации с использованием машинного обучения.
6. Электронная коммерция с рекомендациями по искусственному искусству : рекомендации по продукту на основе поведения пользователей.
7. Многопользовательская игра в реальном времени : многопользовательский опыт игры.
8. Расширенная визуализация данных : комплексные панели мониторинга визуализации данных.
9. Приложение для распознавания голоса : командное приложение с использованием распознавания голоса.
10. Тур виртуальной реальности : виртуальные туры с использованием WebVR.
11. Трекер криптовалюты : отслеживать и анализировать криптовалюты.
12. Система онлайн -экзаменов : сдать и онлайн -экзамены.
13. Фитнес -приложение с носимой интеграцией : интегрируйте с носимыми фитнесом.
14. Персональный помощник по ИИ : как Google Assistant.
15. Платформа машинного обучения : создание и развертывание моделей ML.
16. Совместная доска : совместный рисунок в реальном времени.
17. Система домашней автоматизации : управлять домашними устройствами удаленно.
18. Приложение дополненной реальности : AR опыт в браузере.
19. Система управления контентом : полнофункциональный CMS.
20. Удаленная рабочая платформа : управлять удаленными командами и проектами.
21. Аукционная система в режиме реального времени : ставка на предметы в режиме реального времени.
22. Онлайн -рынок : купить и продавать товары онлайн.
23. Платформа краудфандинга : Соберите средства для проектов.
24. Умный список покупок : интеллектуальный список покупок с предложениями.
25. Система бронирования путешествий : бронирование рейсов, отелей и мероприятий.
26. Агрегатор новостей с AI : Совокупные новости с использованием искусственного интеллекта.
27. Распознавание ингредиентов рецепта : распознайте ингредиенты из изображений.
28. IoT Dashboard : управление и мониторинг устройств IoT.
29. Личная панель здоровья : контроль личных показателей здоровья.
30. Виртуальный класс : провести занятия в Интернете с взаимодействием в реальном времени.

Внося

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

Лицензия

Этот репозиторий лицензирован по лицензии MIT. См. Файл лицензии для получения дополнительной информации.

Контакт

По любым вопросам или предложениям, не стесняйтесь обращаться к инструктору:

• Аджай Дхангар
• LinkedIn
• Twitter

Ресурсы

Вот несколько дополнительных ресурсов, которые помогут вам с вашими проектами:

• MDN Web Docs
• Информация о JavaScript
• Красноречивая JavaScript
• Freecodecamp
• Кодексадемия
• Codeharborhub