Creating Variables and accessing values

Lets see how to create variables in JavaScript. Plus learn how to use the Dot and Brackets operator to access value from objects.

  • Beginner
  • 6 min
Course overview

Course content

131 lessons
  1. 1Tool you will need2:25
  2. 2History and Background of JavaScript8:06
  3. 3Understanding Node.js and the browser7:05
  4. 4Quick intro to text-editors and VS Code4:14
  5. 5Project Setup2:34
  6. 6Types in JavaScript - Part 16:17
  7. 7Types in JavaScript - Part 24:15
  8. 8Intro to Objects in JavaScript5:24
  9. 9Creating Variables and accessing values5:59
  10. 10Using the 'typeof' operator4:03
  11. 11Basic Vocabulary in JavaScript6:40
  12. 12Dynamic vs. Static Type Languages2:02
  13. 13Intro to Arrays in JavaScript4:54
  14. 14More on Arrays: Weird Parts and Length2:40
  15. 15Type Checking Arrays1:25
  16. 16Intro to Functions in JavaScript - Part 16:02
  17. 17Intro to Functions in JavaScript - Part 25:44
  18. 18Intro to Functions in JavaScript - Part 35:40
  19. 19Deeper Realizations on Object, function and method5:30
  20. 20Project: Simple Age Calculator6:02
  21. 21Function Statement vs. Function Expression3:58
  22. 22Hoisting: How and when variables are created.7:01
  23. 23Function Hoisting4:52
  24. 24Scope in JavaScript - Part 14:57
  25. 25Scope in JavaScript - Part 23:02
  26. 26Scope Chain: The hierarchy of scope.3:45
  27. 27Lexical Environment (Lexical scope) in JavaScript6:00
  28. 28Code formatting and coding ethics6:31
  29. 29Arithmetic Operators in JavaScript5:46
  30. 30Assignment Operators in JavaScript3:19
  31. 31Logical Operators in JavaScript5:59
  32. 32Triple Equal '===' operator6:23
  33. 33Double Equal '==' Operator4:31
  34. 34Comparison Operators in JavaScript2:39
  35. 35Conversion Operators in JavaScript4:42
  36. 36Increment '++' and Decrement '--' operators2:35
  37. 37Operator Precedence in JavaScript4:01
  38. 38Operator Associativity in JavaScript4:12
  39. 39if else statement in JavaScript7:03
  40. 40Ternary Operator in JavaScript2:47
  41. 41Switch statements in JavaScript5:26
  42. 42For loop in JavaScript - Part 16:54
  43. 43For loop in JavaScript - Part 25:21
  44. 44While loop in JavaScript4:15
  45. 45Do while loop in JavaScript2:34
  46. 46Creating variables with 'var', 'let' & 'const'4:52
  47. 47More on 'const'2:40
  48. 48'setInterval' & 'clearInterval'3:40
  49. 49'setTimeout' & 'clearTimeout'1:25
  50. 50Call Stack, Event Loop and Message Queue - Part 15:25
  51. 51Call Stack, Event Loop and Message Queue - Part 24:41
  52. 52Call Stack, Event Loop and Message Queue - Part 36:37
  53. 53Call Stack, Event Loop and Message Queue - Part 43:39
  54. 54Callback functions in JavaScript2:23
  55. 55Special 'arguments' keyword in a function3:56
  56. 56Using 'arguments' in a function3:45
  57. 57Spread Operator '...' in JavaScript5:00
  58. 58Default values of function parameters4:56
  59. 59By Reference, by value7:49
  60. 60Browser API - Part 14:03
  61. 61Browser API - Part 26:03
  62. 62DOM: Document Object Model4:47
  63. 63Query the DOM nodes5:35
  64. 64Modify DOM nodes6:30
  65. 65Modify element class(es)4:17
  66. 66Create Node/Elements for the DOM6:37
  67. 67Remove Node from DOM5:02
  68. 68Events: Adding event listeners to DOM6:21
  69. 69Removing event listeners from DOM6:56
  70. 70Project: To-Do List App with Vanilla JavaScript - Part 14:46
  71. 71Project: To-Do List App with Vanilla JavaScript - Part 22:01
  72. 72Project: To-Do List App with Vanilla JavaScript - Part 34:28
  73. 73Project: To-Do List App with Vanilla JavaScript - Part 46:51
  74. 74Project: To-Do List App with Vanilla JavaScript - Part 52:27
  75. 75Project: To-Do List App with Vanilla JavaScript - Part 64:39
  76. 76Project: To-Do List App with Vanilla JavaScript - Part 74:16
  77. 77Project: To-Do List App with Vanilla JavaScript - Part 83:49
  78. 78Project: To-Do List App with Vanilla JavaScript - Part 95:17
  79. 79Project: To-Do List App with Vanilla JavaScript - Part 104:09
  80. 80To-Do List App Homework - Solution4:03
  81. 81Event Bubbling in DOM - Part 12:50
  82. 82Event Bubbling in DOM - Part 25:32
  83. 83Clear all tasks3:09
  84. 84DomContentLoaded Event7:30
  85. 85More on Events + Homework1:28
  86. 86Global Scope: Avoiding Pitfalls - Part 13:23
  87. 87Global Scope: Avoiding Pitfalls - Part 25:56
  88. 88IIFE: Immediately Invoked Function Expression6:42
  89. 89IIFE Example3:25
  90. 90Arrow Functions Explained Correctly - Part 17:15
  91. 91Arrow Functions Explained Correctly - Part 23:10
  92. 92Closure in JavaScript Explained Correctly - Part 15:06
  93. 93Closure in JavaScript Explained Correctly - Part 24:04
  94. 94Closure in JavaScript Explained Correctly - Part 34:34
  95. 95Project: Tooltip effect - Part 18:48
  96. 96Project: Tooltip effect - Part 26:07
  97. 97Project: Tooltip effect - Part 39:00
  98. 98Project: Tooltip effect - Part 41:48
  99. 99Project: Tooltip effect - Part 55:06
  100. 100Template literals (Template Strings) in JavaScript3:55
  101. 101Prototype: The builtin features6:40
  102. 102Prototype of String Constructor5:10
  103. 103Prototype of Number and Boolean Constructor4:38
  104. 104.filter() method of Array in JavaScript7:31
  105. 105.filter() method of Array in JavaScript - Part 23:56
  106. 106.filter() Homework5:59
  107. 107.find() method of Array in JavaScript1:42
  108. 108.forEach() method of Array in JavaScript1:11
  109. 109.map() method of Array in JavaScript4:26
  110. 110.reduce() method of Array in JavaScript6:36
  111. 111Date object in JavaScript6:44
  112. 112Math object in JavaScript4:25
  113. 113Promise in JavaScript - Part 16:35
  114. 114Promise in JavaScript - Part 24:53
  115. 115Promise in JavaScript - Part 38:06
  116. 116Promise in JavaScript - Part 44:28
  117. 117Using fetch() to connect with HTTP7:50
  118. 118Project: Get list of Countries5:53
  119. 119Project: Get population by country - Part 14:37
  120. 120Project: Get population by country - Part 25:46
  121. 121Project + Homework: Get population by country - Part 36:58
  122. 122'this' - Understand the 'this' keyword once and for all - Part 14:45
  123. 123'this' - Understand the 'this' keyword once and for all - Part 23:47
  124. 124'this' - Using call() to modify 'this'4:38
  125. 125'this' - Using apply() to modify 'this'1:29
  126. 126'this' - Using bind() to modify 'this'3:00
  127. 127Avoid Pitfall: 'this' inside an arrow function3:00
  128. 128Avoid Pitfall: 'this' inside a function inside a method4:37
  129. 129Using Constructor - Part 18:25
  130. 130Using Constructor - Part 24:30
  131. 131'prototype' property of constructor8:21

JavaScript Cheatsheet

Download it, print it and keep it next to your desk.

JavaScript Cheatsheet Thumb