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 Syntax
- About JavaScript code and syntax. How to write a simple JS code in the HTML page and external file
Defiing Variables and Constants
- JS tutorial, defining and using variables and constants. Variables data type, code and examples.
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
break, continue, and label
- How to use the break and continue statements in repetitive instructions for () and while () in JavaScript
Alert, Confirm and Prompt
- How to use Alert, Prompt and Confirm, predefined JavaScript windows
Defining and using Functions in JS
- 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
Numbers in JavaScript
- JS tutorial, working with numbers. Methods of the Number object, code and examples
Math object - Methods for mathematical operations
- The Math JS object, properties and methods for working with Numbers and mathematical operations in JS
JavaScript Arrays
- Array object, creating and using arrays in JavaScript. Properties and methods of the array 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
Working with getElementById
- Working with getElementById. How to use the getElementById DOM method to get and set data in the HTML document
navigator object
- Code and examples with JS navigator object
The history object
- Tutorial JavaScript history object, properties, methods, code and examples
The location object
- JavaScript course, the location object. Properties, methods and examples
anchor and link object
- JavaScript anchor and link object, represent an HTML hyperlin tag. Properties, methods and examples
The form object
- Using Document Object and Forms. How to access and change the data from input form fields using DOM hierarchy
Accessing form fields
- How to acces elements of HTML forms in JS. Examples with accessing form fields
JavaScript Events
- JavaScript Events, adding events in HTML page. Examples with JS Events for mouse, form elements and keyboard
Register event handlers, Detect and Remove events
- How to Register event handlers, Detect and Remove events in JavaScript, addEventListener method
Image object
- JavaScript Image object. Creating simple image effects using properties and methods of the Image object, preloading images
iframe object
- JavaScript iframe object. Accesing iframe elements, properties, iframe navigation
Cookies
- Using Cookies, creating, reading and deleting cookies. Working in JavaScript with data from cookie
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
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.
Defining classes with Methods that can be chained
- JavaScript class, Method Chaining. Calling multiple methods in a single instruction
JavaScript Worker
- JS course, what is Worker object and how to use it in JavaScript applications. Code and example.
Using server-sent events - EventSource
- JS Course, how to use server-sent events in HTML5 and JavaScript. The EventSource object. Setting time interval in server sent events.

Daily Test with Code Example

HTML

CSS

JavaScript

PHP-MySQL

Which tag defines the clickable areas inside the image map?

<img src="image.jpg" usemap="#map1">
<map name="map1">
  <area shape="rect" coords="9, 120, 56, 149" href="#">
  <area shape="rect" coords="100, 200, 156, 249" href="#">
</map>

Which CSS property defines what is done if the content in a box is too big for its defined space?

display overflow position

#id {
  overflow: auto;
}

Click on the event which is triggered when the mouse is positioned over an object.

onclick onmouseover onmouseout

document.getElementById("id").onmouseover = function(){
  document.write("Have Good Life");
}

Indicate the PHP variable that contains data added in URL address after the "?" character.

$_SESSION $_GET $_POST

if(isset($_GET["id"])) {
  echo $_GET["id"];
}

JavaScript Course - Free lessons

JavaScript Lessons

Daily Test with Code Example

HTML

CSS

JavaScript

PHP-MySQL

Last accessed pages

Popular pages this month