Главная страницаКатегория javascript100 дней JavaScript

100 дней JavaScript

Name: 100 дней JavaScript
Price: 13 USD
Rating: 4.6 (14 reviews)

100 Days of JavaScript

udemy

★4.6 (всего оценок - 14)

Продолжительность

60 ч 38 мин

Категория

JavaScript

Количество уроков

206 Видео

Дата добавления

7 мая 2023 г., 23:32

Язык

Английский

Дата выхода

15 дек. 2022 г., 01:00

Дата обновления

29 апр. 2026 г., 17:44

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 проектов. Курс идеально подойдет тем, кто хочет перейти от теории к уверенной, понятной и увлекательной практике.

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:01:18
Introduction
Урок 2. 00:02:37
AI Project Demo
Урок 3. 00:01:58
How to get the best from this course
Урок 4. 00:02:31
Course Requirement
Урок 5. 00:02:30
Environment Setup
Урок 6. 00:06:28
Project Template
Урок 7. 00:02:31
Creating New Projects
Урок 8. 00:12:57
Counter App - Markup
Урок 9. 00:12:49
Counter App - JS
Урок 10. 00:01:59
Counter App - JS (UPDATE)
Урок 11. 00:02:23
Share your progress
Урок 12. 00:02:24
Random Number Generator - Markup
Урок 13. 00:07:43
Random Number Generator - JS
Урок 14. 00:03:00
Random Hex Color Generator - Markup
Урок 15. 00:10:57
Random Hex Color Generator - JS
Урок 16. 00:15:37
Modal/Popup Markup
Урок 17. 00:07:06
Modal/Popup - JS
Урок 18. 00:05:50
Moadl/Popup JS - Add slide up animation on close modal
Урок 19. 00:11:24
Palindrome Checker - Markup
Урок 20. 00:18:25
Palindrome Checker - JS
Урок 21. 00:09:12
Vowel Counter App - Markup and JS
Урок 22. 00:07:49
Click to Copy - Markup
Урок 23. 00:09:39
Click to Copy - JS
Урок 24. 00:04:08
Click To Copy - Updated - execCommand Removed
Урок 25. 01:31:14
Google Drive Download Link Generator - Markup
Урок 26. 00:38:29
Google Drive Download Link Generator - JS
Урок 27. 00:03:34
Google Drive JS Updated - execCommand Removed
Урок 28. 00:03:09
Input Field Character Count - Markup
Урок 29. 00:02:16
Input Field Character Count - JS
Урок 30. 00:10:13
Internet Connection Status Detector - Markup
Урок 31. 00:27:12
Internet Connection Status Detector - JS
Урок 32. 00:27:08
Quiz App - Markup
Урок 33. 00:43:20
Quiz App - JS
Урок 34. 00:07:40
API - Part 1
Урок 35. 00:09:55
API - Part 2 - Geolocation
Урок 36. 00:09:31
HTTP Request Project - Markup
Урок 37. 00:21:25
HTTP Request Project - JS
Урок 38. 00:36:08
Random Quote Generator
Урок 39. 00:29:06
Weather App - Markup
Урок 40. 00:33:07
Weather App - JS
Урок 41. 00:09:54
List Search Project - Markup
Урок 42. 00:06:43
List Search Project - JS
Урок 43. 00:05:35
Date Countdown - Markup
Урок 44. 00:11:52
Date Countdown - JS
Урок 45. 00:15:33
Time Countdown
Урок 46. 00:22:07
Tip Calculator - Markup
Урок 47. 00:20:35
Tip Calculator - JS
Урок 48. 00:16:26
Smooth Scroll - Markup
Урок 49. 00:05:25
Smooth Scroll - JS
Урок 50. 00:11:47
Sticky Nav Bar on Scroll - Markup
Урок 51. 00:05:43
Sticky Nav Bar on Scroll - JS
Урок 52. 00:05:22
Active Menu Switcher - Markup
Урок 53. 00:09:28
Active Menu Switcher - JS
Урок 54. 00:07:08
Scroll To Top - Markup
Урок 55. 00:10:31
Scroll To Top - JS
Урок 56. 00:14:37
Responsive Mobile Menu - Markup
Урок 57. 00:09:57
Responsive Mobile Menu - JS
Урок 58. 00:14:40
Responsive Mobile Menu - Part 2 - Markup
Урок 59. 00:07:48
Responsive Mobile Menu - Part 2 - JS
Урок 60. 00:21:38
Responsive Mobile Submenu - Markup
Урок 61. 00:12:34
Responsive Mobile Submenu - JS
Урок 62. 00:08:16
Page Scroll Indicator - Markup
Урок 63. 00:08:40
Page Scroll Indicator - JS
Урок 64. 00:11:08
Newsletter Form on Scroll - Markup
Урок 65. 00:05:01
Newsletter Form on Scroll - JS
Урок 66. 00:10:15
Page Animation
Урок 67. 00:28:02
Password Generator - Markup
Урок 68. 00:22:32
Password Generator - JS
Урок 69. 00:04:52
Local Storage - Theory
Урок 70. 00:17:20
Local Storage - Practical
Урок 71. 00:24:52
Todo App - Markup
Урок 72. 00:26:30
Todo App - JS
Урок 73. 00:37:42
Todo App - JS With Local Storage
Урок 74. 00:16:05
Notes App - Markup
Урок 75. 00:13:42
Notes App - CSS
Урок 76. 00:06:56
Notes App - JS 1 - Get notes from LS
Урок 77. 00:09:14
Notes App - JS 2 - Add event listener
Урок 78. 00:16:09
Notes App - JS 3 - Show notes
Урок 79. 00:08:20
Notes App - JS 4 - Delete note
Урок 80. 00:07:53
Notes App - JS 5 - Edit notes
Урок 81. 00:11:52
BMI Calculator - Markup
Урок 82. 00:33:13
BMI Calculator - JS
Урок 83. 00:02:17
BMI Calculator - JS (Debugging)
Урок 84. 00:17:31
Calculator - Markup
Урок 85. 00:14:00
Calculator - JS
Урок 86. 00:08:10
Digital Clock - Markup
Урок 87. 00:18:15
Digital Clock - JS
Урок 88. 00:12:33
Weight Converter - Markup
Урок 89. 00:18:13
Weight Converter - JS
Урок 90. 00:04:19
Temperature Converter - Markup
Урок 91. 00:11:35
Temperature Converter - JS
Урок 92. 00:26:21
Running Game - Markup
Урок 93. 00:22:18
Running Game - JS
Урок 94. 00:12:01
Word Count - Markup
Урок 95. 00:41:08
Word Count - JS
Урок 96. 00:17:12
Accordion - Markup
Урок 97. 00:10:12
Accordion - JS - Part 1
Урок 98. 00:11:48
Accordion - JS - Part 2
Урок 99. 00:04:22
Async Await - Random Joke Generator - Markup
Урок 100. 00:18:21
Async Await - Random Joke Generator - JS
Урок 101. 00:16:29
Modules, Imports and Exports
Урок 102. 00:26:52
GitHub Profile Search App - Markup
Урок 103. 00:44:44
GitHub Profile Search App - JS - Part 1
Урок 104. 00:18:50
GitHub Profile Search App - JS - Part 2
Урок 105. 00:15:06
Wikipedia Search App - Markup
Урок 106. 00:24:23
Wikipedia Search App - JS
Урок 107. 00:20:43
Image Slider - Markup
Урок 108. 00:21:05
Image Slider - JS
Урок 109. 00:01:39
JavaScript Array Methods
Урок 110. 00:13:44
Data Attribute and JS
Урок 111. 00:45:48
Product Filter - Markup
Урок 112. 00:31:33
Product Filter - JS
Урок 113. 00:31:23
Product Carousel Slider - Markup
Урок 114. 00:31:14
Product Carousel Slider - JS
Урок 115. 00:15:01
Vertical Tabs - Markup
Урок 116. 00:19:17
Vertical Tabs - JS
Урок 117. 00:20:14
Count Up App - Markup
Урок 118. 00:17:49
Count Up App - JS
Урок 119. 00:38:05
Digital Piano - Markup
Урок 120. 00:17:53
Digital Piano - JS
Урок 121. 00:24:55
Form Validation - Markup
Урок 122. 00:41:53
Form Validation - JS
Урок 123. 00:08:38
Password Visibility Toggle - Markup
Урок 124. 00:09:13
Password Visibility Toggle - JS
Урок 125. 00:19:02
Password Strength Indicator - Markup
Урок 126. 00:51:18
Password Strength Indicator - JS
Урок 127. 00:54:01
Animated Login UI - Markup
Урок 128. 00:10:50
Animated Login UI - JS
Урок 129. 00:16:37
Animated Search Bar - Markup
Урок 130. 00:14:15
Animated Search Bar - JS
Урок 131. 00:37:24
Udemy User Avatar Menu - Markup
Урок 132. 00:05:05
Udemy User Avatar Menu - JS
Урок 133. 00:49:04
Currency Converter - Markup
Урок 134. 00:47:37
Currency Converter - JS
Урок 135. 00:29:16
Movie Listing App - Markup
Урок 136. 00:29:29
Movie Listing App - JS
Урок 137. 00:20:55
Floating Action Button - Markup
Урок 138. 00:06:24
Floating Action Button - JS
Урок 139. 00:27:43
Dark and Light Mode Toggler - Markup
Урок 140. 00:11:23
Dark and Light Mode Toggler - JS
Урок 141. 00:04:57
Web Speech Api Project - Introduction
Урок 142. 00:11:27
Speech to Text Project - Markup
Урок 143. 00:42:43
Speech to Text Project - JS
Урок 144. 00:30:08
Speech to Text Project - With Voice Command
Урок 145. 00:12:36
Text To Speech - Markup and JS
Урок 146. 00:24:09
Type Writing Effect Project - Markup
Урок 147. 00:35:41
Type Writing Effect Project - JS
Урок 148. 00:08:21
Custom Progress Bar - Markup
Урок 149. 00:07:47
Custom Progress Bar - JS
Урок 150. 00:26:59
Custom Alert & Toast Notification - Markup
Урок 151. 00:32:25
Custom Alert & Toast Notification - JS
Урок 152. 00:06:22
Custom Alert & Toast Notification With Progress Bar - Markup
Урок 153. 00:05:38
Custom Alert & Toast Notification With Progress Bar - JS
Урок 154. 00:25:49
Custom Confirm Dialog Box - Markup
Урок 155. 00:36:20
Custom Confirm Dialog Box - JS
Урок 156. 00:12:07
Custom Range Slider - Markup
Урок 157. 00:04:04
Custom Range Slider - JS
Урок 158. 00:24:37
Modal With Countdown Event - Markup
Урок 159. 00:22:11
Modal With Countdown Event - JS
Урок 160. 00:13:07
Website Preloader - Markup
Урок 161. 00:02:32
Website Preloader - JS
Урок 162. 00:34:10
Testimonial Slider - Markup
Урок 163. 00:14:52
Testimonial Slider - JS
Урок 164. 00:08:07
Tweet Character Count - Markup
Урок 165. 00:10:55
Tweet Character Count - JS
Урок 166. 00:09:39
Click to Tweet - Markup and JS
Урок 167. 00:12:41
Embed Twitter Timeline
Урок 168. 00:31:54
Recipe App - Markup 1
Урок 169. 00:18:04
Recipe App - Markup 2
Урок 170. 00:45:34
Recipe App - JS
Урок 171. 00:22:39
Product Gallery With Thumbnail - Markup
Урок 172. 00:10:11
Product Gallery With Thumbnail - JS
Урок 173. 00:23:35
Image Gallery Filter - Markup
Урок 174. 00:14:51
Image Gallery Filter - JS
Урок 175. 00:42:00
Card Payment UI/UX - Markup and CSS
Урок 176. 00:22:06
Card Payment UI/UX - JS
Урок 177. 00:10:36
Exact Age Calculator - Markup
Урок 178. 00:32:28
Exact Age Calculator - JS
Урок 179. 00:23:47
Multistep Form - Markup
Урок 180. 00:31:58
Multistep Form - JS
Урок 181. 00:53:51
Pricing Section - Markup
Урок 182. 00:09:08
Pricing Section - JS
Урок 183. 00:08:34
Stop Watch - Markup
Урок 184. 00:20:30
Stop Watch - JS
Урок 185. 00:43:15
Vertical Timeline Project- Markup
Урок 186. 00:14:51
Vertical Timeline Project- JS
Урок 187. 00:19:58
Music Player App - Markup 1
Урок 188. 00:39:05
Music Player App - Markup 2
Урок 189. 00:12:27
Music Player App - JS Part 1 - Create Variables
Урок 190. 00:04:21
Music Player App - JS Part 2 - Create Music Array
Урок 191. 00:18:48
Music Player App - JS Part 3 - Play and Pause Function
Урок 192. 00:07:44
Music Player App - JS Part 4 - Next and Previous button
Урок 193. 00:07:02
Music Player App - JS Part 5 - Autoplay Button
Урок 194. 00:08:00
Music Player App - JS Part 6 - Change Volume Function
Урок 195. 00:03:52
Music Player App - JS Part 7 - Update Track Duration
Урок 196. 00:16:53
Music Player App - JS Part 8 - Update Slider
Урок 197. 00:12:00
Music Player App - JS Part 9 - Update Song Timer
Урок 198. 00:22:59
Music Player App - JS Part 10 - Adding the Playlist
Урок 199. 00:18:17
Anita AI - Markup
Урок 200. 00:09:18
Anita AI - JS Part 1 - Setting Up Our Data File
Урок 201. 00:17:27
Anita AI - JS Part 2 - Start Speech Recognition
Урок 202. 00:07:15
Anita AI - JS Part 3 - Set Keyboard Shortcuts
Урок 203. 00:17:44
Anita AI - JS Part 4 - Load Transcript and Respond Function
Урок 204. 00:33:20
Anita AI - JS Part 5 - Respond to questions
Урок 205. 00:08:59
Anita AI - JS Part 6 - Make Speech Recognition Truly Continous
Урок 206. 00:04:25
Anita AI - JS Part 7 - 10 Day Challenge

Автор - udemy

udemy

Udemy — одна из самых масштабных платформ в мире, предлагающая обучающий контент от авторов и экспертов со всего света. Сервис объединяет миллионы учеников и десятки тысяч преподавателей, создающих курсы на самые разнообразные темы.Основные возможности платформыШирокий выбор тем: от программирования и дизайна до маркетинга, психологии и личной эффективности.Глобальное сообщество авторов: материалы создаются специалистами из разных стран.Удобный ф

+198