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

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