Добро пожаловать в 100 дней JavaScript - курс на основе проектов. Изучение основ JavaScript - одно дело, но применение полученных знаний для создания функциональных веб-приложений может быть трудным, особенно для начинающих. Я создал этот курс, чтобы помочь начинающим и среднего уровня разработчикам JavaScript получить ясность и уверенность в построении удивительных проектов с помощью JavaScript. В конце курса мы собираемся создать то, что я называю "PSEUDO JAVASCRIPT AI", что является очень увлекательным проектом.
Все проекты, которые мы создаем, очень хорошо объяснены. Многие из проектов, которые мы создаем, являются компонентами, найденными на современных веб-сайтах и веб-приложениях.
Требования к курсу Этот курс не для абсолютного новичка в JavaScript. Чтобы пройти этот курс, вам нужно знать основы HTML, CSS и 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 с индикатором прогресса
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 - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
да... качество звука, конечно, оставляет желать лучшего
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Этот семинар протестирует ваши знания JavaScript, CSS, веб-безопасности, внутренностей браузера, производительности веб-сайтов и многого другого! В ходе этого уникального семинара вам будет представлено 40 вопросов. После каждого вопроса Лидия не только объяснит ответ, но также углубится в тему, чтобы закрепить концепции и дать вам более полное понимание.
Практический курс «Javascript Fullstack разработчик»
Курс состоит из заранее записанных уроков, наглядно показывающих процесс создания простого маркетплейса с пользовательским приложением, админ-панелью и бэкендом.
Это ранняя версия курса. Курс готов на 70% и охватывает все основные темы JS.Существующего материала хватит минимум на 3 месяца активной учебы. До 31 марта 2023 года, курс будет дополнен еще 3-мя темами. Студенты приобретающие курс получат доступ ко всем дополнениям бесплатно и автоматически.
Это 37-часовой углубленный курс, который проведет вас от самого начала JavaScript, изучения типов данных, функций и циклов до изучения манипулирования DOM, асинхронного JS с промисами, async/await и многого другого. Вы даже научитесь писать модульные тесты для алгоритмов. Мы рассмотрим, как работает JavaScript внутри, включая контекст выполнения, стек вызовов, цикл событий и т. д. Мы узнаем об инструментах Webpack и о том, как создать современную