JavaScript Programming Online Course
I have recently started to work on a new asynchronous online course for learning JavaScript. So far I have already produced few video clips. The slides will be in English. The explanations captured on video will be in Hebrew. You can already find this course at life michael academy. The plan is to complete the […]
The window.requestIdleCallback Function in JavaScript
Calling this function we should pass over the function we want to be invoked in the background in those moments when the one and only thread is free (not busy with other tasks). <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <title>Title</title> </head> <body> <script> function doInBackground() { console.log(“doing work in background”); } if (window.requestIdleCallback) { […]
JavaScript API Documentation using JSDoc
When developing a new library in JavaScript it would make things simpler for others if we also create a document that explains how to use the library we developed and how to use each and every function it includes. Such document, also known as API Documentation, can be easily created using the JSDoc tool. The […]
The Numeral.js JavaScript Library PRO
The Numeral.js JavaScript library assists us with getting the required formats for the numbers our program uses. The following code sample shows how simple it is to use this library in order to manipulate the format of the numeric values we use in our code. <!DOCTYPE html> <html> <head> <title>numeral.js demo</title> <script src=”http://cdnjs.cloudflare.com/ajax/libs/numeral.js/1.4.5/numeral.min.js”> </script> </head> […]
The Pixastic.js JavaScript Library PRO
The Pixastic JavaScript library allows us to perform various operations on images we use in our code. The following code sample shows how simple it is to use this JavaScript library in our code. <!DOCTYPE html> <html> <head> <title>pixastic.js demo</title> <script src=”pixastic.core.js”></script> <script src=”glow.js”></script> <script type=”text/javascript”> function changepix(img) { var newpix = Pixastic.process(img, “glow”, {amount:0.2}); newpix.onmouseout […]
The List.js JavaScript Library PRO
The List.js JavaScript library allows us to manipulate lists, tables and other similar structures in our code. Using this library we can easily filter, sort and allow the user to perform the basic CRUD operations. The following code sample shows how simple it is to use this JavaScript library. <!DOCTYPE html> <html> <head> <title>pixastic.js demo</title> […]
Linting in JavaScript PRO
Linting is the process of running a program that goes over our code and performs static checking looking for potential errors and bad coding. There are many available linting tools for JavaScript. Some of them are available for online usage, others are available either as plugins we install into our development environment or as stand […]
Iterators in JavaScript PRO
JavaScript allows us to use iterators for going over the properties of a specific object or for going over the elements of a specific array. The following code sample shows how simple it is to use iterators in JavaScript. <!DOCTYPE html> <html> <head> <title>The Iterator Function</title> </head> <body> <script type=”text/javascript”> var student = { name: […]
JavaScript Jump Start PRO
Last wednesday (october 9th) I delivered kind of a jump start lecture for learning JavaScript. The lecture took place in HIT. You can can find my slides at http://www.slideshare.net/lifemichael/javascript-jump-start. I will be more than happy to get any feedback about this lecture. More info about my new coming professional courses can be found at http://tinyurl.com/lifemichaelhitcourses.
Lambda Expressions in JavaScript PRO
The Harmony (EcmaScript 6) proposal includes the specification for arrow functions, AKA lambda expressions. Given this technology early stage you should check in advance whether the web browser you target supports it. The following code sample includes the definition for few arrow functions (lambda expressions). <!DOCTYPE html> <html> <head> <title>simple lambda expressions in javascript</title> </head> <body> […]