සටහන: මෙම ලිපිය සුරේන් ඩයස්ගේ Javascript Basics බ්ලොග් ලිපියෙහි සිංහල පරිවර්තනයකි.
මෙමෙ ලිපිය ඔබට Javascript පිළිබද මූලික අවබෝධයක් ලබාගැනීම සදහා වන පුළුල් මාර්ගෝපදේශයකි.
Javascript යනු වෙබ් අඩවි හැසිරවිය හැකි ආකාරය තීරණය කිරීමට භාවිතා කරන භාෂාවක්.
ලක්ෂණ
ජාවා ස්ක්රිප්ට් එකක් ගතික ලෙස ටයිප් කර ඇති කේත රචනයකි.
‘ජාවා’ භාෂා නාමය තුළ පවතින බැවින් එය අපට අභිරහසක්.
javascriptආයතනයේ නිර්මාතෘ ජාවා බීම වර්ග භුක්ති වින්ඳා, javascriptනාමකරණය කිරීමේදී මෙය වැරදිකරුවෙකු බවට අපි සමපේක්ෂණය කරමු.
javascriptක්රමලේඛයේ භාෂාව ජාවා සමග පැහැදිලි සම්බන්ධයක් නැත.
භාවිතය
මූලික වෙබ් සංවර්ධනය සඳහා HTML සහ CSS සමඟ javascriptභාවිතා වේ.
Photo Credit: W3Schools
ඊට අමතරව, එය බලගතු පුස්තකාල විශාල පරාසයක් ඇත (උදාහරණ: jQuery, D3, React, ආදිය) සහ සංවර්ධන තොග (උදාහරණ: MEAN).
මෙම ලිපියේ ලිපිය ලියන විට, javascriptලෝකයේ වඩාත්ම භාවිතා කරන භාෂා වැඩසටහන් වල වේ.
Syntax
Photo Credit: W3Schools
Javascript, literals සහ variables භාවිතා කරයි.
ඉලක්කම් යනු අංක සහ Strings.
අංක = 0, 1, 2, 3, 4, 5, 6, 7, 8, 9
String = ABCDEFGHIJKLMNOPQRSTUVWXYZ
විචල්යයන් වන්නේ මූල පදය සහ ක්රියාකරුවන් භාවිතා කරන ලද අගයයන් සංඛ්යා සහ Strings. මූලිකව ‘var’ සහ ‘operator’ = ‘සාමාන්යයෙන් විචල්යයන්ට අගයන් නියම කිරීම සඳහා යොදා ගනී.
ප්රකාශන ඉහත සඳහන් සංයෝජනයන් (combinations )වේ.
ප්රකාශන (Statements)
ජාවා ස්ක්රිප්ට් හි ප්රකාශයන් අවසානයේදී අර්ධ විවරණයක් සහිතව අවසන් වේ.
සටහන: ජාවා ස්ක්රිප්චනය සුදු පාට නොතකා හරින භාෂාවකි. මෙයින් අදහස් කරන්නේ ‘hello’ වගේ දෙයක් ලිවීමට සුදුසු බවයි.
Photo Credit: W3Schools
Operators
javascriptවල සම්මත ක්රියාකරුවන් වන්නේ:
= වටිනාකමක් නියම කිරීම සඳහා භාවිතා කරනු ලැබේ.
== එක් වටිනාකමක් ප්රකාශ කිරීම සඳහා භාවිතා කරනු ලබන අතර එය තවත් වටිනාකමක් වේ.
එක් වටිනාකමක් ප්රකාශ කිරීම සඳහා භාවිතා කරනු ලබන තවත් වටිනාකමක් වන්නේ “තවත් අගය” ට වඩා අඩුය.
> එක් අගයක් ප්රකාශ කිරීම සඳහා භාවිතා වන තවත් වටිනාකමක් තවත් අගය.
<= = එක් අගයක් ප්රකාශ කිරීම සඳහා භාවිතා කරනු ලබන අතර එය වෙනත් අගයයක් ‘අඩු හෝ සමාන වේ.’
> = එක් අගය ප්රකාශ කිරීම සඳහා භාවිතා කරනු ලබන තවත් අගය වන්නේ ‘තවත් හෝ ඊට වැඩි අගයක්’.
| “OR” සංසන්දනය සඳහා භාවිතා වේ.
Photo Credit: W3Schools
කාර්යයන්
Functions javascriptතුල බොහොම විනෝද දේවල් කිරීමට ඔබට උපකාර කරයි.
මූලාවයව ‘කාර්යය’ යනු ශ්රිතයක් අර්ථ දැක්වීම සඳහා ය.
ශ්රිතයේ පියවරක් කැටයම් සඟල ඇතුළත පිහිටා ඇත
ශ්රිතයේ පියවරයන් සාමුහිකව හැඳින්වෙන ඇල්ගොරිතම ලෙස හැඳින්වේ.
Methods
javascriptහි වස්තු ජාවාරම් කිරීමට ඔබට ක්රමවේදයක් ඇත.
අංක හා නූල් වලට ක්රම යොදා ගත හැකිය.
සංඛ්යා සඳහා පොදු ක්රම:
1) අගයOf ()
2) සමාලෝචනය ()
3) parseFloat ()
4) අංකය ()
5) toString ()
ග්රන්ථ සඳහා Commons Methods
1) සෙවීම ()
2) පෙති ()
3) ආදේශ කරන්න ()
4) toUpperCase ()
5) toLowerCase ()
සටහන: ආයාම සඳහා ක්රම ද යොදා ගනී. අනාගත මගපෙන්වන්නකු ලෙස අපි පරීක්ෂා කරමු.
JSON යනු කුමක්ද?
JSON යනු සේවාදායකයෙක් සහ සේවාදායකයෙක් අතර තොරතුරු හුවමාරු කිරීම සඳහා වන ගොනු ආකෘතියකි. javascriptසර්වර් වෙත තොරතුරු ලබා ගත හැකි වන පරිදි JSON බවට පරිවර්ථනය කළ හැකිය.
JSON.stringify () මඟින් සේවාදායකයකට සේවාදායකයකට තොරතුරු යැවිය හැක
JSON.parse () විධික්රමය භාවිතා කර සේවාදායකයකුගෙන් සේවාදායකයෙකුට තොරතුරු ලබා ගත හැක
AJAX යනු කුමක්ද?
AJAX යනු අසමමිතික javascriptසහ XML සඳහා සංකේතයකි. පිටුව නැවත පුරවා රහිතව වෙබ් අඩවි යාවත්කාලීන කිරීමට ඉඩ සලසයි. විවිධාකාර වේදිකාවල AJAX විසින් විවිධාකාර වේදිකා සකසා ඇත.
Libraries සහ Frameworks මොනවාදැයි ඉගෙන ගත යුතු?
Libraries for beginners:
1) React
2) Material-UI (for React)
3) jQuery
4) D3js
Frameworks :
ඔබ ආරම්භකයකු නම් ජාවාස්ක්රිප් Frameworks ඉගෙන නොගන්න.
ඔබ ඔබගේ ජාවා ශ්න අවශ තාවය අතර මැවුමක නම්, ෙකෝණික ඉගෙන ගැනීමට නිර්ෙද්ශ කරමු.
මෙම මාතෘකාව අනාගත බ්ලොග් ලිපි වල මෙම මාතෘකාව ආවරණය කරනු ඇත.
Javascript සහ ජංගම සංවර්ධනය
සමහර තාක්ෂණයන් මඟින් javascriptභාවිතයෙන් ජංගම යෙදුම් නිර්මාණය කිරීමට පරිශීලකයින්ට අවසර දෙයි. මෙම උදාහරණ දෙක නම් ප්රතික්රියාශීලී ස්වදේශීය සහ ස්වභාව ධර්මයකි. අනාගත ලිපියක javascriptභාවිතයෙන් ජංගම සංවර්ධනයක් අපි ආවරණය කරමු.
සාරාංශය
javascriptබොහෝ වෙබ් යෙදුම් වල කේන්ද්රීය වේ. එය නම්යශීලී, බලසම්පන්න සහ විනෝදජනක වැඩසටහන්කරණ භාෂාවකි. සියලුම වැඩසටහන්කරුවන් javascriptඉගෙන ගන්නා ලෙස ප්රායෝගික සහ විනෝදාස්වාද කටයුතු සඳහා අපි නිර්දේශ කරමු.
ඉක්මන් ඉල්ලීමක්
මෙම blog post එක ඔබටත් ඔබේ යහලුවන්ටත් ප්රයෝජනවත්වේ යැයි සිතනවානම් මෙය සමාජ ජාලයන් ඔස්සේ බෙදා හරින්න.
ඔබ යම් මාතෘකාවක් ගැන ලිවීමට කැමති නම් ඕනෑම අවස්ථාවක අප හා සම්බන්ධ වන්න.
යොමුව
- JavaScript Tutorial. (2018). Retrieved September 20, 2018, from https://www.w3schools.com/js/
- Merril, R. (2018, September 19). JavaScript Basics – JavaScript for Beginners. Retrieved September 20, 2018, from https://www.udemy.com/javascript-the-basics-for-beginners/
- Javascript Tutorial. (2018). Retrieved September 20, 2018, from https://www.tutorialspoint.com/javascript/
- Cleve, J. V., & Parkes, J. (2018). Intro to JavaScript. Retrieved September 20, 2018, from https://www.udacity.com/course/intro-to-javascript–ud803
- Pesquet, B., Reese, E., & Cox, A. (2018). Introduction to programming. Retrieved September 20, 2018, from https://openclassrooms.com/en/courses/3523231-learn-to-code-with-javascript/3673541-introduction-to-programming