4:54 2. Variables
If you’ve ever used a CSS preprocessor like LESS or Sass then you’re already familiar with the concept of “variables”. Variables are used to store data in a specific format. They can contain numbers, strings of characters, and so on.
9:07 3. Data Types
13:17 4. Arrays
20:04 5. Objects
25:25 6. Operators
Let’s learn about operators and the various types thereof. We’ll begin with “arithmetic” operators.
34:07 7. If Else Statements
Let’s now look at the if/else statement. If you know any other programming language then you’ll already be familiar with the concept of conditional statements. If not, don’t worry—we’ll cover all of that.
38:50 8. Loops
45:01 9. Functions
You can think of functions as being “subprograms” which can have their own name, can be called anytime, can receive parameters, and can return a value.
51:17 10. Selectors
Selectors are great if you want to manipulate the DOM and gain access to all its elements. To understand selectors, first let’s have a look at the window and document objects.
59:17 11. Events
1:06:15 12. Back to Top Button
Having covered a great deal of theory, let’s now practice what we’ve learned with some exercises. To begin with, let’s see how we can create a “back to top” button.
1:17:11 13. Textbox Auto Completion
You’ll learn how to create a textbox that supports auto-completion.
1:31:42 14. Simple Content Slider
In this practical exercise, let’s create a simple content slider. We’re not going to limit ourselves to images either; we’ll create a slider that can display any type of content.
1:39:50 15. Image Lightbox
In this exercise we’ll create a very simple image lightbox. A lightbox is usually an overlay that shows a much bigger version of a thumbnail.
1:44:02 16. Tab Control
The “tab control” is a very common pattern, so let’s see how it’s done in this final exercise lesson.
1:46:43 17. Final Words