මේ post එකෙන් මම කියන්න යන්නේ node js වල ප්‍රදාන දේවල් වන variables, array, array looping, functions,ගැන සරල හැදින්වීමක්.

මුලින්ම බලමු කොහොමද node වලදී variable එකක් declare කරන්නේ කියල.

//variables
//we can use var and const for declare variables 
//const variables can not change after declaration
var name="TheSigma"; // for sring variable use "" and do not forget ;
var number=123; // for number 
const check="this is const variable"

// then we print output using console.log
console.log("name :",name);
console.log("number :",number);
console.log("check :",check);

දැන් අපි මේ code එකේ output එක බලමු. ඔයාල මේ code එක කැමති name එකක් සහ .js extention දාල save කරල ඒ save කරපු file location එකේ command prompt එක open කරගෙන node playground.js කියල type කරලා enter press කරන්න. මේ විදියේ output එකක් ඔයාලට දකින්න පුළුවන් වෙයි.

මන් කලින් කිව්වා const දාපු variables value assign කරාට පස්සේ change කරන්න බෑ කියල. අපි බලමු check කියන variable එක change කරලා.

//variables
//we can use var and const for declare variables 
//const variables can not change after declaration
var name="TheSigma"; // for sring variable use "" and do not forget ;
var number=123; // for number 
const check="this is const variable"

// then we print output using console.log
console.log("name :",name);
console.log("number :",number);
console.log("check :",check);

//now we change check variable
check="value2";
//now print check value
console.log("value after changed : ",check);

දැන් කලින් කරා වගේ run කරල බලමු.

පේනවා ඇති error එකක් print වෙලා තියෙනවා ඒ අපි const variable එකක් change කරපු නිසා :).

Array

දැන් අපි බලමු node වල array එකක් declare කරන විදිය.

declaration

var array = [1,2,3,4];

array එකක variables එකම type එකේ වෙන්න ඕන සහ [] ඇතුලේ තමයි variables ලියන්න ඕන.

දැන් අපි array එකේ values print කරන විදිය බලමු.මේකත් අපිට console.log(array name) දාල print කරන්න පුළුවන්.

console.log(array) //output : [ 1, 2, 3,4 ]

special index එකක value එකක් print කරනවනම් මේ format එකට code කරන්න ඕන .console.log(arrayName[index])

console.log(array[1]) //output: 2

for loop එකකින් array element print කරන විදිය.

for(i=0;i<array.length;i++){ 
	console.log(array[i]);
}

දැන් බලමු map keyword එක බාවිතා කරල array එකක variables print කරන විදිය.

array.map(function(each){
	console.log(each);   //මෙතන each කියල ගත්තෙ for loop එකේ i //කියල ගනිපු variable එක 
})

functions

node වලදි function එකක් declare කරන්නෙ function කියන keyword එකෙන් simplest example එකක් ගත්තොත් හිතන්න ඔයාට variables ගොඩක් print කර ගන්න ඕන මේක සාමාන්‍ය විදියට කරොත් print statements ගොඩක් ලියන්න වෙනව ඒත් function එකක් use කරොත් එක print statement එකෙන් වැඩේ ගොඩ දාගන්න පුළුවන්.

function namePrint(){
	var name1="test 1";
	var number1= 1;
	var name2="test 2";
}

දැන් අපිට මේ function එකේ තියෙන variables print කරගන්න පුළුවන් එක print statement එකෙන්

console.log(namePrint());

අපි numbers දෙකක් එකතු කරන්න වගේ වැඩකට function එකක් ලියනවනම් ඒ function එක ඇතුලට values pass කරන්න වෙනවනෙ ඒක කරන විදිය තමයි පහල code example එකේ තියෙන්නෙ

function sum(a,b){
	var c=a+b;
	console.log("sum of : ",a," + ",b," = ",c);
}

//දැන් function  එකට call  කරමු 
sum(3,5); //output= sum of :  3  +  5  =  8

complete code for this post ->

var name="TheSigma"; // for sring variable use "" and do not forget ;
var number=123; // for number 
const check="this is const variable"

// then we print output using console.log
console.log("name :",name);
console.log("number :",number);
console.log("check :",check);

//now we change check variable
//check="value2";
//now print check value
//console.log("value after changed : ",check);


var array = [1,2,3,4];

console.log(array) 
console.log(array[1]) 

for(i=0;i<array.length;i++){
	console.log(array[i]);
}

array.map(function(each){
	console.log(each);   
})
function namePrint(){
	var name1="test 1";
	var number1= 1;
	var name2="test 2";
}

console.log(namePrint());
function sum(a,b){
	var c=a+b;
	console.log("sum of : ",a," + ",b," = ",c);
}

sum(3,5);

The post node js very basic appeared first on The SIGMA.

මුලින්ම ආයුබෝවන් කියනවා යාලුවෝ හැමෝටම..ගොඩ කාලෙකට පස්සේ ඔන්න මං ඇරගෙන ආවා අලුත්ම පාඩම් මාලාවක්..thesigma blog අඩවියත් සමග නිරන්තරයෙන් රැදී සිටි යාලුවෝ නම් දන්නවා අපි කලින් අපි කලින් පාඩමේ කතා කලා MEAN stack වල Database system එක වන mongoDB ගැන..ඒ පාඩම් ටික කලින් මඟ හැරුන කෙනෙක් ඉන්නවනම් මෙතනින් ගිහින් බලන්න පුලුවන්..අද මම පටන් ගන්න යන්නේ ඒ පාඩම් මාලාවේ දෙවන දිගහැරුමයි..ඒ තමයි Angular .

