The source files contain the examples presented in the course videos. Use them to double-check your code or work alongside the instructor:
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
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill:
► Subscribe to Envato Tuts+ on YouTube:
► Follow Envato Tuts+ on Twitter:
► Follow Envato Tuts+ on Facebook:
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements:
This Content is Generated from RSS Feeds, if your content is featured and you would like to be removed, please Contact Us With your website address and name of site you wish to be removed from.
You can control what content is distributed in your RSS Feed by using your Website Editor.