Skip to main content

Introduction To JavaScript

JavaScript Language has following characteristics:
  • Lightweight: Small memory footprint, easy to implement
  • Interpreted: No compilation, Instructions executed only
  • Object Oriented: Modeled around objects
  • First-class functions: Functions used as variables and parameters
  • Scripting language: Writing instructions for runtime environment
JavaScript is used for 
  • Client side web development
    • Frameworks: JQuery, AngularJs, React, EServer-side
  • Server-side web development
    • Frameworks: NodeJS, Express
Variable declaration and definition
  • Declaration: Give a name to a variable
  • Definition: Assign a value to the variable
Equal operations 
  • =: assigning value to a variable (a=30)
  • ==: check the values (doesn't consider types)
  • ===: check the values and types
Functions: 
  • no overloading
  • functions are objects
  • functional expression : assign function to variable
  • anonymous function: function with no name
Array methods
  • push(value): value is appended to the last position of an array
  • pop(): last element is removed
  • shift():first element is removed
  • unshift(value): values is appended as first element

Other Points 

  • Native JavaScript: Doesn't use any framework 
  • Doesn't associate type with variables
  • If you declare a variable and not define yet: it has undefined value
  • type of null in Javascript: object
  • For all non-zero values variable return as true.
  • JavaScript is not a class-based language: can add properties to object dynamically
  • Arrays behave like an object
  • Arguments: keyword that gets function arguments as list






Comments

Popular posts from this blog

Sorting Algorithms

Bubble Sort Named as sinking sort. Compare each pair of the adjacent items and swap them if they are in the wrong order. Worst case and average case time complexity both O(n^2)  and best case time complexity is O(n).

JavaScript Objects and Prototypes

Create Objects Using function Create Objects without duplication code: use functions Using constructors To indicate a function is a constructor:  append new keyword in front of the function name when executing it Call Property of function object foo.call() = foo() Call can bind different objects and can execute functions __proto__ Copy of prototype object If some property is not in the object itself, it then looks it in the prototype. If it finds it returns the value of that property All the new object instances of function point to same prototype object prototype.constructor: property that points to function  GitHub repo:  https://github.com/kaosadi17/JavaScript/blob/master/objects%26prototypes.js

Introduction to JQuery

JQuery Open source JavaScript library. Cross browser compatibility Include the JQuery code inside this function       $(document).ready(function(){             your code is here             }); Creating CSS element : nothing added (body{}) class name : added fullstop (.clzname{}) id : added slash (#idname{}) JQuery Methods  click(): can include actions when after clicking defined button $("button").click mouseover: can include actions when over the mouse on defined element $(button').mouseover hover : can include tow functions when the mouse is over it and not $("img").hover load : execute when complete page is fully loaded  $("img").load JQuery Actions hide() : hide the defined content $("#right").hide() html() : change the html element with defined content $("p").html("<p>My content<p>") text() :  change the content as define...