Главная страницаКатегория javascriptСовременный JavaScript с самого начала 2.0

Современный JavaScript с самого начала 2.0

Name: Современный JavaScript с самого начала 2.0
Price: 13 USD
Rating: 4.8 (84 reviews)

Modern JavaScript From The Beginning 2.0

Brad Traversy

★4.8 (всего оценок - 84)

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

36 ч 42 мин

Категория

JavaScript

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

265 Видео

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

15 февр. 2023 г., 15:15

Язык

Английский

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

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

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

Кому подойдет этот курс

Курс ориентирован на новичков и разработчиков уровня junior, которые хотят укрепить фундамент и перейти к более сложным темам JavaScript. Подойдет и тем, кто уже писал код, но хочет глубже понять, как работает язык под капотом.

Если вы новичок

Вы сможете разобраться с основами синтаксиса, логикой выполнения кода и научитесь писать простые программы.

Если у вас есть опыт

Вы получите знания о внутренней механике JavaScript, асинхронности и современных инструментах разработки, что поможет перейти на новый уровень.

Что делает программу обучения уникальной

В отличие от кратких обзоров или фрагментарных уроков, эта программа объединяет 37 часов структурированного материала, охватывая как фундамент, так и продвинутые темы, включая архитектуру приложений и практическую работу с Webpack и Node.js.

Глубокое понимание языка

Контекст выполнения и стек вызовов
Цикл событий и работа асинхронного кода
Прототипы, классы и модель данных

Современный JavaScript на практике

Управление DOM и создание интерактивных интерфейсов
Работа с Web APIs: геолокация, аудио/видео, канвас, синтез речи
Асинхронный JavaScript: колбэки, промисы, async/await

Фронтенд‑инструменты

В курсе подробно рассматривается настройка современной среды разработки с использованием Webpack. Вы узнаете, как оптимизировать сборку, структурировать проект и работать с модулями.

Серверная разработка

В финале вы создадите полноценное приложение на Node.js/Express, закрепив цикл разработки: от клиентской части до серверного API.

Практика и реальные навыки

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

Модульное тестирование

Вы научитесь писать тесты для алгоритмов, что поможет развить инженерный подход и повысить качество кода.

Проект в конце курса

Создание собственного приложения поможет вам собрать портфолио и понять полный цикл разработки — от идеи до готового продукта.

Итог

Этот курс — комплексное обучение JavaScript «под ключ». Он поможет вам уверенно начать путь разработчика, погрузиться в современные стандарты и освоить инструменты, которые действительно используются в индустрии.

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

