Basics of programming/developing, with JavaScript

1. JS4U
Basics of programming, using JavaScript

2. Md. Kinawy
Pragmatic Programmer
• 8+ years in web dev. & 12+ years in IT
• Originally Microsoft stack
• Shifted recently to the awesomeness:
• Freelance ONLY
• Node.js (JS)
• website: http://besawa.com
• blog: http://besawa.com/blog
• email: mkinawy@besawa.com
• twitter: @besawa_official

3. Programming Basics

4. Story of compiler
Grace Hopper [1906 –1992]: http://en.wikipedia.org/wiki/Grace_Hopper

5. Linear Execution

var x = 7;
var y = 3;
var z = x + y;
x = 2;
alert(z);

Exceptions:
Loops
Calls
Returns
Exceptions
Flow Control

6. Syntax and components

Types

Objects

Variables

Functions/Methods

Arrays/Collections

Public vs Private

Member vs Static

OOP

Events

7. Strongly-Typed vs Dynamic programming
languages

Intellisense

Debugging

Conversion

Extending

8. Developing (what?) Tools

Editor

Debugging

Logging

Source Control

IDE

Host

Tracker

Service Oriented Arch.

9. JavaScript

10. Intro

1995 - 2009: for only client side

Web explosion + web browsers war

Super client side apps

Very dynamic language

Callback language, aka functional language

Could be used for any app of any kind, depends on the engine/executer:
For gaming: ex. Unity3D
Service layer: ex. Node.js
Dom manipulator: ex. jQuery
Mobile apps: ex. Phonegap
Linux programming: ex. Gnome

11. Demo
Hello JS!

12. Operators

alert(“Hello World!”): {} ;

var foo = int > foo = function

console.log(foo) | alert(foo)

Numeric Operators: + - * /
Self operators: += ++
string + int: “2” + 1 = ?

Comparison Operators: == != === !== > >= < <=

Logical Operators: && ||
true and false, truthy and falsy

13. Conditional blocks

Flow Control: if-else
Ternary Operator: xx ? yy : zz

Switch Statements: switch case break default

14. Loops

Initiation – Condition – Iteration – Body

while Loop

do-while Loop

for Loop

break

continue

15. Arrays

var myArr = [„hello‟, „world‟];

myArr[0] | myArr[2]

myArr.length;

myArr[1] = „qafeer‟;

myArr.push(„!‟);

16. Objects

Very dynamic objects: I REALLY LOVE JS

var myObj = { name: „MK‟, age: „NOT UR BZ‟, getEmail: function(){ return
„info@besawa.com‟ } };

myObj.name;

myObj.getEmail();

17. Functions

function welcome(name) { return “Hello “ + name + “!”; }

welcome(„Md. Kinawy‟) | welcome()

return vs void

Self executing anonymous functions

Functions as arguments, aka callbacks: name | anonymous

18. Scope

Variable outside function

Variable inside function

Two variables with the same name, one outside and other inside

Closures