Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай *NEW* JavaScript Complete Grandmaster 2020. Ongoing updates., а также все другие курсы, прямо сейчас!
Купить сейчас
  • Урок 1. 00:01:19
    Introduction
  • Урок 2. 00:01:42
    Programming - what is it?
  • Урок 3. 00:01:21
    English Analogy
  • Урок 4. 00:01:42
    Order Matters
  • Урок 5. 00:00:47
    GIGO
  • Урок 6. 00:00:57
    Quick Recap
  • Урок 7. 00:00:55
    Motivation
  • Урок 8. 00:01:48
    Hundreds of Languages
  • Урок 9. 00:01:30
    Machine Code - Intro
  • Урок 10. 00:00:36
    Machine Code - A Little Deeper
  • Урок 11. 00:01:49
    Processors
  • Урок 12. 00:02:00
    Low Level Languages
  • Урок 13. 00:01:49
    High Level Languages
  • Урок 14. 00:00:46
    Step Back - a comparison between Low Level and High Level Languages
  • Урок 15. 00:01:23
    Writing JavaScript - How How How
  • Урок 16. 00:01:50
    Compiling
  • Урок 17. 00:01:19
    Interpretors
  • Урок 18. 00:01:58
    Compiling vs Interpreting
  • Урок 19. 00:01:01
    Intermediate
  • Урок 20. 00:00:56
    Recap: Compiling, Interpreting and JavaScript
  • Урок 21. 00:00:43
    Outro
  • Урок 22. 00:04:02
    Section Introduction
  • Урок 23. 00:05:49
    Relationship between HTML, CSS and JavaScript
  • Урок 24. 00:02:22
    Practical Example: Browsers Default CSS Styles
  • Урок 25. 00:04:31
    Practical Example: Changing Button Text
  • Урок 26. 00:01:30
    Scripting Language
  • Урок 27. 00:02:04
    Is JavaScript a 'safe' language?
  • Урок 28. 00:04:45
    Java vs JavaScript
  • Урок 29. 00:02:37
    BONUS PART 1 - ECMAScript and ES6
  • Урок 30. 00:01:20
    BONUS PART 2 - ECMAScript and ES6
  • Урок 31. 00:00:50
    Section Introduction
  • Урок 32. 00:01:08
    Engines - Introduction
  • Урок 33. 00:02:27
    Why are there different JS Engines?
  • Урок 34. 00:02:21
    V8 Engine
  • Урок 35. 00:02:59
    JavaScript lives in different environments
  • Урок 36. 00:01:50
    Outro
  • Урок 37. 00:02:07
    Section introduction
  • Урок 38. 00:03:37
    Console - Introduction
  • Урок 39. 00:04:10
    Alert Function - Introduction
  • Урок 40. 00:02:16
    Console Log
  • Урок 41. 00:03:21
    Browser Object Model (BOM)
  • Урок 42. 00:05:53
    Window Object - Playaround
  • Урок 43. 00:01:24
    Deprecated Window Properties
  • Урок 44. 00:03:13
    Console - Log, Info, Warn and Error
  • Урок 45. 00:02:27
    Console - Assert
  • Урок 46. 00:10:05
    Console - Count, Dir, Group, Time, Table
  • Урок 47. 00:03:52
    Substitutions
  • Урок 48. 00:03:28
    Introduction
  • Урок 49. 00:03:33
    What is a browser?
  • Урок 50. 00:02:47
    Do browsers follow a set of common rules?
  • Урок 51. 00:04:33
    What is a polyfill?
  • Урок 52. 00:03:05
    Testing whether the forEach() method exists in our Browser
  • Урок 53. 00:03:02
    What is forEach()
  • Урок 54. 00:05:48
    Practical example of forEach()
  • Урок 55. 00:01:24
    Custom forEach() polyfill - Intro
  • Урок 56. 00:04:36
    Custom forEach() polyfill - first step
  • Урок 57. 00:04:47
    Custom forEach() polyfill - callback function
  • Урок 58. 00:04:11
    What is THIS
  • Урок 59. 00:04:43
    Custom forEach() polyfill - final
  • Урок 60. 00:01:19
    Outro
  • Урок 61. 00:02:47
    IDEs - Intro
  • Урок 62. 00:04:59
    Local Server
  • Урок 63. 00:04:43
    How to include JavaScript in your HTML
  • Урок 64. 00:02:20
    <Script> Tag - Example of Inline and External
  • Урок 65. 00:04:43
    Inline JavaScript example within the <head> tag and <body> tag
  • Урок 66. 00:03:28
    Order Matters
  • Урок 67. 00:03:08
    Trick Question - What do you expect to happen?
  • Урок 68. 00:04:38
    Order Matters - The Problem
  • Урок 69. 00:01:45
    Order Matters - Why did the element not load?
  • Урок 70. 00:01:13
    Order Matters - Fixing the Problem
  • Урок 71. 00:04:07
    External JavaScript and the Async Attribute
  • Урок 72. 00:02:38
    Syntax - Introduction
  • Урок 73. 00:02:52
    Syntax - What is it?
  • Урок 74. 00:01:11
    Syntax Parser
  • Урок 75. 00:01:01
    White Space
  • Урок 76. 00:04:12
    Semicolons and the 'return' statement
  • Урок 77. 00:02:37
    Comments
  • Урок 78. 00:03:53
    Data Types and the typeof() method
  • Урок 79. 00:01:50
    Primitive Data Types - An Example
  • Урок 80. 00:02:11
    String data type = "Click Me" button example
  • Урок 81. 00:03:12
    Properties
  • Урок 82. 00:04:16
    Number date type - Floating Points
  • Урок 83. 00:01:15
    Number data type: 0.1 + 0.2
  • Урок 84. 00:08:06
    Number data type - Base 10 vs Base 2
  • Урок 85. 00:05:36
    Number data type - Number(), Infinity and more
  • Урок 86. 00:08:35
    Null and Undefined data types
  • Урок 87. 00:03:51
    Escaping
  • Урок 88. 00:03:26
    Operators - Intro
  • Урок 89. 00:04:18
    Operators - Binary vs Unary
  • Урок 90. 00:03:03
    Coercion - Introduction
  • Урок 91. 00:10:38
    Coercion - String, Number and Boolean
  • Урок 92. 00:02:27
    Alert - creating an onclick event for a button
  • Урок 93. 00:02:46
    Alert - writing text to a screen after the alert has been acknowledged
  • Урок 94. 00:04:59
    Confirm - conditional if statement
  • Урок 95. 00:03:27
    Prompt
  • Урок 96. 00:13:24
    Alert - custom design with pure HTML, CSS and JS
  • Урок 97. 00:01:01
    Variables - Section Intro
  • Урок 98. 00:03:36
    Variables - what are they?
  • Урок 99. 00:02:36
    Variable creation: Declare, Initialize and Assign
  • Урок 100. 00:03:03
    Identifiers
  • Урок 101. 00:04:42
    VAR - the old way to declare a variable
  • Урок 102. 00:01:27
    LET - the new way to declare a variable
  • Урок 103. 00:03:47
    CONST - the new way to declare a constant variable
  • Урок 104. 00:02:18
    CONST - try and catch
  • Урок 105. 00:00:41
    Variables - quick recap
  • Урок 106. 00:02:25
    Scope - What is it?
  • Урок 107. 00:08:29
    Local vs Global Scope, and Function vs Block Scope
  • Урок 108. 00:07:33
    Scope - VAR vs LET and a NESTED block
  • Урок 109. 00:08:40
    Bonus: using DevTools to determine scope
  • Урок 110. 00:03:30
    Date Object
  • Урок 111. 00:04:46
    Why is the new keyword important when instantiating the Date object?
  • Урок 112. 00:03:19
    4 ways to create a date object in JavaScript
  • Урок 113. 00:02:48
    Get methods on the date object
  • Урок 114. 00:01:47
    Set methods on the date object
  • Урок 115. 00:11:26
    3 practical examples: birthday, UTC and re-formatting
  • Урок 116. 00:01:38
    Section Introduction
  • Урок 117. 00:01:12
    Objects - Introduction
  • Урок 118. 00:01:43
    name:value pairs
  • Урок 119. 00:02:43
    Objects and data - how they relate to each other
  • Урок 120. 00:02:23
    Objects vs Variables
  • Урок 121. 00:02:16
    Properties and methods
  • Урок 122. 00:05:36
    Accessing properties
  • Урок 123. 00:01:57
    Creating objects - 4 ways
  • Урок 124. 00:04:41
    Creating objects - 1. Object Literal
  • Урок 125. 00:01:05
    Creating objects - 2. Constructor Function Intro
  • Урок 126. 00:06:32
    Creating objects - 2. Constructor Function Example
  • Урок 127. 00:01:33
    Pause quickly
  • Урок 128. 00:00:49
    Construction function vs object literal - part 1
  • Урок 129. 00:09:32
    Construction function vs object literal - instantiation vs singleton approach
  • Урок 130. 00:04:59
    Construction function vs object literal - init function and which to choose
  • Урок 131. 00:02:44
    Creating objects - 3. Object.create()
  • Урок 132. 00:05:19
    Examples of Object.create()
  • Урок 133. 00:04:28
    Another example of Object.create()
  • Урок 134. 00:01:06
    Creating objects - 4. Classes
  • Урок 135. 00:05:56
    Understanding classes starts with the constructor function
  • Урок 136. 00:09:07
    Class example
  • Урок 137. 00:03:43
    Objects recap and an example of how objects can be passed into other functions
  • Урок 138. 00:04:21
    Bonus Lecture: JavaScript Object Model
  • Урок 139. 00:06:21
    Arrays intro
  • Урок 140. 00:04:15
    Creating arrays
  • Урок 141. 00:04:30
    Push and pop
  • Урок 142. 00:01:09
    3 types of array methods
  • Урок 143. 00:06:27
    Mutator, Accessor and Iterator
  • Урок 144. 00:03:47
    Why is being able to loop through data important
  • Урок 145. 00:08:07
    Looping through arrays
  • Урок 146. 00:05:43
    Looping through objects
  • Урок 147. 00:17:40
    Bonus: Object Shapes (Advanced)
  • Урок 148. 00:01:29
    Section Introduction
  • Урок 149. 00:08:45
    Prototype example and isPrototypeOf() method
  • Урок 150. 00:02:42
    What is a prototype
  • Урок 151. 00:04:03
    Prototype vs __proto__
  • Урок 152. 00:07:30
    Prototype vs __proto__ Part 2
  • Урок 153. 00:02:18
    Prototype tree and null
  • Урок 154. 00:02:38
    Lets prove the prototype tree
  • Урок 155. 00:02:52
    Section Introduction
  • Урок 156. 00:05:47
    What is a function?
  • Урок 157. 00:01:04
    Invoking a function vs returning a function
  • Урок 158. 00:05:39
    Cool example: click a paragraph and make text change
  • Урок 159. 00:08:31
    Cool example (advanced): click button and display random quotes
  • Урок 160. 00:03:04
    Explanation of Math.Random()
  • Урок 161. 00:06:26
    Return keyword
  • Урок 162. 00:05:01
    There are 2 types of functions
  • Урок 163. 00:06:13
    Function Expressions vs Declarations - Examples
  • Урок 164. 00:02:04
    Functions are like values
  • Урок 165. 00:05:51
    New Arrow Syntax
  • Урок 166. 00:08:19
    What does "No binding of this" mean?
  • Урок 167. 00:02:52
    Recap - variables, objects and functions
  • Урок 168. 00:09:23
    Introduction to the toLowerCase() function
  • Урок 169. 00:02:16
    Introduction to the Array.from() method
  • Урок 170. 00:08:30
    How does the Array.from() method work?
  • Урок 171. 00:01:56
    Introduction to the indexOf() method
  • Урок 172. 00:08:02
    Using indexOf() with Arrrays
  • Урок 173. 00:10:06
    Using indexOf() with Strings
  • Урок 174. 00:01:09
    Bonus Section Introduction
  • Урок 175. 00:01:30
    What is this?
  • Урок 176. 00:02:06
    Global Execution Context
  • Урок 177. 00:03:09
    Global vs Functional Execution Context
  • Урок 178. 00:05:05
    Execution Stack
  • Урок 179. 00:03:28
    Execution Stack - Example
  • Урок 180. 00:07:09
    What is a lexical environment?
  • Урок 181. 00:04:30
    Lexical environment - advanced example
  • Урок 182. 00:07:16
    6 rules for determining what this refers to
  • Урок 183. 00:09:12
    Call(), Apply() and Bind() methods
  • Урок 184. 00:02:25
    Introduction
  • Урок 185. 00:02:56
    What is the CRP
  • Урок 186. 00:01:32
    How browsers used to work
  • Урок 187. 00:04:37
    How browsers today work
  • Урок 188. 00:03:38
    Render Blocking Resources - Intro
  • Урок 189. 00:03:12
    JavaScript and the DOM
  • Урок 190. 00:03:33
    JavaScript is render blocking
  • Урок 191. 00:07:28
    Placing JavaScript at the bottom of your file
  • Урок 192. 00:05:55
    Using the Async attribute
  • Урок 193. 00:03:46
    Summary of where we can place our JS to improve the CRP
  • Урок 194. 00:01:16
    Outro