X
X

31 Final project

This final project will sum up most of what we’ve already learn’t throughout this course. It will consist of three simple drop down menus with each menu changing a CSS property on a div element. We’ll be looking at adding…

30 Create and append DOM element

In this lecture I’ll be making a virtual DOM object within Javascript. Then I’ll tell the DOM to add the relevant element using the information from our virtual DOM object. This will allow me to produce an element from Javascript.…

29 Changing style attribute

The style attribute will allow us through Javascript to apply styles to our DOM element’s. We manipulate the style attribute via the style object, every DOM object has an embedded style object that’ll allow us to manipulate css properties. Javascript…

28 Changing elements’ content

Javascript works hand in hand with the DOM as we know. So how about changing text and information within the DOM. Well we can easily do this by targeting an object that represents a DOM element in Javascript and modify…

27 This keyword explained

The this keyword can be elusive to the new comers in programming. That’s because we can understand context of the this keyword very easily in a simple conversation. We should however understand the this keyword and never be confused about…

26 Event handlers

Events are listening out for interactivity by the user. It also could include a change in state; for example you could trigger an event if the HTML5 video player was playing, paused or in the stop position. This allows us…

22 For loops

Loops in any programming language allow us to perform a repetitive action. What’s great about loops in Javascript, is the fact that there execution context is compiled into memory and then run repeatedly. This makes them very fast at what…

25 Targeting DOM element’s

Returning the entire document object is not beneficial when working with the DOM. In this case we’ll run some methods on the document object and have a single object returned for one DOM node. Modifying this object will effect the…

24 Understanding the document object

The document object model is very important for understanding how Javascript interprets the DOM into JS objects. All DOM nodes or elements are in fact converted into Javascript objects. The JIT-compiler will look at the HTML and CSS separately and…

23 Practical for loops

Practical for loops are very important to really understand why we want to use for loops in our day to day lives. Programming is not only about learning the syntax but also understanding the why you want to put something…