30DaysOfJavaScript — коллекция мини-проектов для освоения JS на практике

Когда в последний раз вы делали что-то на JavaScript просто для удовольствия? Автор репозитория Swapnil Srivastava поставил перед собой амбициозную цель — создать 30 проектов за 30 дней. В результате получилась коллекция из 130+ работающих приложений, которые охватывают практически все аспекты работы с JavaScript.

Почему этот репозиторий стоит внимания

1. Полноценные рабочие проекты — от простых утилит до сложных игр
2. Чистый JavaScript — без фреймворков и лишних зависимостей
3. Пошаговый рост сложности — от новичка до продвинутого уровня
4. Готовый материал для портфолио — каждый проект можно доработать и показать работодателю

Что внутри: от калькулятора до Flappy Bird

Репозиторий разбит на несколько уровней сложности:

Базовые проекты (дни 1-30)

• 🎵 Drum Kit — виртуальная барабанная установка
• 🎨 Color Picker — палитра с предпросмотром
• ⏱️ Stopwatch — таймер с сохранением кругов

Продвинутые приложения (дни 31-60)

• 📊 Sorting Visualizer — визуализация алгоритмов сортировки
• 🎮 Snake Game — классическая змейка
• 🌦️ Weather App — работа с API погоды

Игровые проекты (дни 61-126)

• 🏗️ 2048 Game — популярная головоломка
• 🐦 Flappy Bird — клон культовой игры
• 🎲 BlackJack — карточная игра с искусственным интеллектом

Как использовать репозиторий

1. Для обучения: Берите по одному проекту в день — код хорошо структурирован и понятен
2. Для вдохновения: Изучайте готовые решения для своих задач
3. Для портфолио: Дорабатывайте проекты и добавляйте в резюме

// Пример кода из проекта Drum Kit
function playSound(e) {
  const audio = document.querySelector(`audio[data-key="${e.keyCode}"]`);
  const key = document.querySelector(`.key[data-key="${e.keyCode}"]`);
  if(!audio) return;
  audio.currentTime = 0;
  audio.play();
  key.classList.add('playing');
}

Технические особенности

• Чистый Vanilla JS — никаких фреймворков
• HTML5/CSS3 — современная верстка
• Работа с API в нескольких проектах
• Анимации и игры на Canvas

Кому подойдет этот репозиторий

✅ Новичкам — чтобы увидеть JavaScript в действии ✅ Опытным разработчикам — для вдохновения и идей ✅ Преподавателям — готовые примеры для занятий ✅ Соискателям — проекты для портфолио

30DaysOfJavaScript — это не просто коллекция кода, а готовая программа для интенсивного обучения. Автор доказал, что за месяц можно создать впечатляющее портфолио, если подходить к делу системно.

🔗 Перейти к проекту 🌐 Живая демонстрация