ସମସ୍ତ ପାଠ
ମଡ୍ୟୁଲ 1
ପାଠ 1

JavaScript ପରିଚୟ

ଶିକ୍ଷଣ ଉଦ୍ଦେଶ୍ୟ
ସମୟ: 30-45 ମିନିଟ୍
  • JavaScript କ'ଣ ଏବଂ ଏହାର ଇତିହାସ ବିଷୟରେ ଜାଣିବେ
  • JavaScript ର ମୁଖ୍ୟ ବ୍ୟବହାର ଏବଂ ବୈଶିଷ୍ଟ୍ୟ ବୁଝିବେ
  • ପ୍ରଥମ JavaScript ପ୍ରୋଗ୍ରାମ ଲେଖିବେ
  • ସରଳ JavaScript କୋଡ୍ ଚଲାଇବେ ଏବଂ ଆଉଟପୁଟ୍ ଦେଖିବେ
ଆପଣଙ୍କର ପ୍ରଗତି
ପାଠ ପ୍ରଗତି0%
ପାଠ୍ୟ ସାମଗ୍ରୀ ପଢ଼ିବା
କୋଡ୍ ଉଦାହରଣ ଚଲାଇବା
ଅଭ୍ୟାସ ସମ୍ପୂର୍ଣ୍ଣ କରିବା
କ୍ୱିଜ୍ ସମ୍ପୂର୍ଣ୍ଣ କରିବା

JavaScript କ'ଣ?

JavaScript ହେଉଛି ଏକ ଉଚ୍ଚ-ସ୍ତରୀୟ, ଇଣ୍ଟରପ୍ରେଟେଡ୍ ପ୍ରୋଗ୍ରାମିଂ ଭାଷା ଯାହା ପ୍ରାଥମିକ ଭାବେ ୱେବ ଡେଭଲପମେଣ୍ଟ ପାଇଁ ବ୍ୟବହୃତ ହୁଏ। ଏହା ୱେବ ପୃଷ୍ଠାକୁ ଇଣ୍ଟରାକ୍ଟିଭ୍ କରିବା ପାଇଁ ବ୍ୟବହୃତ ହୁଏ, ଯାହା ଦ୍ୱାରା ଉପଭୋକ୍ତାମାନେ ୱେବସାଇଟ୍ ସହିତ ଇଣ୍ଟରାକ୍ଟ କରିପାରିବେ।

JavaScript ହେଉଛି ୱେବର ତିନୋଟି ମୂଳ ଟେକ୍ନୋଲୋଜି ମଧ୍ୟରୁ ଗୋଟିଏ:

  • HTML - ୱେବ ପୃଷ୍ଠାର ଷ୍ଟ୍ରକଚର ନିର୍ଧାରଣ କରେ
  • CSS - ୱେବ ପୃଷ୍ଠାର ଡିଜାଇନ ଏବଂ ଲେଆଉଟ ନିର୍ଧାରଣ କରେ
  • JavaScript - ୱେବ ପୃଷ୍ଠାର ବ୍ୟବହାର ଏବଂ ଇଣ୍ଟରାକ୍ଟିଭିଟି ନିର୍ଧାରଣ କରେ

ଆଜିକାଲି, JavaScript କେବଳ ୱେବ ବ୍ରାଉଜରରେ ନୁହେଁ, ବରଂ ସର୍ଭର-ସାଇଡ୍ (Node.js ବ୍ୟବହାର କରି), ମୋବାଇଲ୍ ଆପ୍ଲିକେସନ, ଡେସ୍କଟପ୍ ଆପ୍ଲିକେସନ, ଏବଂ ଏପରିକି IoT (Internet of Things) ଡିଭାଇସରେ ମଧ୍ୟ ବ୍ୟବହୃତ ହୁଏ।

JavaScript ର ବିଶେଷତା
ଇଣ୍ଟରପ୍ରେଟେଡ୍ ଭାଷା
ଡାଇନାମିକ ଟାଇପିଂ
ଅବଜେକ୍ଟ-ଓରିଏଣ୍ଟେଡ୍
ଇଭେଣ୍ଟ-ଡ୍ରିଭେନ୍
ଫର୍ଷ୍ଟ-କ୍ଲାସ ଫଙ୍କସନ

JavaScript ର ଇତିହାସ

1995

JavaScript ର ଜନ୍ମ

JavaScript କୁ Brendan Eich ଦ୍ୱାରା Netscape ପାଇଁ ତିଆରି କରାଯାଇଥିଲା। ପ୍ରାରମ୍ଭରେ ଏହାକୁ "Mocha" ନାମ ଦିଆଯାଇଥିଲା, ପରେ "LiveScript" ଏବଂ ଅବଶେଷରେ "JavaScript" ନାମ ଦିଆଗଲା।

1997

ECMAScript ଷ୍ଟାଣ୍ଡାର୍ଡ

