JavaScript basic constructs

JavaScript Basics

Introduction to JavaScript

Lesson 1 - Introduction to JavaScript

The article will introduce the JavaScript language, including its structure, history, and examples of its application in the most modern web technologies.
FreeWritten by David Capka
Getting started with JavaScript - First scripts

Lesson 2 - Getting started with JavaScript - First scripts

In this tutorial we're gonna write our first script which will write into the document. We'll learn how to use variables and how to get current date/time.
FreeWritten by David Capka
Basic data types in JavaScript and its functions

Lesson 3 - Basic data types in JavaScript and its functions

In this tutorial we'll show basic data types in JavaScript (numbers, strings, and booleans) and we'll use their functions and some global functions.
FreeWritten by David Capka
Conditions in JavaScript

Lesson 4 - Conditions in JavaScript

This tutorial explains programming of conditions in JavaScript. We'll learn how to use logical operators, if and else, and the ternary expression.
FreeWritten by David Capka
Exercises for JavaScript lesson 4

Exercises for JavaScript lesson 4

Solved programmers tasks in JavaScript on conditions. The tasks are ordered by difficulty. Solutions are available for download.
PremiumUnratedWritten by David Capka
Loops in JavaScript

Lesson 5 - Loops in JavaScript

This tutorial explains programming loops in JavaScript. We'll learn how to use the for and while loops.
FreeWritten by David Capka
Exercises for JavaScript lesson 5

Exercises for JavaScript lesson 5

Solved programmers tasks in JavaScript on loops. The tasks are ordered by difficulty. Solutions are available for download.
PremiumUnratedWritten by David Capka
Arrays in JavaScript

Lesson 6 - Arrays in JavaScript

This tutorial will teach you how to use arrays in JavaScript. We'll also learn the foreach loop and how to sort array items.
FreeWritten by David Capka
Exercises for JavaScript lesson 6

Exercises for JavaScript lesson 6

Solved programmer tasks in JavaScript on arrays. The tasks are ordered by difficulty. Solutions are available for download.
PremiumUnratedWritten by David Capka
Functions in JavaScript

Lesson 7 - Functions in JavaScript

In the tutorial, we'll learn how to declare JavaScript functions, pass parameters, return values, store functions in variables, and pass them as callbacks.
FreeWritten by David Capka
Exercises for JavaScript lesson 7

Exercises for JavaScript lesson 7

Solved programmer tasks in JavaScript on functions. The tasks are ordered by difficulty. Solutions are available for download.
PremiumUnratedWritten by David Capka
Introduction to DOM and events in JavaScript

Lesson 8 - Introduction to DOM and events in JavaScript

In this tutorial, we'll explain what the DOM is and how to retrieve website elements. We'll program a web-based calculator using onclick and onload events.
FreeWritten by Michal Zurek
DOM manipulation in JavaScript

Lesson 9 - DOM manipulation in JavaScript

This tutorial will describe how we can select DOM elements, edit them, create new elements, insert, move, and delete them.
FreeWritten by Michal Zurek
Table editor in JavaScript

Lesson 10 - Table editor in JavaScript

In the tutorial, we'll create a web application step by step. It'll be an editor for HTML tables, allowing the user to expand or edit the table.
FreeUnratedWritten by Michal Zurek
Finishing the table editor in JavaScript

Lesson 11 - Finishing the table editor in JavaScript

We'll finish the JavaScript table editor. It'll be a great deal of DOM element manipulation. It'll insert columns and rows and remove them as well.
FreeWritten by Michal Zurek
Exercises for JavaScript lesson 11

Exercises for JavaScript lesson 11

Solved programmer tasks in JavaScript on DOM manipulation. The tasks are ordered by difficulty. Solutions are available for download.
PremiumUnratedWritten by Michal Zurek
Images and drawing on canvas using JavaScript

Lesson 12 - Images and drawing on canvas using JavaScript

In this tutorial, we'll work with the img and canvas elements using JavaScript. We'll discover the difference between static and dynamic images.
FreeWritten by Michal Zurek
2D canvas context in JavaScript

Lesson 13 - 2D canvas context in JavaScript

The possibilities of the 2D canvas context. We'll learn context transformations, working with individual pixels, gradients, fillings, and shadows.
FreeWritten by Michal Zurek
Exercises for JavaScript lessons 12-13

Exercises for JavaScript lessons 12-13

Solved programmer tasks in JavaScript on images and canvas. The tasks are ordered by difficulty. Solutions are available for download.
PremiumUnratedWritten by Michal Zurek
Timers and animations in JavaScript

Lesson 14 - Timers and animations in JavaScript

In this tutorial, we'll show you the timer types in JavaScript, how to set a CSS value, how to get the window size, and how different animations are made.
FreeWritten by Michal Zurek
Exercises for JavaScript lesson 14

Exercises for JavaScript lesson 14

Solved programmer tasks in JavaScript on timers and animations. The tasks are ordered by difficulty. Solutions are available for download.
PremiumUnratedWritten by Michal Zurek
JS requestAnimationFrame - For better drawing

Lesson 15 - JS requestAnimationFrame - For better drawing

Together with HTML5, a new JavaScript API has been added. RequestAnimationFrame helps us with rendering on canvas. We'll introduce it in this tutorial.
FreeWritten by David Capka


 

Activities (2)