Урок 1. 00:02:40
Welcome To The Course
Урок 2. 00:07:50
Course Outline
Урок 3. 00:03:06
Premium Docs
Урок 4. 00:07:43
What Is JavaScript?
Урок 5. 00:05:25
Tools & Setup
Урок 6. 00:07:03
Running JavaScript In The Browser
Урок 7. 00:00:52
Section Intro
Урок 8. 00:02:58
The Sandbox Files
Урок 9. 00:10:07
Using The Console
Урок 10. 00:07:01
Comments & Shortcuts
Урок 11. 00:11:28
Variables & Constants
Урок 12. 00:12:55
Data Types
Урок 13. 00:07:08
Primitive vs Reference Types
Урок 14. 00:10:07
Type Conversion
Урок 15. 00:09:39
Operators
Урок 16. 00:04:01
Type Coercion
Урок 17. 00:15:59
Working With Strings
Урок 18. 00:06:50
Capitalize Challenge
Урок 19. 00:05:46
Working With Numbers
Урок 20. 00:05:57
The Math Object
Урок 21. 00:08:30
Number Challenge
Урок 22. 00:08:13
Dates & Times
Урок 23. 00:08:59
17 - Date Methods & DateTimeFormat API
Урок 24. 00:00:42
Section Intro
Урок 25. 00:07:25
Creating Arrays
Урок 26. 00:10:26
Basic Array Methods
Урок 27. 00:10:13
Nesting, Concat & The Spread Operator
Урок 28. 00:07:05
Array Challenges
Урок 29. 00:08:07
Object Literals
Урок 30. 00:11:59
Object Spread Operator & Methods
Урок 31. 00:06:57
Destructuring & Naming
Урок 32. 00:09:02
JSON Intro
Урок 33. 00:06:22
Object Challenges
Урок 34. 00:01:33
Section Intro
Урок 35. 00:06:08
Creating A Function
Урок 36. 00:10:21
More on Arguments & Parameters
Урок 37. 00:05:26
Global & Function Scope
Урок 38. 00:05:15
Block Scope
Урок 39. 00:02:57
Nested Scope
Урок 40. 00:04:15
Declaration vs Expression
Урок 41. 00:07:37
Arrow Functions
Урок 42. 00:05:03
Immediately Invoked Function Expressions (IIFE)
Урок 43. 00:12:20
Function Challenges
Урок 44. 00:09:19
Execution Context
Урок 45. 00:04:00
Execution Context In Action
Урок 46. 00:04:53
The Call Stack
Урок 47. 00:01:09
Section Intro
Урок 48. 00:06:54
If Statements
Урок 49. 00:07:10
Else-If & Nesting
Урок 50. 00:04:58
Switches
Урок 51. 00:03:21
Calculator Challenge
Урок 52. 00:12:17
Truthy & Falsy
Урок 53. 00:08:08
Logical Operators
Урок 54. 00:06:11
Logical Assignment
Урок 55. 00:10:18
Ternary Operator
Урок 56. 00:00:57
Section Intro
Урок 57. 00:11:26
For Loop
Урок 58. 00:02:52
Break & Continue
Урок 59. 00:07:00
While & Do While Loops
Урок 60. 00:08:01
FizzBuzz Challenge
Урок 61. 00:05:05
For...of Loop
Урок 62. 00:03:08
For...in Loop
Урок 63. 00:08:35
Array.forEach Method
Урок 64. 00:11:33
Array.filter Method
Урок 65. 00:15:31
Array.map Method
Урок 66. 00:08:50
Array.reduce Method
Урок 67. 00:10:27
Array Method Challenges
Урок 68. 00:01:17
Section Intro
Урок 69. 00:11:05
Intro To The DOM
Урок 70. 00:14:20
Document Element Properties
Урок 71. 00:14:14
DOM Selectors - Single Elements
Урок 72. 00:09:17
DOM Selectors - Multiple Elements
Урок 73. 00:11:27
Traversing The DOM - Elements
Урок 74. 00:13:48
Traversing The DOM - All Nodes
Урок 75. 00:06:16
Create & Append Elements
Урок 76. 00:08:52
InnerHTML vs createElement()
Урок 77. 00:04:10
Refactor To Multiple Functions
Урок 78. 00:09:25
Insert Elements, Text & HTML
Урок 79. 00:04:48
Custom insertAfter() Challenge
Урок 80. 00:09:47
Replace Elements
Урок 81. 00:07:47
Remove Elements
Урок 82. 00:09:38
Manipulating Styles & Classes
Урок 83. 00:00:52
Section Intro
Урок 84. 00:13:01
Event Listeners
Урок 85. 00:10:42
Mouse Events
Урок 86. 00:13:01
The Event Object
Урок 87. 00:10:28
Keyboard Events & Key Properties
Урок 88. 00:14:52
KeyCode Mini-Project
Урок 89. 00:11:48
Input Events
Урок 90. 00:10:44
Form Submission & FormData Object
Урок 91. 00:05:39
Event Bubbling
Урок 92. 00:05:46
Event Delegation & Multiple Events
Урок 93. 00:10:37
Page Loading & Window Events
Урок 94. 00:03:32
Project Intro
Урок 95. 00:11:41
Add Items To List (DOM Only)
Урок 96. 00:15:25
Setting Up Git & Github (Optional)
Урок 97. 00:07:53
Remove & Clear Items
Урок 98. 00:09:53
Clear UI State
Урок 99. 00:09:56
Filter Items
Урок 100. 00:05:32
Local Storage Crash Course
Урок 101. 00:08:05
Add Items To Local Storage
Урок 102. 00:06:16
Display Items From Local Storage
Урок 103. 00:09:01
Remove Items From Local Storage
Урок 104. 00:08:01
Set Item To Edit
Урок 105. 00:06:11
Update Item & Reset State
Урок 106. 00:03:47
Prevent Duplicate Items
Урок 107. 00:04:59
Deploy To Netlify
Урок 108. 00:00:49
Section Intro
Урок 109. 00:02:40
Under The Hood: Thread Of Execution
Урок 110. 00:08:40
Under The Hood: How Async JS Works
Урок 111. 00:04:40
setTimeout & clearTimeout Functions
Урок 112. 00:08:52
setInterval & clearInterval Functions
Урок 113. 00:09:57
Callbacks
Урок 114. 00:07:14
Crash Course On HTTP Requests
Урок 115. 00:04:51
DevTools Network Tab
Урок 116. 00:11:29
AJAX & XHR Object
Урок 117. 00:09:41
Joke Generator Project Challenge
Урок 118. 00:06:53
Callback Hell
Урок 119. 00:10:03
Promises
Урок 120. 00:04:59
Callback To Promise Refactor
Урок 121. 00:04:16
Promise Chaining
Урок 122. 00:06:02
Promises vs Callback Hell
Урок 123. 00:06:05
Handling Multiple Promises with promise.all()
Урок 124. 00:01:27
Section Intro
Урок 125. 00:09:03
Fetch Basics
Урок 126. 00:12:53
Random User Mini-Project
Урок 127. 00:14:56
Fetch Options - Method, Body Headers
Урок 128. 00:17:11
Typicode Todos Mini-Project - Part 1
Урок 129. 00:13:30
Typicode Todos Mini-Project - Part 2
Урок 130. 00:13:18
Fetch API Error Handling
Урок 131. 00:09:26
Async & Await
Урок 132. 00:04:42
Try...Catch Statements
Урок 133. 00:06:43
Error Handling With Async & Await
Урок 134. 00:12:27
Multiple Promises With Async & Await
Урок 135. 00:04:23
Project Intro
Урок 136. 00:07:15
Theme Overview & Prep
Урок 137. 00:04:51
API Overview & API Key
Урок 138. 00:09:52
Page Router & Active Link
Урок 139. 00:13:35
Display Popular Movies
Урок 140. 00:07:22
Spinner & Popular TV Shows
Урок 141. 00:13:15
Movie Details Page
Урок 142. 00:04:53
Details Page Backdrop
Урок 143. 00:07:07
TV Show Details Page
Урок 144. 00:13:29
Swiper Slider
Урок 145. 00:19:13
Search Functionality
Урок 146. 00:11:35
Display Search Results
Урок 147. 00:16:38
Add Pagination For Search
Урок 148. 00:01:57
Section Intro
Урок 149. 00:11:47
GeoLocation API
Урок 150. 00:07:30
Show Location on a Map
Урок 151. 00:13:48
Canvas Element & API
Урок 152. 00:08:11
requestAnimationFrame() Method
Урок 153. 00:25:08
Animated Clock - Part 1
Урок 154. 00:11:09
Animated Clock - Part 2
Урок 155. 00:08:26
Web Audio API
Урок 156. 00:20:03
Music Player Project
Урок 157. 00:09:07
Drum Machine Project
Урок 158. 00:06:21
Video API
Урок 159. 00:12:44
Video Player Project
Урок 160. 00:10:26
Web Animations API - Ball Project
Урок 161. 00:11:39
Speech Recognition API - Color Say Project
Урок 162. 00:13:22
Speech Synthesis API - Text To Speech
Урок 163. 00:02:01
Section Intro
Урок 164. 00:09:18
What Is OOP?
Урок 165. 00:06:54
4 Basic Principles of OOP
Урок 166. 00:05:02
More on Object Literals & this Keyword
Урок 167. 00:07:07
Constructor Functions
Урок 168. 00:09:48
Literals vs Built-in Constructors
Урок 169. 00:07:29
Working With Object Properties
Урок 170. 00:04:55
Prototypes & The Prototype Chain
Урок 171. 00:04:38
Adding Methods to the Prototype
Урок 172. 00:04:56
Using Object.create()
Урок 173. 00:10:12
Prototypical Inheritance & call()
Урок 174. 00:07:44
OOP Game Challenge
Урок 175. 00:07:30
Classes
Урок 176. 00:06:29
Class Inheritance
Урок 177. 00:02:54
Static Methods
Урок 178. 00:05:21
bind() & Defining this
Урок 179. 00:09:31
Getters & Setters with Classes
Урок 180. 00:10:56
Getters & Setters with defineProperty()
Урок 181. 00:12:14
Private Property Underscore Convention
Урок 182. 00:04:43
ES2022 Private Class Fields
Урок 183. 00:09:13
Property Flags & Descriptors
Урок 184. 00:07:26
Sealing & Freezing Objects
Урок 185. 00:04:17
Project Intro
Урок 186. 00:04:43
UI Theme Setup
Урок 187. 00:05:04
Project Planning & Diagram
Урок 188. 00:09:56
Base Tracker, Meal & Workout Class
Урок 189. 00:14:46
Display Tracker Stats
Урок 190. 00:10:01
Progress Bar & Calorie Alert
Урок 191. 00:13:11
App Class, New Meal & Workout
Урок 192. 00:04:31
Refactor to Single _newItem Method
Урок 193. 00:07:36
Display New Meal & Workout
Урок 194. 00:10:01
Remove Meal & Workout
Урок 195. 00:10:52
Filter & Reset
Урок 196. 00:05:17
Set Calorie Limit
Урок 197. 00:05:47
Storage Class & Calorie Limit Persist
Урок 198. 00:04:41
Persist Total Calories To Local Storage
Урок 199. 00:07:40
Save Meals To Local Storage
Урок 200. 00:03:44
Save Workouts To Local Storage
Урок 201. 00:05:53
Remove Meals & Workouts From LocalStorage
Урок 202. 00:04:15
Clear Storage Items
Урок 203. 00:02:07
Section Intro
Урок 204. 00:07:04
What Are Modules?
Урок 205. 00:06:17
Installing & Using Node.js
Урок 206. 00:09:18
CommonJS Modules
Урок 207. 00:11:21
NPM Packages/Modules
Урок 208. 00:07:27
ES Modules
Урок 209. 00:05:45
Module Bundlers
Урок 210. 00:11:18
Webpack Basic Setup
Урок 211. 00:04:40
CSS & Style Loaders
Урок 212. 00:08:17
HTML Webpack Plugin
Урок 213. 00:04:40
Webpack DevServer Plugin
Урок 214. 00:05:06
Babel Setup
Урок 215. 00:03:01
CSS Minify Extract Plugin
Урок 216. 00:16:29
Tracalorie Refactor To Use Webpack
Урок 217. 00:04:39
Deploy Tracalorie To Netlify
Урок 218. 00:01:25
Section Intro
Урок 219. 00:10:24
Symbols
Урок 220. 00:09:13
Iterators
Урок 221. 00:05:09
Generators
Урок 222. 00:07:53
Profile Scroller Project
Урок 223. 00:05:14
Sets
Урок 224. 00:06:17
Maps
Урок 225. 00:12:04
Poll Project
Урок 226. 00:13:31
Stacks
Урок 227. 00:08:45
Queues
Урок 228. 00:25:18
Linked Lists
Урок 229. 00:02:44
Intro & What Are Algorithms?
Урок 230. 00:03:24
What is Unit Testing?
Урок 231. 00:05:46
Getting Started with Jest
Урок 232. 00:10:53
Grouping Tests Together
Урок 233. 00:09:50
Reverse String Algorithm
Урок 234. 00:09:59
Palindrome Algorithm
Урок 235. 00:06:12
Array Chunking
Урок 236. 00:11:58
Anagram Algorithm
Урок 237. 00:17:53
Get Elements By Tag - jsdom
Урок 238. 00:15:45
Has Duplicate IDs - jsdom
Урок 239. 00:02:19
Section Intro
Урок 240. 00:13:56
fs (filesystem) Module
Урок 241. 00:07:57
path Module
Урок 242. 00:11:05
os Module
Урок 243. 00:07:23
url & querystring Modules
Урок 244. 00:18:21
http Module
Урок 245. 00:03:34
Project Intro
Урок 246. 00:16:05
Express Setup & Basic API
Урок 247. 00:06:06
Nodemon & Route Clean Up
Урок 248. 00:08:21
Handle POST Requests - Add Idea
Урок 249. 00:06:18
PUT & DELETE Requests - Update & Remove Ideas
Урок 250. 00:04:47
What Is MongoDB?
Урок 251. 00:05:52
MongoDB Atlas Setup
Урок 252. 00:08:54
Mongoose Connect & Dotenv
Урок 253. 00:08:54
Mongoose Schema & Model
Урок 254. 00:15:15
Database Queries
Урок 255. 00:03:01
Fullstack Workflow
Урок 256. 00:09:16
Client Folder Setup
Урок 257. 00:08:31
Modal Component
Урок 258. 00:12:01
IdeaForm Component
Урок 259. 00:12:05
IdeaList Component
Урок 260. 00:11:58
API Service - Fetch Ideas
Урок 261. 00:07:26
Create Idea via Form
Урок 262. 00:04:57
Save Username to Local Storage
Урок 263. 00:07:21
Add Username Validation To Server
Урок 264. 00:12:57
Delete Ideas
Урок 265. 00:08:37
Deploying A Fullstack App