ඇත්තටම කියනවනම් Angular කියන්නේ ඉතාම කෙටි කාලෙකින් මෑත කාලීනව ගොඩක් ජනප්‍රිය වුන javascript front end framework(client side frame work) එකක්.2016 September 14 තමයි මුලින්ම Angular හදුන්වා දෙන්නේ..ඊටපස්සේ 2017 march 23 දී Angular version 4 ද, 2017 november 1 දී Angular version 5 ද, 2018 May 4 දී Angular version 6 ද හදුන්වා දෙනවා ..මං මේ post එක ලියන මේ මොහොතේ තියන latest ම version එක තමයි 2018 October මාසයේ හදුන්වා දුන් Angular version 7..පේනවනේ නේද මේ frame work එක දියණු වෙලා තියන ඉක්මන😃😃😃..ඇත්තටම Angular හදුන්වා දුන්නේ google වුනාට microsoft ලාගේ typescript language එකත් මේකේ තියනවා..ඒ ගැන අපි පස්සේ හෙමීට බලමුකෝ..😀😀

ඇත්තටම මොකද්ද මේ Angular වල තියෙන විශේෂත්වය ..ඒ තමයි එක page එකක ඉදලා තවත් page එකකට යද්දි url එකට අදාලව component වෙනස් වීමක් පමණයි වෙන්නේ..මුලු page එකම refresh වීමක් වෙන්නෑ…ඔන්න ඔය නිසා අපිට පුලුවන් අපේ app එකේ efficiency එක වැඩි කර ගන්න..ඔන්න ඕක තමයි Angular frame work එකේ තියන ප්‍රධානම විශේෂත්වය..හරි එහෙනන් Angular ගැන පොඩි හෝ idea එකක් ගන්න ඇති කියලා හිතනවා..අපි දැන් බලමු Angular කොහොමද install කරගන්නේ කියලා..

මේ සදහා අපිට මුලින්ම nodejs සහ npm ( Node Package Manager ) install කර ගන්න වෙනවා..සාමානයයෙන් nodejs intall කරනකොට npm auto ම install වෙනවා..පහල තියන url එකෙන් ගිහින් ඔයාගේ machine එකට අදාල nodejs version එක download කරලා install කර ගන්න පුලුවන්..

ඔන්න ඔය විදියට install කර ගත්ත nodejs version එක අපිට බලන්න පුලුවන් command prompt එකේ ng -v ලෙස type කරලා..npm -v ලෙස type කරලා npm version එක බලන්න පුලුවන්.ඔන්න ඔය ටික තමයි prerequisites වෙන්නේ Angular සමග වැඩ කරද්දි.

ඔන්න ඔය prerequisites satisfy කලාම අපිට පුලුවන් අලුත් Angular project එකක් start කරන්න.මේ සදහා ng new <project_name> කියන command එක පාවිච්චි කරන්න පුලුවන්..හරි මම Desktop එකේ අලුත් project එකක් හදනවා angular කියලා..ඊට අදාල command ටික මෙන්න මේ විදියට run කරන්න පුලුවන්..

ඊටපස්සේ මෙන්න මේ වගේ files ගොඩක් Download වෙනවා..

හරි එහෙනම් අපි දැන් අලුත් project එකක් start කලා angular කියලා..අපි දැන් බලමු හදා ගත්ත project එක run කරන්නේ කොහොමද කියලා..ගොඩක් frame work වල වගේම Angular වලත් තියනවා එයාටම කියලා server එකක්..project එක run කරනවානම් මුලින්ම අපි ng serve හරි npm start හරි ගහලා server එක start කරගෙන ඉන්න ඕනි.ඊට පස්සේ ng -open හරි ng -o හරි ගැහුවහම automatically ඔයාලගේ browser එකේ localhost:4200 කියන port එකේ app එක run වෙනවා..ඔන්න ඔය විදියට app එක run කලාම මෙන්න මේ වගේ view එකක් අපිට බලා ගන්න පුලුවන්.

හරි අදට ඇති නේද😃..පාඩම නම් ටිකක් දිග වුනා තමයි , නමුත් අපි දැන ගත්තා මොකද්ද Angular කියන්නේ, ඇයි Angular විශේෂ වෙනේ ,කොහාමද Angular project එකක් හදා ගන්නේ හා කොහොමද හදා ගත්ත Angular project එක run කරන්නේ කියන එක ගැන..මීලඟ පාඩමේදී අපි බලමු Angular වල folder structure එක සහ index page එක කොහොමද render වුනේ කියන එක ගැන…අදට පාඩම හමාර කරන්නයි යන්නේ..post එක ගැන ඔයාලගේ අදහස comment එකක් දාන්නත් අමතක කරන්න එපා..මීලඟ පාඩමෙන් හමුවනතුරු ඔබට සුභ දවසක්!😊

The post Angular7 මුල සිට ඉගෙන ගනිමු-1 කොටස appeared first on The SIGMA.