JavaScript Course

Welcome to this JavaScript course.
JavaScript is ubiquitous on the World Wide Web. You can use JavaScript to make your Web pages more interactive, so that they react to a viewer's actions, and to give your Web pages some special visual effects.
JavaScript allows you to add additional features that a static HTML page can't provide without some script code.
The JavaScript lessons of this course are free and a good start for beginners, they offer the necessary elements to learn the JavaScript programming language and working with JS code.

• Useful questions and answers on Forum JavaScript -Ajax.

JavaScript Lessons

JavaScript introduction
- Introduction to JavaScript, a web programming and scripting language, some introductive presentations
JavaScript Syntax
- About JavaScript code and syntax. How to write a simple JS code in the HTML page and external file
Variables and Operators
- Using variables and operators in JavaScript, the basics of programming - JavaScript Course
JavaScript Operators
- JavaScript Operators, arithmetics, logicals, for strings, for functions, conditional operator, operators precedence
Conditional statements if, else, switch
- About conditional statements: if, else and switch - JavaScript Course
For loops in JavaScript
- Using for loops in JavaScript, for ... in and forEach - JavaScript Course
While loops
- Using while loops and Do While - JavaScript course
Alert, Confirm and Prompt
- How to use Alert, Prompt and Confirm, predefined JavaScript windows
Functions
- Using functions in JavaScript, declaring and calling functions with or without parameters
Functions - scope, arguments and recursive
- Different ways to declare a function. About variable scope, arguments, nested and recursive functions
Callback Functions in JavaScript
- JavaScript lesson about callback functions. Passing function as argument to other function
JavaScript Strings
- String object, creating and using strings in JavaScript. Properties and methods of the string object
JavaScript Arrays
- Array object, creating and using arrays in JavaScript. Properties and methods of the array object
Associative Arrays in JavaScript
- Creating and using Associative Arrays in JavaScript, traversing elements of the associative array
The Number and Math Objects
- Using the Number and Math object, for complex operations. Properties and methods of the Number and Math object
JS Date Object
- JavaScript Date object, set and get time values. Properties and methods of the JS Date object
Global Object
- About JavaScript Global object. Properties and methods /functions of the Global object
JSON syntax in JavaScript
- Learn how to use JSON syntax in JavaScript, to create array and objects using JSON format
Convert JSON in JavaScript
- Convert JSON string to a JavaScript object, convert JavaScript objects into JSON string, parse JSON
Window Object
- An Introduction to the Window Object. Properties and methods of the Window object - JavaScript Course
Document Object - DOM
- DOM, Document Object Model, accessing and using the DOM with JavaScript. Document object properties and methods
Document object and Forms
- Using Document Object and Forms. How to access and change the data from input form fields using DOM hierarchy
navigator and history objects
- Level one JavaScript browser objects, navigator and history. Properties, methods and examples
location and screen
- JavaScript course - browser objects, location and screen. Properties, methods and examples
anchor and link object
- JavaScript anchor and link object, represent an HTML hyperlin tag. Properties, methods and examples
Form, text, textarea, file objects
- Properties, methods and events of the form object and its sub-objects, text, password, hidden, textarea and file
Buttons, Checkbox, Radio, Select, Option objects
- Otfer form sub-objects: Buttons, Checkbox, Radio, Select, Option objects. Properties, methods and events
JavaScript Events
- JavaScript Events, adding events in the HTML page. Examples and a list with JS Events for window, mouse, form elements and keyboard
JavaScript - Register event handlers and Detect events
- How to Register event handlers and Detect events in JavaScript, addEventListener method
Image object
- JavaScript Image object. Creating simple image effects using properties and methods of the Image object, preloading images
Frame - IFrame object
- JavaScript Frame and IFrame object. Accesing frames elements, properties, frame navigation
Cookies
- Using Cookies, creating, reading and deleting cookies. Working in JavaScript with data from cookie
Working with getElementById
- Working with getElementById. How to use the getElementById DOM method to get and set data in the HTML document
Working with getElementsByTagName
- Working with getElementsByTagName. How to use the getElementsByTagName JavaScript DOM method with HTML tags
querySelector and querySelectorAll
- Using querySelector and querySelectorAll JavaScript functions, to work with HTML elements in web page
createElement and insertBefore
- Using createElement and insertBefore JavaScript methods to create and to add HTML elements in the web page
JavaScript code and PHP
- Combine JavaScript code with PHP, create JS scripts that use server side data - JavaScript Course
Creating and using classes in JavaScript
- This lesson shows how to create, and use classes in JavaScript, with own properties and methods
JavaScript Object Method Chaining
- JavaScript Object Method Chaining. Calling multiple methods in a single instruction
classList - Working with CSS classes
- classList, JS property to work with CSS classes on HTML elements, to add, remove, replace and togglse CSS class
Define and Use Classes in JavaScript
- JS tutorial, how to define and use classes in JavaScript; constructor, properties and class methods, getter and setter.
Subclass with extends and Inheritance
- JS tutorial, how to define and use subclasses and inheritance with extends in JavaScript; constructor, super, properties and class methods.

Daily Test with Code Example

HTML

CSS

JavaScript

PHP-MySQL

Which meta tag provides a short description of the page?

<meta name="description" content="70-160 characters that describes the content of the page" />

Which CSS property is used to stop the wrapping effect of the "float"?

clear text-align position

#some_id {
  clear: both;
}

Click on the method which gets an array with all the elements in the document that have a specified tag name.

getElementsByName() getElementById() getElementsByTagName()

var divs = document.getElementsByTagName("div");
var nr_divs = divs.length;
alert(nr_divs);

Indicate the PHP function which returns the number of elements in array.

is_[) count() strlen()

$arr =[7, 8, "abc", 10);
$nri = count($arr);
echo $nri;        // 4

JavaScript Course - Free lessons

JavaScript Lessons

Daily Test with Code Example

HTML

CSS

JavaScript

PHP-MySQL

Last accessed pages

Popular pages this month