Автор - Brad Traversy

Brad Traversy

Я начал программировать в 2007 году в возрасте 26 лет. В 2016 году я стал штатным преподавателем и создателем контента. Я показываю людям, что им не обязательно быть отличником или гением, чтобы научиться программировать. Я разбиваю сложные концепции, показывая вам, как их реализовать в курсах и учебных пособиях на основе проектов.

+201

Комментарии

YF
24 нояб. 2025 г., 12:14
Обновите пожалуйста!
На udemy добавлены 3 новых раздела с проектами в конце курса.
bk
4 авг. 2025 г., 23:12
hello where is the premium docs file ? (mentioned in lesson 3)
bk bk
4 авг. 2025 г., 23:13
ok found it in github
dasr43475
30 июл. 2025 г., 06:45
This course is a bogus course to learn JS
YF dasr43475
24 нояб. 2025 г., 12:15
Really? But why? In my opinion this teacher is one of the best.
makks
21 апр. 2023 г., 12:48
Один из немногих англоязычных преподов, который имеет четкую дикцию + объясняет хорошо))
Designer makks
14 апр. 2024 г., 02:11
@makks Абсолютно с тобой согласен!
Жаль только, что в последних курсах Брэд по большому счету не пишет код, а копирует и вставляет с последующими правками :( Лучше бы как здесь писал по ходу дела)
Siddique
7 апр. 2023 г., 05:18
0253. Mongoose Schema Model This video's title is incorrigible. This 0253 video is wrong. It's the same video as 0252 Mongoose Connect Dotenv. Please upload the 0253 Mongoose Schema Model Video.
rakeshsuvidya
17 февр. 2023 г., 05:39
lesson 194 has issues. it stuck after sometime during play
CourseHunter Team rakeshsuvidya
17 февр. 2023 г., 11:54
oroginal video file have same issue
Anonymous
16 февр. 2023 г., 20:10
Hi, There is an issue in lesson 194 , the last part of video not work, please check . thank
Siddique
16 февр. 2023 г., 15:21
Lesson 194 Is incomplete, please check
Stock&Code
16 февр. 2023 г., 12:56
thanks for the course