JAVASCRIPT ඉගෙනගමු.

[IsPra]

වෙබ් developmentවලට උනන්දුවක් තියන අය වෙබ් developing ගැන ටිකක් හරි දන්න අය JavaScript හොදට අදුරනව ඇති. ඒත් අලුතින් වෙබ් developing වලට ආපු අයට JavaScript ගැන හැදින්වීමක් දීලම පාඩම පටන්ගන්න එක හොදයි කියල මට හිතෙනවා.

JavaScript අදුරගමු.

JavaScript අපිට නොමිලයේ භාවිතා කරන්න පුලුවන් Dynamic Programming Language එකක්. Brendan Eich කියල මහත්තයෙක් තමයි මේ JavaScriptවල පියා. JavaScript ප්‍රසිද්ධ උනාට මේ මහත්තයට එච්චර ප්‍රසිද්ධියක් ලැබිලා නෑ. Mr. Eich JavaScript design කරල තියෙන්නෙ Netscape Communications Corporation එකට අර Netscape Navigator කියල browser එක කරේ මේගොල්ලො තමයි. දැන් Netscape වගේම Eich මහත්තයල පටන් ගත්තු Mozilla Foundation එකත් JS develop කරනවා. 1995 පටන් ගත්තු JS එදා ඉදන් අද වෙනකන් අපිට සේවා සපයනවා. Facebook, Twitter, Google වගේම මේ WordPress platform එකෙත් JS use වෙනවා.


අපිට JavaScript ඉගෙනගන්න ලොකු ලොකු tools ඔනේ නෑ web browser එකක් තිබ්බම හොදටම ඇති.

එහෙනම් පටන්ගමු.

මම use කරන්නෙ Mozilla Firefox. Google chrome උනත් use කරගන්න පුලුවන්.

Firefox: Ctrl + Shift + K ඔබල Web Console එක open කරගන්න.
Chrome : Ctrl + Shift + J ඔබල Chromeගේ JavaScript Console එක open කරගන්න.

Firefox use කරන අය web console එකෙන් JS select කරගන්න.

>> ලකුණත් එක්ක blink වෙන | ලකුණක් ඇති. එතන type කරන්න පටන්ගමු.
මුලින්ම පොඩියට පටන්ගමු.

4+11;

ඕකට මොන JavaScriptද නේ? Calculator එකෙන් පුලුවන් ඕවා කරන්න.

ඔව් ඔව් JavaScript තියෙන්නෙ ඔය වගේ පොඩි පොඩි වැඩ කරන්න නෙවෙයිනෙ. අපි එහෙනම් ලොකු වැඩක් කරමු.

