Программирование [udemy] 100 дней JavaScript (2022)

[𝕯𝖆𝖗𝖐🥰𝕬𝖓𝖌𝖊𝖑]

Автор: udemy​

Название: 100 дней JavaScript (2022)​

Продолжительность: 60 ч 38 мин Количество уроков: 206 Видео Язык: Английский Вес архива: 28,40 ГБ

100 дней JavaScript — это практический курс, построенный на создании реальных проектов. Он помогает уверенно применять JavaScript на практике, шаг за шагом формируя навыки разработки современных веб‑интерфейсов и мини‑приложений.

О курсе

Вместо абстрактной теории вы сразу переходите к коду: каждый день — новый проект, новый инструмент и новое понимание JavaScript. Такой формат позволяет быстро закрепить навыки, повысить уверенность и научиться создавать функциональные и красиво оформленные веб‑элементы.

Для кого подходит этот курс

• Начинающим разработчикам, которые уже знают основы HTML, CSS и JavaScript.
• Тем, кто хочет прокачать навыки через практику и увидеть реальные рабочие примеры.
• Тем, кто устал от теории и хочет создавать мини‑приложения, компоненты и интерактивы.

Чему вы научитесь

• Понимать, как работает JavaScript в реальных задачах.
• Использовать DOM API, события, массивы, локальное хранилище и асинхронные запросы.
• Создавать UI‑компоненты, виджеты, мини‑игры и инструменты для веба.
• Работать с API, модульной структурой и современными возможностями JavaScript.

Содержание курса

Курс включает 100 проектов, от простых инструментов до продвинутых приложений и финального проекта PSEUDO JavaScript AI. Каждый проект подробно объясняется, чтобы вы понимали логику работы и могли применять эти решения в собственных разработках.

Что вы создадите

Проекты охватывают широкий спектр задач: от генераторов, калькуляторов и элементов интерфейса до интеграции API, работы с анимациями, темами, локальным хранилищем и логикой приложений.

Примеры направлений проектов

• Инструменты: счетчики, конвертеры, калькуляторы, таймеры.
• UI‑компоненты: модальные окна, аккордеоны, карусели, вкладки, меню.
• Асинхронные проекты: API‑приложения, поиск, рандомайзеры, работа с GitHub и Wikipedia.
• Анимации и UX: скролл‑эффекты, индикаторы прогресса, формы, анимации интерфейсов.
• Мини‑игры и генераторы: цифровое пианино, игра «Бегущий человек», генератор паролей.
• Мультимедиа: Web Speech API, синтез речи, проигрыватель музыки.
• Финальный проект: PSEUDO AI — интерактивный «умный» ассистент на JavaScript.

Полный список проектов

Ниже представлен весь перечень проектов, входящих в курс. Они уже оптимизированы для обучения и идут в прогрессирующей сложности:

• Приложение счетчика
• Генератор случайных шестнадцатеричных цветов
• Генератор случайных чисел
• Модальное окно/всплывающее окно
• Проверка на палиндром
• Приложение для подсчета гласных
• Копирование по клику
• Генератор ссылки для загрузки Google Drive
• Приложение погоды
• Приложение для подсчета символов в поле ввода
• Поиск текстов песен
• Определитель состояния подключения к Интернету
• Викторина
• Проект API
• Проект HTTP-запроса
• Генератор случайных цитат
• Поиск в списке проектов
• Обратный отсчет даты
• Обратный отсчет времени
• Калькулятор чаевых
• Эффект плавного скролла
• Липкое меню навигации при прокрутке
• Переключатель активного меню
• Прокрутка страницы вверх
• Адаптивное меню для мобильных устройств - часть 1 и 2
• Адаптивное меню для мобильных устройств с подменю
• Индикатор прокрутки страницы
• Форма подписки на рассылку при прокрутке
• Анимация страницы с помощью библиотеки AOS
• Генератор паролей
• Локальное хранилище
• Простое приложение для списка дел
• Приложение для списка дел с локальным хранилищем
• Приложение для заметок
• Калькулятор индекса массы тела
• Калькулятор
• Цифровые часы
• Конвертер веса
• Конвертер температуры
• Игра "Бегущий человек"
• Инструмент для подсчета слов
• Аккордеон
• Async Await - Генератор случайных шуток
• Модули, импорт и экспорт
• Приложение поиска профилей GitHub
• Приложение поиска на Wikipedia
• Изображения-слайдер
• Методы массива JavaScript
• Data Attribute и JS
• Фильтр продуктов
• Карусель продуктов
• Вертикальные вкладки
• Приложение для подсчета времени
• Цифровое пианино
• Проверка формы
• Кнопка отображения пароля
• Индикатор сложности пароля
• Анимированный интерфейс входа
• Анимированная строка поиска
• Меню аватара пользователя на Udemy
• Конвертер валют
• Приложение для просмотра фильмов
• Плавающая кнопка действия
• Переключатель темной и светлой темы
• Web Speech API - приложение для преобразования речи в текст
• Web Speech API - приложение для преобразования речи в текст с голосовым управлением
• Speech Synthesis - приложение для преобразования текста в речь
• Проект с эффектом печатной машинки
• Пользовательский индикатор прогресса
• Пользовательское оповещение и уведомление Toast (ES6 Classes)
• Пользовательское оповещение и уведомление Toast с индикатором прогресса
• Пользовательское диалоговое окно подтверждения (ES6 Classes)
• Пользовательский ползунок диапазона
• Модальное окно с обратным отсчетом
• Прелоадер веб-сайта
• Слайдер отзывов
• Счетчик символов в твитах
• Нажмите, чтобы твитнуть
• Вставка таймлайна Twitter
• Приложение для рецептов
• Галерея товаров с миниатюрами
• Фильтр изображений галереи
• UI/UX карточки оплаты
• Точный калькулятор возраста
• Многошаговая форма
• Секция ценообразования
• Секундомер
• Анимированный проект вертикальной временной шкалы
• Приложение для проигрывания музыки
• Проект PSEUDO AI - Anita

Итог

100 дней JavaScript — это возможность выстроить дисциплину, улучшить навыки разработки и создать внушительное портфолио из 100 проектов. Курс идеально подойдет тем, кто хочет перейти от теории к уверенной, понятной и увлекательной практике.

СКАЧАТЬ: