Want to initiate in JavaScript programming language but don't have time to read a book? You can learn with the help of the online video tutorials posted here.
- It's useful to combine the study of these tutorials with the lessons from this web site.

JavaScript Video Crash Course

This course has 17 video tutorials (approx. 1 hour and 30 minutes) about variables and simple operations, mouse events, loops, arrays, and so on, to learn JavaScript language bases fast.

  1. Simple 'Hello World' (2:56)
      • Learn how to write a text in a web page with JavaScript.
  2. Simple 'Hello World' Pop-Up (3:12)
      • Put the Js script inside <head> tag.
  3. From External File (1:31)
      • Using JS script from external .js file.
  4. Variables and Simple Operations (5:17)
      • Learn the basics of programming, variables and simple operators.
  5. More Variables and Output Formatting (4:54)
      • Working with variable and mathematical operators.
  6. MouseOver and MouseOut (3:47)
      • Learn how to use onmouseover() and onmouseout() events.
  7. If - Else Statements (3:35)
      • What you can do with if(), else if() and else statements.
  8. While Loop (1:57)
      • A brief tutorial about the "while()" instriction.
  9. For Loop (1:37)
      • A short example with another Loop instruction, "for()".
  10. Comments (1:41)
      • How to add comments into your JavaScript code.
  11. Arrays (5:15)
      • Creating and using Array variable. Traversing the array elements with "for()" instruction.
  12. Confirmation Example (5:40)
      • A video tutorial with an example that use multiple programming elements: function, "if()" - "else" statements and confirm dialog box window.
  13. Prompt - Alert Example (2:10)
      • Tutorial with other dialog box windows: Prompt and Alert.
  14. Print Function (1:53)
      • Print the web page content with the JS print() function.
  15. HyperLinks (3:56)
      • How to make Hyperlinks with JavaScript functions.
  16. The Date Function (4:57)
      • Working With The Date function, display and manipulate the date.
  17. Form Input Check (7:13)
      • Checking the input form fields before submit.

Daily Test with Code Example

Which attribute is used in <a> tag for the address of the link?
src href rel
<a href="http://coursesweb.net/" title="CoursesWeb.net">CoursesWeb.net</a>
Which CSS property sets the type of the text font?
font-family text-decoration font-size
h2 {
What instruction selects all the <div> tags with class="cls"?
querySelector("div.cls") getElementsByTagName("div") querySelectorAll("div.cls")
var elm_list = document.querySelectorAll("div.cls");
var nr_elms = elm_list.length;       // number of selected items
Indicate the function that can be used to get the sum of values in an array.
array_sum() array_diff() array_shift()
$arr = array(1, 2, 3, 4);
$arr_sum = array_sum($arr);
echo $arr_sum;       // 10
JavaScript Online Video Course and Tutorials

Last accessed pages

  1. AJAX Online Video Course and Tutorials (1930)
  2. Working with HTML attributes in PHP (1056)
  3. AJAX with POST and PHP (2469)
  4. While and Do While (657)
  5. Add and Remove HTML elements and Content with jQuery (6897)

Top accessed pages

  1. PHP-MySQL free course, online tutorials PHP MySQL code (11441)
  2. Courses Web: PHP-MySQL JavaScript Ajax HTML CSS Flash-AS3 (11045)
  3. Get Attribute (ID, Class, Name, Title, Src) with jQuery (10660)
  4. PHP Chat Script (9820)
  5. PHP PDO - exec (INSERT, UPDATE, DELETE) MySQL (9464)