JavaScript କୁ ECMA International ଦ୍ୱାରା ଷ୍ଟାଣ୍ଡାର୍ଡାଇଜ୍ କରାଗଲା ଏବଂ ECMAScript ନାମରେ ଏକ ଷ୍ଟାଣ୍ଡାର୍ଡ ପ୍ରକାଶିତ ହେଲା।

2009

Node.js ର ଆବିର୍ଭାବ

Node.js ର ଆବିର୍ଭାବ ସହିତ, JavaScript ବ୍ରାଉଜର ବାହାରେ ମଧ୍ୟ ବ୍ୟବହୃତ ହେବା ଆରମ୍ଭ କଲା, ଯାହା ଏହାକୁ ସର୍ଭର-ସାଇଡ୍ ପ୍ରୋଗ୍ରାମିଂ ପାଇଁ ବ୍ୟବହାର କରିବାକୁ ଅନୁମତି ଦେଲା।

2015

ES6 (ECMAScript 2015)

ECMAScript 2015 (ES6) ପ୍ରକାଶିତ ହେଲା, ଯାହା JavaScript ରେ ଅନେକ ନୂଆ ବୈଶିଷ୍ଟ୍ୟ ଯୋଗ କଲା ଏବଂ ଭାଷାକୁ ଅଧିକ ଶକ୍ତିଶାଳୀ କଲା।

ଆଜି

ଆଧୁନିକ JavaScript

ଆଜି, JavaScript ହେଉଛି ବିଶ୍ୱର ସବୁଠାରୁ ଲୋକପ୍ରିୟ ପ୍ରୋଗ୍ରାମିଂ ଭାଷାଗୁଡ଼ିକ ମଧ୍ୟରୁ ଗୋଟିଏ, ଏବଂ ଏହା ଫ୍ରଣ୍ଟ-ଏଣ୍ଡ ଏବଂ ବ୍ୟାକ-ଏଣ୍ଡ ଉଭୟ ଡେଭଲପମେଣ୍ଟରେ ବ୍ୟବହୃତ ହୁଏ।

JavaScript ର ବ୍ୟବହାର

ୱେବ ଡେଭଲପମେଣ୍ଟ

ୱେବସାଇଟ ଏବଂ ୱେବ ଆପ୍ଲିକେସନ ତିଆରି କରିବା ପାଇଁ JavaScript ର ବ୍ୟବହାର। ଏହା ୱେବ ପୃଷ୍ଠାକୁ ଇଣ୍ଟରାକ୍ଟିଭ୍ କରିବାରେ ସାହାଯ୍ୟ କରେ।

ସର୍ଭର-ସାଇଡ୍ ଡେଭଲପମେଣ୍ଟ

Node.js ବ୍ୟବହାର କରି ସର୍ଭର-ସାଇଡ୍ ଆପ୍ଲିକେସନ ତିଆରି କରିବା ପାଇଁ JavaScript ର ବ୍ୟବହାର।

ମୋବାଇଲ୍ ଆପ୍ ଡେଭଲପମେଣ୍ଟ

React Native ଏବଂ ଅନ୍ୟାନ୍ୟ ଫ୍ରେମୱାର୍କ ବ୍ୟବହାର କରି ମୋବାଇଲ୍ ଆପ୍ଲିକେସନ ତିଆରି କରିବା ପାଇଁ JavaScript ର ବ୍ୟବହାର।

ଡେସ୍କଟପ୍ ଆପ୍ ଡେଭଲପମେଣ୍ଟ

Electron ଫ୍ରେମୱାର୍କ ବ୍ୟବହାର କରି ଡେସ୍କଟପ୍ ଆପ୍ଲିକେସନ ତିଆରି କରିବା ପାଇଁ JavaScript ର ବ୍ୟବହାର।

ଗେମ ଡେଭଲପମେଣ୍ଟ

ୱେବ-ବେସଡ୍ ଗେମ ତିଆରି କରିବା ପାଇଁ JavaScript ର ବ୍ୟବହାର। ଏହା HTML5 Canvas ଏବଂ WebGL ବ୍ୟବହାର କରି ଇଣ୍ଟରାକ୍ଟିଭ୍ ଗେମ ତିଆରି କରିବାରେ ସାହାଯ୍ୟ କରେ।

IoT ଆପ୍ଲିକେସନ

Internet of Things (IoT) ଡିଭାଇସ ପାଇଁ ଆପ୍ଲିକେସନ ତିଆରି କରିବାରେ JavaScript ର ବ୍ୟବହାର।

ପ୍ରଥମ JavaScript ପ୍ରୋଗ୍ରାମ

ଆସନ୍ତୁ ଆମର ପ୍ରଥମ JavaScript ପ୍ରୋଗ୍ରାମ ଲେଖିବା। ନିମ୍ନରେ ଦିଆଯାଇଥିବା କୋଡ୍ ଏଡିଟରରେ, ଆପଣ JavaScript କୋଡ୍ ଲେଖିପାରିବେ ଏବଂ ଏହାକୁ ଚଲାଇପାରିବେ।