http://images.google.lk යන්න ගිහින් මොකක් හරි search එකක් දාන්න. දැන් console එකට පහළ code එක paste කරල Enter ඔබන්න. ඔන්න magic!!! කරලම බලන්නකො screenshot දැම්මොත් අගයක් නෑ.

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; 
y3=.24; x4=300; y4=200; x5=300; y5=200; 
DI=document.getElementsByTagName("img");
DIL=DI.length; function A(){for(i=0; i-DIL; i++){
DIS=DI[ i ].style; 
DIS.position='absolute'; 
DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+"px"; 
DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}
setInterval('A()',5); void(0);

http://isuruprabath.wordpress.com​

 

[IsPra]

මම කලින් post එකකදි JavaScript ගැන හැදින්විමක් දුන්නා. ඉතින් මම පොරොන්දු උනානෙ මේ post එකේ ඉදන් පිලිවෙලට JavaScript උගන්වන්න පටන්ගන්නවා කියල ඔන්න අපි එහෙනම් වැඩේ පටන්ගමු. ඊට කලින් පොඩි උපදෙස් ටිකක් දෙන්න තියනවා.

(1) JavaScript කියන්නෙ Case-Sensative භාෂාවක්. ඒ කියන්නෙ අපි CAPITAL simple ගැන හොඳ අවදානයකින් ඉන්න ඔනෙ.
(2) Programming කියන්නෙ ගිරවා දාලා ගොඩයන්න පුලුවන් දෙයක් නෙවෙයි. Practice එකෙන් තමයි මතක තියාගන්න ඕනෙ. ඒක නිසා මම පහළ දෙන හැම code එකක්ම test කරල බලන්න.
(3) එක පාඩමක් තෙරුම් ගන්න අමාරුනම් ඒක skip කරලා ඉස්සරහට යන්න හිතන්නවත් එපා. මගදි හිරවෙයි. නැවත නැවත කියවන්න. code වෙනස් කරකර try කරන්න. Google කරල බලන්න.
(4) කරන දෙයට කැමත්තකින් කරන්න JavaScript විතරක් නෙවෙයි ඕනම දෙයක් කැමත්තක් ඇතිව කරොත් සාර්ථකත්වයට ළංවෙන්න ලේසියි.


Syntax (කාරක නීති)

ඕනම භාෂාවක් පාවිච්චි කරද්දි එම භාෂාවට ආවේනික වෙච්ච නීති තියනව. ඒවට තමයි අපි භාෂාවේ ව්‍යාකරණ (Grammar) කියන්නෙ. පරිගණක භාෂාවලදීත් යම් නීති පද්ධතියක් තියනවා. මෙන්න මේ නීතිවලින් තමයි කියන්නෙ කොහොමද අපි යම් යම් සංකේත හා වචන යොදාගෙන program එකක් ලියන්නෙ කියලා. මේකත් අපි සිංහල භාෂාවෙන් අර්ථවත් වාක්‍යයක් ලියනවා වගේ වැඩක්. අපිට මේ syntax ඉගෙනගන්න වෙන්නෙ practice එකත් එක්ක මුල් කාලෙදී අතපසුවීම් වෙන්න පුලුවන්. ඒ වැරදි හදාගෙන ඉස්සරහට යද්දි අපි නොදැනීම syntax ඉගෙනගනීවි.

Comments (අදහස්)

x = 3; //This is fNum
y = 5; //This is sNum
z = x+y; //This is answer

(console එකේ type කරද්දි එක statement එකක් ලියල අනික ලියන්න පහලට යද්දි Shift + Enter ඔබන්න.)

ඉහත කේත කොටසේ // සළකුනින් පසුව එන වාක්‍ය කොටස තමයි comment එකක් කියන්නෙ. comment එකකින් වෙන්නෙ එම කේත කොටස ගැන විස්තරයක් ලබාදීම මේක අනිවාර්යය නෑ. නමුත් අපි ලොකු project එකක් කරද්දි comments දාන්න ඕනෙ. මොකද? අපි වැඩේ එක දවසින් ඉවරකරන්නෙ නෑනෙ. අපිටම අපි ඊයේ මොකක්ද ලිව්වෙ කියලා අද මතක නැතිවෙන්න පුලුවන්. දවස් ගානකට පස්සෙ බලුවොත් එක පාරටම තේරුම් ගන්න අමාරුවෙන්න පුලුවන්. දෙතුන් දෙනෙක් එකට වැඩකරනවනම් මම ලියපු code එක අනිත් කෙනාට තෙරුම් ගන්න පුලුවන් වෙන්න comment කරන්න ඕනෙ.
මේ comments browser එක මගහැරල යනවා ඒක නිසා comment එකේ අන්තර්ගතය පිලිබඳ නීතියක් නෑ තමන් කැමති විදියකට comment කරන්න පුලුවන්.
Comments වර්ග 2යි.

1) Single-line Comments
2) Multi-line Comments

//This is a Single-Line Comment.

/*This is
a Multi-Line
Comment */

Data Types (දත්ත ආකාර)

JavaScript වලදි data types 3ක් තියනවා.

Numbers
Strings
Booleans
Numbers කියන්නෙ Numbers වලට

තේරුම් කරන්න දෙයක් නෑ. ඔයාගෙ වයස, උස, බර, මෙන්න මේවගේ ඉලක්කම් වලින් කියන්න පුලුවන් data තමයි මේ Numbers කියන data type එක. හරි ලේසියි.



Strings කියන්නෙ අකුරු වලින් කියන දේවල් ඔයාගෙ නම, email address එක වගේ දේවල් තමයි මේ Strings කියන්නෙ.

“My name is Isuru Prabath” – මෙන්න String එකක්.



එතකොට Booleans කියන්නෙ true or false කියන දෙක. හරිද? වැරදිද?

අපි ඊළඟ පාඩමෙන් මේ ගැන තව ඉස්සරහට කතා කරමු. අදට මේ ඇති.

ආයුබෝවන් ළමයි!​

http://isuruprabath.wordpress.com​