Javascript Basics

John Smilga

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
252 Lessons (1d 21h 29m)
    • 1. 0 js intro

      1:46
    • 2. Js 1 visual studio download

      2:01
    • 3. Js 2 vs code setup

      5:31
    • 4. Js 2

      1:11
    • 5. Js 3 ememt crash course

      4:13
    • 6. Js 4 adding js

      9:34
    • 7. Js 5 input output

      8:36
    • 8. Js 6 statements comments

      6:06
    • 9. Js 7 variables

      6:16
    • 10. Js 8 assign values

      2:29
    • 11. Js 9 variable naming

      7:47
    • 12. Js 10 string concatenation

      6:11
    • 13. Js 11 numbersAndNumberOperations

      11:01
    • 14. Js 12 implicit type conversion

      4:20
    • 15. Js 13 data types in js

      5:14
    • 16. Js 15 arrays, functions, objects

      3:15
    • 17. Js 16 arrays

      6:47
    • 18. Js 17 functions

      12:16
    • 19. Js 18 objects

      6:50
    • 20. Js 19 conditional statements, comparison operators

      11:04
    • 21. Js 20 else if

      3:36
    • 22. Js 21 logical operators and or

      2:38
    • 23. Js 22 truthyFalsy

      7:30
    • 24. Js 23 ternary operator

      7:35
    • 25. Js 24 switch statement

      6:17
    • 26. Js 24

      5:23
    • 27. Js 25 while loop

      4:50
    • 28. Js 26 do while

      2:53
    • 29. Js 27 for loop

      3:42
    • 30. Js 28 tipCalculator

      15:20
    • 31. Js 29 references

      5:45
    • 32. Js 30 nullAndUndefined

      3:27
    • 33. Js 31 string object

      17:11
    • 34. Js 32 templateStrings

      4:09
    • 35. Js 33 array object

      12:56
    • 36. Js 34 arraysAndForLoop

      7:44
    • 37. Js 35 MathObject

      7:46
    • 38. Js 36 GlobalDateObject

      6:17
    • 39. Js 37 todo(addItems)

      10:13
    • 40. Js 38 toDo(checkItems)

      13:23
    • 41. Explained in detail

      9:30
    • 42. Js 39 toDo(removeItemsLast)

      5:16
    • 43. Js 40 toDO(removeItemSpecific)

      11:12
    • 44. Js 41 toDo(displayItems)

      8:29
    • 45. Js 42 ArrayToStringAndBack

      17:21
    • 46. Js 43 returnChange

      8:55
    • 47. Js 44 quizExcercise

      18:47
    • 48. Js 45 quickFunctionRefresher

      6:58
    • 49. Js 46 GlobalScope

      5:48
    • 50. Js 47 Local Scope

      7:38
    • 51. Js 48 local,Global,Continued

      10:41
    • 52. Js 49 higher order functions

      15:17
    • 53. Js 50 array methods

      2:10
    • 54. Js 51 foreach

      6:18
    • 55. Js 52 filter

      4:44
    • 56. Js 53 map

      5:21
    • 57. Js 54 reduce

      17:09
    • 58. Js 55 chaining array methods

      2:38
    • 59. Js 56 tempConverter

      4:32
    • 60. Js 57 convertTOCM

      6:20
    • 61. Js 58 objectsContinued

      14:57
    • 62. Js 59 scoresExcercise

      10:07
    • 63. 0 dom intro

      1:21
    • 64. 2 dom basics

      6:09
    • 65. 3 dom getElementByID

      6:18
    • 66. 4 dom selectElementsByTagName

      6:23
    • 67. 5 dom getElementByClassName

      2:19
    • 68. 6 dom querySelector All

      6:51
    • 69. 7 dom navigate dom 1

      6:20
    • 70. 8 dom prev next sibling

      3:36
    • 71. 9 dom textContent nodeValue

      3:24
    • 72. 10 dom setAttribute getAttribute

      7:21
    • 73. 11 dom classList className

      10:10
    • 74. 12 dom createElement createTextNode appendChild

      10:07
    • 75. 13 dom insertBefore

      2:27
    • 76. 14 dom replaceChild

      1:39
    • 77. 15 dom innerHML textContent

      8:05
    • 78. 16 dom change css

      6:02
    • 79. 17 dom event listeners overview

      5:43
    • 80. 18 dom event listeners

      4:41
    • 81. 19 dom key evetns

      3:27
    • 82. 20 dom event object

      5:03
    • 83. 21 event propogation bubbling capturing

      4:14
    • 84. 22 dom event propogation example

      9:43
    • 85. 23 dom local storage

      7:13
    • 86. 24 dom local storage multiple values

      8:42
    • 87. 25 dom forms

      5:20
    • 88. Js changeColor intro

      0:20
    • 89. Js changeColor main final

      7:13
    • 90. Js hexColor intro

      0:26
    • 91. Js hexColor main final

      10:56
    • 92. Js random quote intro

      0:11
    • 93. Js random quote main

      10:40
    • 94. Js passTheMessage intro

      0:43
    • 95. Js passTheMessage main

      16:05
    • 96. Counter intro

      0:08
    • 97. Counter main

      9:59
    • 98. BackgroundImage intro

      0:11
    • 99. BackgroundImage main

      14:01
    • 100. Js testimonials intro

      0:21
    • 101. Js testimonials main

      20:29
    • 102. Filter intro

      0:51
    • 103. Filter main

      33:08
    • 104. Modal intro

      0:48
    • 105. Modal main

      26:09
    • 106. Js calculator intro

      0:49
    • 107. Js calculator main

      9:45
    • 108. Js tipForm intro

      1:49
    • 109. Js tipForm main

      39:02
    • 110. Js toDoList intro

      2:01
    • 111. Js toDoList main

      62:53
    • 112. Js cart final

      53:00
    • 113. Js shoppingCart intro final

      1:19
    • 114. Js groceryList intro

      3:17
    • 115. Js groceryList main

      77:33
    • 116. Js 0 changeColorIntro

      0:35
    • 117. Js 1 changeColorMain

      14:30
    • 118. Js 2 hex intro

      0:43
    • 119. Js 3 hexColorMain

      19:26
    • 120. Js 4 quoteIntro

      0:24
    • 121. Js 5 quotesMain

      18:32
    • 122. Js 6 passMessage Intro

      0:38
    • 123. Js 7 passMsgMain

      16:56
    • 124. Js 8 counterIntro

      0:39
    • 125. Js 9 counterMain

      24:31
    • 126. Js 10 sliderIntro

      0:15
    • 127. Js 11 sliderMain

      19:53
    • 128. Js 12 calc intro

      0:29
    • 129. Js 13 calc project

      20:16
    • 130. Js 14 clock intro

      0:04
    • 131. Js 15 clock project

      14:41
    • 132. Js 16 navbar intro

      0:28
    • 133. Js 17 navbar project

      27:05
    • 134. 1 todo intro

      1:27
    • 135. 2 todo setup

      3:30
    • 136. 3 todo html

      8:02
    • 137. 4 todo css

      25:58
    • 138. 5 todo js variables

      8:21
    • 139. 6 todo js showAction

      9:35
    • 140. 7 todo js addItems

      8:00
    • 141. 8 todo js addLocalStorage

      8:45
    • 142. 9 todo js displayLocalStorage

      6:43
    • 143. 10 todo js deleteAll

      9:42
    • 144. 11 todo js deleteSingleItemDom

      11:56
    • 145. 12 todo deleteSingleItemFromStorage

      8:35
    • 146. 0 OO intro

      1:28
    • 147. 1 OO object basics

      11:33
    • 148. 2 OO this keyword

      9:14
    • 149. 3 OO factory functions

      8:08
    • 150. 4 OO constructor functions

      7:15
    • 151. 5 OO constructor property

      4:50
    • 152. 6 OO prototype property

      7:02
    • 153. 7 00 getPrototypeOf(object)

      2:01
    • 154. 8 OO object constructor function

      4:18
    • 155. 9 OO Array example with object constructor function

      2:27
    • 156. 10 OO object create

      5:21
    • 157. 11 OO inheritance

      9:34
    • 158. 12 OO call function

      2:08
    • 159. 13 OO inheritance continued

      4:08
    • 160. 14 OO classes intro

      9:14
    • 161. 15 OO classes setup

      5:43
    • 162. 16 OO classes inheritance

      1:56
    • 163. Js courseForm intro

      2:36
    • 164. Js courseForm main

      67:14
    • 165. Js flashcard intro

      2:34
    • 166. Js flashcard main

      72:50
    • 167. Js budget intro

      3:56
    • 168. Js budget main first

      43:04
    • 169. Js budget main second

      44:22
    • 170. 1 coffee intro

      4:27
    • 171. 2 coffee setup

      9:03
    • 172. 3 coffee header html

      4:56
    • 173. 4 coffee header css

      25:30
    • 174. 5 coffee video html

      3:39
    • 175. 6 coffee video css

      5:32
    • 176. 7 coffee navBtn

      9:13
    • 177. 8 coffee navbar html

      4:35
    • 178. 9 coffee navBar css (1)

      10:19
    • 179. 10 coffe video switch btn

      12:37
    • 180. 11 coffee preloader html css

      4:44
    • 181. 12 coffee preloader js

      5:28
    • 182. 13 coffee navbar js

      7:44
    • 183. 14 coffee refactor js

      5:54
    • 184. 15 coffee es6 sidenote

      1:51
    • 185. 16 coffee video play pause

      10:59
    • 186. 17 coffee about html

      6:25
    • 187. 18 coffee about css

      18:08
    • 188. 19 coffee drink html

      7:22
    • 189. 20 coffee drink css

      20:13
    • 190. 20

      21:34
    • 191. 20

      18:00
    • 192. 21 coffee work html

      8:49
    • 193. 22 coffee work css REAL

      22:37
    • 194. 22.1 - modal html and css

      11:40
    • 195. 22 modal js

      18:02
    • 196. 23 coffee contact html

      8:56
    • 197. 24 coffee contact css

      9:27
    • 198. 1 ES6 var let const

      7:50
    • 199. 2 var let const vs block scope

      11:11
    • 200. 2 es6 template literals

      6:02
    • 201. 3 es6 arrow functions

      11:23
    • 202. 4 es6 'this' keyword

      10:27
    • 203. 5 es6 assignment destructuring

      12:53
    • 204. 6 es6 spread operator

      13:36
    • 205. 7 es6 rest operator

      8:33
    • 206. 8 es6 default parameters

      3:30
    • 207. 1 car intro udemy

      7:42
    • 208. 2 car project setup

      8:07
    • 209. 3 car navbar html

      12:55
    • 210. 4 car navbar css

      7:47
    • 211. 5 car header html

      5:56
    • 212. 6 car header css

      18:23
    • 213. 7 car section title

      7:17
    • 214. 8 car skills section

      7:56
    • 215. 9 car preloader

      5:27
    • 216. 10 car inventory

      18:24
    • 217. 11 car question

      11:46
    • 218. 12 car featured

      20:27
    • 219. 13 car gallery

      15:55
    • 220. 14 contact section

      8:53
    • 221. 15 services video

      11:52
    • 222. 16 car services items

      7:24
    • 223. 17 car quotes

      12:51
    • 224. 18 car footer short

      4:28
    • 225. 29 car js es6

      7:01
    • 226. 30 car js create data

      27:13
    • 227. 31 car display featured cars

      21:25
    • 228. 32 car display all cars

      13:17
    • 229. 33 js inventory filter btn

      14:34
    • 230. 34 car js modal html css

      6:49
    • 231. 35 car js modal js

      11:57
    • 232. 36 car js navbar js

      9:58
    • 233. 1 ajax xhr object basics

      23:25
    • 234. 2 ajax json

      32:39
    • 235. 3 ajax jokesAPI setup

      0:37
    • 236. 4 ajax jokesAPI main

      15:57
    • 237. 5 ajax randomUserAPI intro

      0:49
    • 238. 6 ajax randomPersonAPI main

      28:10
    • 239. http Methods intro

      4:33
    • 240. http methods

      90:25
    • 241. 8 ajax promises

      17:08
    • 242. 9 ajax fetch

      9:43
    • 243. 10 ajax wikiAPI intro

      0:51
    • 244. 11 ajax wikiAPI main

      42:04
    • 245. 12 ajax async await

      6:24
    • 246. 13 ajax whether intro

      1:50
    • 247. 14 ajax weather main

      48:10
    • 248. 15 ajax githubAPI intro

      2:25
    • 249. 16 ajax githubAPI main

      71:09
    • 250. 17 js zomato intro

      2:09
    • 251. 18 js zomato categories

      31:31
    • 252. 19 js zamato final

      61:22

About This Class

Three fundamental languages of the web are HTML, CSS and Javascript.

Html is used for structure, CSS is used for styling and Javascript is used for functionality.

 Reasons to learn Javascript

Number One - Javascript is the most popular programming language in the world.

Number Two - Javascript is de facto language of the web

Number Three - Javascript is Easy to learn

Number Four - Knowing Javascript provides great opportunity to get a job

Number Five - Javascript is Everywhere.Javascript is not web-exclusive anymore. Its on the servers (NODE.JS), cross-platform desktop-apps etc...

This step by step course is intended for everyone who wants to start working with Javascript. 

We will cover what is Javascript, how to add Javascript to our projects, how to start working with Javascript and at the end we will make few simple projects. A basic knowledge of HTML, CSS would be preferred.