ହେଲୋ ୱାର୍ଲ୍ଡ ପ୍ରୋଗ୍ରାମ

ପ୍ରୋଗ୍ରାମିଂରେ, "ହେଲୋ ୱାର୍ଲ୍ଡ" ହେଉଛି ପ୍ରଥମ ପ୍ରୋଗ୍ରାମ ଯାହା ଆପଣ ଲେଖନ୍ତି। ଏହା ଏକ ସରଳ ପ୍ରୋଗ୍ରାମ ଯାହା କେବଳ "ହେଲୋ ୱାର୍ଲ୍ଡ" ପ୍ରିଣ୍ଟ କରେ।

JavaScript ପ୍ଲେଗ୍ରାଉଣ୍ଡ
କୋଡ୍
ଆଉଟପୁଟ୍
ଆଉଟପୁଟ୍ ଏଠାରେ ଦେଖାଯିବ... (Run your code to see results)

କୋଡ୍ ବ୍ୟାଖ୍ୟା:

  • // ଏହା ଏକ JavaScript କମେଣ୍ଟ ଅଟେ - ଏହା ଏକ କମେଣ୍ଟ, ଯାହା JavaScript ଦ୍ୱାରା ଏକ୍ସିକ୍ୟୁଟ୍ ହୁଏ ନାହିଁ।
  • console.log() - ଏହା ଏକ JavaScript ଫଙ୍କସନ ଯାହା କନସୋଲରେ ଡାଟା ପ୍ରିଣ୍ଟ କରେ।
  • "ନମସ୍କାର, ଓଡ଼ିଶା!" - ଏହା ଏକ ଷ୍ଟ୍ରିଂ, ଯାହା ଡବଲ କୋଟେସନ (" ") ମଧ୍ୟରେ ଲେଖାଯାଏ।
  • ; - ଏହା ଏକ ଷ୍ଟେଟମେଣ୍ଟ ଶେଷ କରିବା ପାଇଁ ବ୍ୟବହୃତ ହୁଏ।

ଭେରିଏବଲ ଏବଂ ସରଳ ଗଣିତ

JavaScript ରେ, ଆପଣ ଭେରିଏବଲ ବ୍ୟବହାର କରି ଡାଟା ଷ୍ଟୋର କରିପାରିବେ ଏବଂ ଗଣିତ ଅପରେସନ କରିପାରିବେ।

JavaScript ପ୍ଲେଗ୍ରାଉଣ୍ଡ
କୋଡ୍
ଆଉଟପୁଟ୍
ଆଉଟପୁଟ୍ ଏଠାରେ ଦେଖାଯିବ... (Run your code to see results)

କୋଡ୍ ବ୍ୟାଖ୍ୟା:

  • let ନାମ = "ରାଜେଶ"; - ଏହା "ନାମ" ନାମକ ଏକ ଭେରିଏବଲ ତିଆରି କରେ ଏବଂ ଏହାକୁ "ରାଜେଶ" ଭାଲ୍ୟୁ ଦିଏ।
  • let ପ୍ରଥମସଂଖ୍ୟା = 5; - ଏହା "ପ୍ରଥମସଂଖ୍ୟା" ନାମକ ଏକ ଭେରିଏବଲ ତିଆରି କରେ ଏବଂ ଏହାକୁ 5 ଭାଲ୍ୟୁ ଦିଏ।
  • let ଯୋଗଫଳ = ପ୍ରଥମସଂଖ୍ୟା + ଦ୍ୱିତୀୟସଂଖ୍ୟା; - ଏହା ଦୁଇଟି ସଂଖ୍ୟାକୁ ଯୋଗ କରେ ଏବଂ ଫଳାଫଳକୁ "ଯୋଗଫଳ" ଭେରିଏବଲରେ ଷ୍ଟୋର କରେ।

ପରବର୍ତ୍ତୀ ପଦକ୍ଷେପ

ଏହି ପାଠରେ, ଆପଣ JavaScript ର ମୂଳ ପରିଚୟ ପାଇଲେ। ପରବର୍ତ୍ତୀ ପାଠରେ, ଆମେ JavaScript ଭେରିଏବଲ ଏବଂ ଡାଟା ଟାଇପ୍ ବିଷୟରେ ଅଧିକ ଶିଖିବା।

ପରବର୍ତ୍ତୀ ପାଠ

2

ଭେରିଏବଲ ଏବଂ ଡାଟା ଟାଇପ

JavaScript ରେ ଭେରିଏବଲ ଡିକ୍ଲାରେସନ ଏବଂ ଡାଟା ଟାଇପ

ଆରମ୍ଭ କରନ୍ତୁ