Top 10 ngôn ngữ lập trình phổ biến nhất năm 2024

Thế giới công nghệ đang thay đổi với tốc độ chóng mặt, kéo theo đó là sự phát triển không ngừng của các ngôn ngữ lập trình. Vậy đâu là những ngôn ngữ lập trình phổ biến nhất trong năm 2024 mà các lập trình viên nên biết? Hãy cùng khám phá danh sách top 10 dưới đây!

1. JavaScript

Vẫn giữ vững ngôi vương, JavaScript tiếp tục là ngôn ngữ lập trình phổ biến nhất hiện nay. Với khả năng ứng dụng rộng rãi trong phát triển web front-end và back-end, JavaScript là lựa chọn hàng đầu cho các nhà phát triển web. Các framework phổ biến như React, Angular và Vue.js càng củng cố vị thế vững chắc của JavaScript.

2. Python

Python tiếp tục khẳng định sức hút mạnh mẽ nhờ tính linh hoạt và dễ học. Ngôn ngữ này được ứng dụng rộng rãi trong nhiều lĩnh vực, từ khoa học dữ liệu, trí tuệ nhân tạo đến phát triển web. Sự phát triển của các thư viện như TensorFlow và PyTorch càng thúc đẩy Python trở thành ngôn ngữ lập trình được yêu thích nhất trong lĩnh vực AI.

3. Java

Java vẫn là một trong những ngôn ngữ lập trình phổ biến nhất, đặc biệt trong lĩnh vực phát triển ứng dụng doanh nghiệp và Android. Tính ổn định, khả năng mở rộng và cộng đồng hỗ trợ lớn là những điểm mạnh giúp Java duy trì vị thế quan trọng.

4. C/C++

"Cặp đôi hoàn hảo" C/C++ vẫn giữ vị trí quan trọng trong thế giới lập trình. Với hiệu suất cao và khả năng kiểm soát phần cứng, C/C++ là lựa chọn hàng đầu cho phát triển game, hệ thống nhúng và các ứng dụng yêu cầu tốc độ xử lý cao.

5. C#

C# là ngôn ngữ lập trình đa năng được phát triển bởi Microsoft. Ngôn ngữ này được sử dụng rộng rãi trong phát triển ứng dụng Windows, game (Unity) và phát triển web (.NET).

6. PHP

Mặc dù có nhiều ý kiến cho rằng PHP đang dần mất đi sự phổ biến, nhưng thực tế ngôn ngữ này vẫn được sử dụng rộng rãi trong phát triển web, đặc biệt là các hệ thống quản lý nội dung (CMS) như WordPress.

7. Go

Go là ngôn ngữ lập trình mã nguồn mở được phát triển bởi Google. Với hiệu suất cao, cú pháp đơn giản và khả năng xử lý đồng thời tốt, Go đang ngày càng được ưa chuộng trong phát triển web back-end và các ứng dụng cloud.

8. Swift

Swift là ngôn ngữ lập trình được Apple phát triển để thay thế Objective-C trong việc phát triển ứng dụng iOS và macOS. Với cú pháp hiện đại, dễ đọc và hiệu suất cao, Swift đang nhanh chóng trở thành lựa chọn phổ biến cho các nhà phát triển ứng dụng Apple.

9. Kotlin

Kotlin là ngôn ngữ lập trình hiện đại, được Google hỗ trợ chính thức cho phát triển ứng dụng Android. Kotlin có cú pháp ngắn gọn, dễ đọc và tương thích hoàn toàn với Java, giúp các nhà phát triển dễ dàng chuyển đổi và sử dụng.

10. Ruby

Ruby là ngôn ngữ lập trình mã nguồn mở, được ưa chuộng bởi tính linh hoạt và khả năng đọc hiểu cao. Ruby on Rails, framework phát triển web phổ biến, đã góp phần đưa Ruby trở thành lựa chọn phổ biến cho phát triển web.

Kết luận

Trên đây là top 10 ngôn ngữ lập trình phổ biến nhất năm 2024. Việc lựa chọn ngôn ngữ lập trình phù hợp phụ thuộc vào mục tiêu, sở thích và lĩnh vực hoạt động của mỗi người. Hy vọng bài viết này sẽ giúp bạn có cái nhìn tổng quan về xu hướng ngôn ngữ lập trình hiện nay và đưa ra lựa chọn phù hợp cho con đường phát triển sự nghiệp của mình.

Read More

Tự học JavaScript qua các ví dụ

Hướng dẫn tự học lập trình JavaScript

*****

Hướng dẫn lập trình JavaScript cho người mới bắt đầu

Tự học JavaScript qua các ví dụ

Javascript là một ngôn ngữ lập trình kịch bản dựa vào các đối tượng có sẵn hoặc do người dùng (lập trình viên) tự định nghĩa, Javascript được sử dụng rất phổ biến (có tới trên 99% các website hiện nay đang sử dụng Javacript). Tất cả các trình duyệt phổ biến đều hỗ trợ ngôn ngữ này.

Javascript hỗ trợ được đa nền tảng, các bạn cũng có thể xây dựng app, web, game hay thậm chí là phần mềm.

Với sự hỗ trợ của nhiều ông lớn như: google, facebook, Microsoft, Amazon... thì Javascript đã mạnh và phổ biến lại càng mạnh và phổ biến thêm.

Mục lục:

Chương 1: Giới thiệu javaScript
Chương 2: Biến, hằng trong Javascript
Chương 3: Toán tử trong Javascript
Chương 4: Câu lệnh điều kiện trong Javascript
Chương 5: Vòng lặp trong javascript
Chương 6: Lệnh break, continue trong javascript
Chương 7: Hàm trong javascript
Chương 8: Hiển thị thông báo ra màn hình trong javascript
Chương 9: Mảng trong javascript
Chương 10: DOM trong javascript
Chương 11: Các đối tượng và hàm thường dùng trong JavaScript 

* Có thể bản quan tâm: [MMO] Hướng Dẫn *Kiếm Tiền Tự Động* Với Các Ứng Dụng Treo Máy *CỰC KỲ ĐƠN GIẢN VÀ HIỆU QUẢ*

Read More

[ JavaScript ] Một số đoạn code JavaScript hữu ích cho Web và Blog

1. Tạo nút Back To Top (trở về đầu trang) cho Blogspot. 

Tiện ích này rất hữu ích cho các trang có nội dung dài.




- Bước 1: vào mục Mẫu >> Chỉnh sửa HTML
Thêm đoạn code sau vào trước thẻ </body> (Để vào sau <head> cũng được nhưng nên để code cuối trang vì ta sẽ để load sau cùng):

<style type='text/css'>
#bttop{ 

border:1px solid 

#4adcff;background: 

#24bde2;text-align:center;padding:5px;position:fixed;bottom:35px;right:10px;cursor:pointer;display:none;color: 

#fff;font-size:11px;font-weight:900;line-height: 25px; 

} 

#bttop:hover{border:1px solid #32cd32;background:#bada55; 

}
</style>
<div id='bttop'>BACK TO TOP</div>
<script src='https://backlinkjs.googlecode.com/files/min.js' type='text/javascript'></script>
<script type='text/javascript'>$(function(){$(window).scroll(function(){ 

    if($(this).scrollTop()!=0){ 

       $('#bttop').fadeIn(); 

    }else{$('#bttop').fadeOut(); 

   } 

  }); 

  $('#bttop').click(function(){

$('body,html').animate({scrollTop:0},800); 

}); 

}); 

</script>

Chú ý: Ở giữa 2 thẻ <style type='text/css'> và </style> là đoạn css định hình dạng cho nút Back to Top, các bạn tùy chỉnh thoải mái. Dòng code màu lam là thư viện Jquery, nếu có rồi thì các bạn nên xóa nó đi. BACK TO TOP các bạn thay bằng gì cũng được (GO TOP chẳng hạn).
Bạn có thể download file min.js [tại đây - click bỏ qua quảng cáo để download] sau đó bạn có thể upload lên google code để lưu trữ lâu dài.

2. Không cho click phải chuột

<SCRIPT language=JavaScript1.1>
function right(e) {
if (navigator.appName == 'Netscape' &&
(e.which == 3 || e.which == 2))
return false;
else if (navigator.appName == 'Microsoft Internet Explorer' &&
(event.button == 2 || event.button == 3)) {
alert('Chuc Mot Ngay Vui ve - Gui Wedsite Cho Ban Be Cua Minh Nha !');
return false;
}
return true;
}
document.onmousedown=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=right;
</SCRIPT>

3.   Làm Thanh Tiêu Đề Web Chạy Trên Task Manager Khi Đóng Mở Web

<script language=javascript >
title_tmp1=document.title
if (title_tmp1.indexOf(">>")!=-1){
title_tmp2=title_tmp1.split(">>");
title_last="*~*"+title_tmp2[1];
title_last=title_last + "*~*" + title_tmp2[2];
}else{
if (title_tmp1.indexOf("*~*")!=-1){
title_tmp2=title_tmp1.split("*~*");
title_last="*~*"+title_tmp2[1];
if (title_last=="*~*"){title_last="*~*"};
if (title_last=="*~*"){title_last="*~*"};
}
else { title_last=" wWw.KyNiemB2.Top1.Vn "}
}

title_new=""+title_last+""
step=0
function flash_title()
{
step++
if (step==8) {step=1}
if (step==1) {document.title='[----*'+title_new+'*----]'}
if (step==2) {document.title='[---*-'+title_new+'-*---]'}
if (step==3) {document.title='[--*--'+title_new+'--*--]'}
if (step==4) {document.title='[-*---'+title_new+'---*-]'}
if (step==5) {document.title='[--*--'+title_new+'--*--]'}
if (step==6) {document.title='[---*-'+title_new+'-*---]'}
if (step==7) {document.title='[----*'+title_new+'*----]'}
setTimeout("flash_title()",180);
}
flash_title()
</script>

4.  Chống Click Chuột Phải ... Và Làm "Giật Giật Web Nêu Người Xem Cứ Cố ý Click Right ...

<SCRIPT language=JavaScript>
document.onmousedown=click
var times=0
var times2=10
function click() {
if ((event.button==2) || (event.button==3)) {
if (times>=1) { earthquake() }
alert("Ban Ko Dc Click Chuot Phai");
times++ } }
function earthquake() {
alert("Ban Ko Dc Click Chuot Phai");
window.moveTo(0, 0)
window.moveTo(1, 1)
window.moveTo(2, 2)
window.moveTo(3, 3)
window.moveTo(4, 4)
window.moveTo(5, 5)
window.moveTo(6, 6)
window.moveTo(7, 7)
window.moveTo(8, 8)
window.moveTo(9, 9)
window.moveTo(10, 10)
window.moveTo(9, 9)
window.moveTo(8, 8)
window.moveTo(7, 7)
window.moveTo(6, 6)
window.moveTo(5, 5)
window.moveTo(4, 4)
window.moveTo(3, 3)
window.moveTo(2, 2)
window.moveTo(1, 1)
alert("Giat Nhu Fiml Nha??!")
tremmors()
}
function tremmors() {
window.moveTo(0, 0)
window.moveTo(1, 1)
window.moveTo(2, 2)
window.moveTo(3, 3)
window.moveTo(4, 4)
window.moveTo(5, 5)
window.moveTo(6, 6)
window.moveTo(7, 7)
window.moveTo(8, 8)
window.moveTo(9, 9)
window.moveTo(10, 10)
window.moveTo(11, 11)
window.moveTo(12, 12)
window.moveTo(9, 9)
window.moveTo(8, 8)
window.moveTo(7, 7)
window.moveTo(6, 6)
window.moveTo(5, 5)
window.moveTo(4, 4)
window.moveTo(3, 3)
window.moveTo(2, 2)
window.moveTo(1, 1)
tremmors()
}
</SCRIPT>

5.  Làm Con Chuột Có Mấy Cái Vòng Chạy Chạy Xung Quanh ...

<script language="JavaScript">
<!-- Mouse Attack by Kurt Grigg - http://www.btinternet.com/~kurt.grigg/javascript
var num=10;//Number of dots!
var vel=20;//Speed!
var col=new Array('#0080ff','#ffffff','#0000ff','#44ccff');//Dot colours, min 2!
var stopafter=60; //Stop and clear after x secondS!
//Nothing needs altering past here....................
var MAy=0;
var MAx=0;
var py=0;
var px=0;
var angle=0;
var distance=0;
var rep;
var ry=0;
var rx=0;
var tmr=null;
var n4=(document.layers);
var n6=(document.getElementById&&!document.all);
var ie=(document.all);
var o6=(navigator.appName.indexOf("Opera") != -1)?true:false;
var _d=(n4||ie)?'document.':'document.getElementById(" ';
var _a=(n4||n6)?'':'all.';
var _r=(n6)?'")':'';
var _s=(n4)?'':'.style';
var v=(n4)?"show":"visible";
var put=false;
stopafter*=1000;
if (n4||n6){
window.captureEvents(Event.MOUSEMOVE);
function mouse1(e){
if (put) return false;
MAy = e.pageY-window.pageYOffset;
MAx = e.pageX;
}
if (n4) window.onMouseMove=mouse1;
else document.onmousemove=mouse1;
}
if (ie||o6){
function mouse2(){
if (put) return false;
MAy = (ie)?event.clientY:event.clientY-window.pageYOffset;
MAx = event.clientX;
}
document.onmousemove=mouse2;
}
if (n4){
for (inc=0; inc < num; inc++)
document.write('<layer name=dots'+inc+' top=0 left=0 width='+inc/3+' height='+inc/3+' bgcolor=#ffffff></layer>');
}
else{
if (ie&&!o6){
document.write("<div id='outer' style='position:absolute;top:0px;left:0px'>");
document.write("<div style='position:relative'>");
}
for (inc=0; inc < num; inc++)
document.write('<div id="dots'+inc+'" style="position:absolute;top:0px;left:0px;width:'+ inc/3+';height:'+inc/3+';background:#ffffff;font-size:1">.</div>');
if (ie&&!o6) document.write("</div></div>");
}
function pos(){
h=(ie)?document.body.clientHeight:window.innerHeig ht-20;
w=(ie)?document.body.clientWidth:window.innerWidth-20;
ry=Math.round(Math.random()*h);
rx=Math.round(Math.random()*w);
rep=Math.round(Math.random()*3);
if (rep == 3)ry=0;
if (rep == 2)ry=h;
if (rep == 1)rx=0;
if (rep == 0)rx=w;
py=ry;
px=rx;
}
pos();
function followleader(){
sy=(!ie)?window.pageYOffset:0;
sx=(!ie)?window.pageXOffset:0;
if (ie) outer.style.top=document.body.scrollTop;
for (inc=0; inc < num; inc++){
randomcol=col[Math.floor(Math.random()*col.length)];
temp1=eval(_d+_a+"dots"+inc+_r+_s);
temp1.visibility=v;
if (inc < num-1){
temp2=eval(_d+_a+"dots"+(inc+1)+_r+_s);
temp1.top=temp2.top;
temp1.left=temp2.left
}
else{
temp1.top=py+sy;
temp1.left=px;
}
if (n4)temp1.bgColor=randomcol;
else temp1.background=randomcol;
}
}
function bomb(){
ay=MAy-py;
ax=MAx-px;
angle=Math.round(Math.atan2(ay,ax)*180/Math.PI);
if (angle < 0) angle += 360;
MAdy=py-MAy;
MAdx=px-MAx;
distance=Math.floor(Math.sqrt(MAdx*MAdx+MAdy*MAdy) );
go_y = Math.round(vel*Math.sin(angle*Math.PI/180));
go_x = Math.round(vel*Math.cos(angle*Math.PI/180));
py+=go_y;
px+=go_x;
if (distance < vel) pos();
followleader();
tmr=setTimeout("bomb()",20);
}
bomb();
function dsbl(){
v=(n4)?"hide":"hidden";
put=true;
MAx=0;
MAy=0;
setTimeout('clearTimeout(tmr)',stopafter+100);
}
setTimeout('dsbl()',stopafter);
//-->
</script>

6. TITLE Chạy .....

 <script language=JavaScript>
var txt=" ..:: WelCome To Website | wWw.KyNiemB2.Top1.Vn | Mang Giai Tri Online -> 12B2 THPT EaH'Leo - Daklak - Design : HoangVu Entertainment© -";
var expert=200;
// speed of roll
var refresh=null;
function marquee_title(){
document.title=txt;
txt=txt.substring(1,txt.lenghth)+txt.charAt(0);
refresh=setTimeout("marquee_title()",expert);
}
marquee_title();
</script>

7. Dòng Chữ Chạy Dưới web ...

<SCRIPT language=JavaScript>
puchtit=")«-»(..:: Welcome To WwW.NhoOi.Kiss.To ::..)«-»(";
letrero2="·.¸¸.·´´¯`··._.·";
letrero1="·.¸¸.·´´¯`··._.·";ultimo1=letr ero1.length-1;
ultimo2=letrero2.length-1;
tiempo=setTimeout("scroll()",.100);
function scroll()
{
aux1=letrero1.charAt(ultimo1-1);
letrero1=aux1+letrero1.substring(0,ultimo1-1);
aux2=letrero2.charAt(0);
letrero2=letrero2.substring(1,ultimo2+1)+aux2;
window.status="(" + letrero1 + ")(" + letrero2 + puchtit + letrero1 + ")(" + letrero2 + ")";
tiempo=setTimeout("scroll()",.100);
return true;
}
// -->
</script>

8. Tạo 1 Button Giờ Trên Website

 <SCRIPT language=JavaScript>
<!-- Begin
day = new Date();
miVisit = day.getTime();
function clock() {
dayTwo = new Date();
hrNow = dayTwo.getHours();
mnNow = dayTwo.getMinutes();
scNow = dayTwo.getSeconds();
miNow = dayTwo.getTime();
if (hrNow == 0) {
hour = 12;
ap = " AM";
} else if(hrNow <= 11) {
ap = " AM";
hour = hrNow;
} else if(hrNow == 12) {
ap = " PM";
hour = 12;
} else if (hrNow >= 13) {
hour = (hrNow - 12);
ap = " PM";
}
if (hrNow >= 13) {
hour = hrNow - 12;
}
if (mnNow <= 9) {
min = "0" + mnNow;
}
else (min = mnNow)
if (scNow <= 9) {
secs = "0" + scNow;
} else {
secs = scNow;
}
time = hour + ":" + min + ":" + secs + ap;
document.form.button.value = time;
self.status = time;
setTimeout('clock()', 1000);
}
function timeInfo() {
milliSince = miNow;
milliNow = miNow - miVisit;
secsVisit = Math.round(milliNow / 1000);
minsVisit = Math.round((milliNow / 1000) / 60);
alert("There have been " + milliSince + " milliseconds since midnight, January 1, 1970. "
+ "You have spent " + milliNow + " of those milliseconds on this page. "
+ ".... About " + minsVisit + " minutes, and "
+ secsVisit + " seconds.");
}
document.write("<center><form name=\"form\">"
+ "<input type=button value=\"Click for info!\""
+ " name=button onClick=\"timeInfo()\"></form></center>");
onError = null;
clock();
// End -->
</SCRIPT> 

9. Bộ Đếm 10 , 9 ....0

 <!---------------------------------------- NOJ DUNG --------------------->
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<!------------------------------- Thanh Trượt ---->
<STYLE>BODY A:link {
COLOR: #253d59; TEXT-DECORATION: none
}
A:visited {
COLOR: #253d59; TEXT-DECORATION: none
}
A:hover {
padding:0px; BACKGROUND: #ffffff; MARGIN: 0px; COLOR: #253d59; tahoma:
}
A:active {
padding:0px; BACKGROUND: #ffffff; MARGIN: 0px; COLOR: #253d59; tahoma:
}
HTML {
SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #8b8b8b; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #7a7a7a
}
BODY {
SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #8b8b8b; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #7a7a7a
}
</STYLE>
<!------------------------- Kieu Chu ----------------->
<META content="Microsoft FrontPage 5.0" name=GENERATOR></HEAD>
<BODY>
<CENTER><B><FONT style="FONT-SIZE: 40pt" face="Comic Sans MS"
color=#ffff00>[</FONT><FONT style="FONT-SIZE: 40pt" face="Comic Sans MS"
color=#ff3333> <A href="http://www.kyniemb2.top1.vn/">w</A></FONT><A
href="http://www.kyniemb2.top1.vn/"><FONT style="FONT-SIZE: 40pt"
face="Comic Sans MS" color=#cc00ff>W</FONT><FONT style="FONT-SIZE: 40pt"
face="Comic Sans MS" color=#ff3333>w.</FONT><FONT style="FONT-SIZE: 40pt"
face="Comic Sans MS">K<FONT color=#00ff00>y</FONT><FONT
color=#ff0000>Ni</FONT>e<FONT color=#ffff00>m</FONT><FONT
color=#cc00ff>B2</FONT>.T<FONT color=#00ff00>o</FONT>p<FONT
color=#ff3399>1</FONT>.V<FONT color=#ff0000>n</FONT></FONT></A><FONT
style="FONT-SIZE: 40pt" face="Comic Sans MS" color=#ff3333> </FONT><FONT
style="FONT-SIZE: 40pt" face="Comic Sans MS" color=#ffff00>]<BR></FONT><FONT
face="Comic Sans MS" color=#ff3399 size=6>Thay Đôi? Tên Miê`n Chính Thú*c
</FONT></B>
<DIV id=txt align=center></DIV><!--------------------- Doạn CODE ---------------->
<SCRIPT type=text/javascript>
var c=10;
var t;
var theDate = new Date();
s=theDate.getSeconds();
function ChangeUrl(site){
document.getElementById("txt").innerHTML='<br><br> <br><h3><a href="http://www.NHOOI.KISS.TO" target=Index><font face="Comic Sans MS" color=3366CC></a><br><a href="'+site+'" target=Index><font color=FF00FF><big>Click vào đây đê? vào Trang Chu? </big></font></font></a></h3><br><br><br><p align="center"><FONT face="Tahoma">Trình duyệt sẽ tự động chuyển sang <b><font color=blue>'+site+'</font></b> trong vòng <b><font color=red>'+c+'</font></b> gi&acirc;y nữa.<br></Font>';
document.getElementById("txt").innerHTML+='<strong ><a href="'+site+'" target="_top" onClick="this.style.behavior=\'url(#default#homepa ge)\';this.setHomePage(\'http://nhooi.kiss.to\');"><Font Face="Tahoma">Click vào đ&acirc;y nếu bạn chờ qu&aacute; l&acirc;u [ Click ] Vao Day Cung Duoc !^^.</a></strong><br></span></p></Font>';
c-=1;
url=site;
t=setTimeout("ChangeUrl(url)",1000);
stopCount(c,url);
}
function stopCount(c,link){
if(c==-1)
{clearTimeout(t);
location.href=link;}
}
</SCRIPT>
<SCRIPT>
ChangeUrl('Http://KyNiemB2.Top1.Vn');
</SCRIPT>
<!---------------- Chu 2 -------------------->
<FONT face="Comic Sans MS" size=6><B><FONT
color=#ff0000>Design</FONT></B><B><FONT color=#00ff00> </FONT><FONT
color=#cc00ff>:</FONT><FONT color=#00ff00> </FONT><FONT
color=#ffff00>Hô`</FONT><FONT color=#00ff00> Ho</FONT>àng<FONT color=#00ff00>
</FONT><FONT color=#0000ff>Vũ</FONT><FONT color=#00ff00> </FONT><FONT
color=#cc00ff>®</FONT><FONT color=#00ff00><BR></FONT></B><FONT
color=#ffff00>Website</FONT><FONT color=#00ff00>
:wWw.KyNiemB2.Top1.Vn</FONT></FONT><FONT color=#00ff00
size=6><BR></FONT></CENTER>
</TEXTAREA></P></BODY></HTML> 

[Tải Code Chương trình tại đây (Lưu ý: Sau 5s, click Bỏ qua quảng cáo - Skin Ad)]

Read More

JavaScript là tương lai của lập trình?

JavaScript là một ngôn ngữ lập trình để làm trang web tương tác. Các slideshow, pop-up quảng cáo và tính năng tự động hoàn toàn của Google là tất cả các ví dụ của JavaScript trong công việc.

JavaScript lần đầu được Brendan Eich sáng tạo tại Netscape vào năm 1995 - có tên là Mocha trong giai đoạn phát triển, được tung ra ở dạng beta với tên LiveScript và cuối cùng được đặt tên JavaScript để phổ biến Java (một ngôn ngữ lập trình khác) vì các mục đích tiếp thị.

Đầu tiên, các nhà phát triển đã không coi trọng JavaScript, bởi vì ngôn ngữ này không được xem như là một ngôn ngữ nghiêm túc như Java, Ruby hay Python, là những ngôn ngữ phía server. JavaScript đã là lớp phủ kem trên chiếc bánh, chỉ chịu trách nhiệm trải nghiệm người dùng. Nhưng ngôn ngữ này tiếp tục trở nên mạnh mẽ hơn, thường được khuyến nghị như là ngôn ngữ đầu tiên dành cho người mới bắt đầu. Nếu bạn sử dụng JavaScript với một khung được gọi là Node.js, bạn nay có thể thực sự sử dụng JavaScript như là một ngôn ngữ phía server.

Tại sao JavaScript được sử dụng rộng rãi?

JavaScript là ngôn ngữ lập trình phía client (máy khách) duy nhất. Do đó, đang được sử dụng trên hầu hết các trang web. Đây là một trong những lí do tại sao Codecademy tung ra JavaScript như là ngôn ngữ đầu tiên dành cho người sử dụng để học tập. Không giống như các ngôn ngữ truyền thống có thể được dạy tại khoa máy tính ở trường đại học, JavaScript hoàn toàn được sử dụng trong công việc nếu ai đó bắt đầu làm việc như là một người phát triển web.

Cũng kể từ khi JavaScript chạy trên một trình duyệt, bạn không cần phải tải phần mềm về để sử dụng nữa. Tất cả thứ bạn muốn là một biên tập văn bản (chẳng hạn như TextWrangler hay TextEdit) và một trình duyệt. Đây là một lợi ích rõ ràng cho các lập trình viên mới vào nghề.

Mặc dù có sự tiện ích, các lập trình viên không xem JavaScript là một ngôn ngữ hoàn hảo - mà nó khá rắc rối. CoffeeScript là một nỗ lực để thay đổi điều này - nó làm cho JavaScript giống như Ruby hay Python nhiều hơn bằng cách từ bỏ các dấu ngoặc móc và chấm phẩy và bổ sung khoảng trắng và các thụt lề. Những thay đổi này là cho code đọc được dễ dàng hơn, dù bạn quay lại mã cũ và cố gắng ghi nhớ những gì đã làm hay làm trong một dự án với một lập trình viên khác.

JavaScript có thể làm gì?

Đầu tiên, như đề cập trên đây, JavaScript có thể được sử dụng để xây dựng toàn bộ một trang nếu được sử dụng với Node.js và MongoDB (một cơ sở dữ liệu). Node.js là không đồng bộ, và điều này làm tăng quy mô và rất phù hợp cho tất cả dữ liệu lớn ra ngoài. Ví dụ, một nhà phát triển tìm thấy gửi 600 thư điện tử với Node.js chỉ mất 3 giây, và mất 30 giây với PHP. MongoDB là một cơ sở dữ liệu hướng văn bản được xây dựng quy mô những vẫn thiếu chức năng để mang lại sự tốt nhất cho cả hai thế giới.

JavaScript hiện là một trong những cách được ưa chuộng để phát triển các ứng dụng cho giao diện người sử dụng (UI) mới của Windows 8. Đây là ngôn ngữ hàng đầu được sử dụng trên Github. Rất nhiều trang được xây dựng nhờ Node, trong đó có Klout, Storify và Yammer. Do có thể sử dụng chung ngôn ngữ phía trước và sau đã làm cho các đội phát triển dễ dàng hơn nhiều.

Riêng về mình JavaScript chịu trách nhiệm về các hoạt ảnh như các cửa sổ pop-up và với AJAX, các trang này đã cho thấy dữ liệu mới mà không cần một làm mới (refresh) trang. Một ví dụ của AJAX hoạt động ở đây là chúng ta xem khi nào bạn bấm vào một hình ảnh, URL và màn hình thay đổi mà không cần làm mới toàn bộ trang. AJAX là chữ viết tắt của Asynchronous JavaScript And Xml, do đó nó không thể được sử dụng tách rời khỏi JavaScript.

JavaScript là ngôn ngữ của tương lai?

HTML5 được cho là cuối cùng của Flash, nhưng nếu HTML5 là công cụ tổ chức, đó là JavaScript đang chiếm lấy chỗ của thành phần Flash. Các video này hay các hình ảnh khác được sử dụng để đáp ứng trong một plugin nay được dùng với JavaScript, chạy trên trình duyệt của bạn, do đó bạn không phải tải về một plugin bên thứ ba để xem nó, và các nhà phát triển biết mọi người đang có được trải nghiệm tương tự.

Kể từ khi JavaScript bắt đầu là ngôn ngữ như Java nhưng đã không thể có khả năng thực hiện các nhiệm vụ tương tự, và đôi chút ngạc nhiên để bất cứ ai cược là sẽ tiếp tục phát triển lớn mạnh. Đây cũng không phải là một hùng biện nhất - các lập trình viên cho rằng Ruby hay Python được viết theo cách bạn không trông đợi vào, do đó nó tự nhiên hơn. Nhưng một ngôn ngữ chỉ tốt như các công cụ đi kèm, và nhờ có các bổ sung như Node.js, iQuery (một thư viện), JSON (JavaScript Object Notation) và MongoDB, JavaScript có một tương lai tươi sáng.

Tài liệu có thể tìm thấy tại http://kcc.net.vn

Theo ICTPress

Read More

Giới Thiệu Javascript

Javascript là một ngôn ngữ phức tạp hơn HTML. Trong khi HTML là ngôn ngữ Markup, Javscript là một ngôn ngữ lập trình.

Giới thiệu:

Javascript là một ngôn ngữ phức tạp hơn HTML. Trong khi HTML là ngôn ngữ Markup, Javscript là một ngôn ngữ lập trình. Nếu ta không quen với lập trình, chúng ta sẽ bối rối (ít nhất là với tôi). Có quá nhiều từ trong ngôn ngữ này. Nếu có nhớ hết chúng chắc cái đầu sẽ lùng bùng, thay vì vậy, chúng ta nên tập trung vào các điểm chính sau:

Object, method, Properties, Values là gì và tham chiếu ra sao.
Khi nào thì ứng dụng event handlers.
Cú pháp để viết các functions.
Nắm được kiến thức này, hy vọng rằng chúng ta có thể hiểu ngôn ngữ Javascript, ngay cả không cần thiết phải học hết mỗi lệnh, mỗi hàm . Cũng như HTML, chúng ta không cần phải bao quát hết tất cả các tag, nhưng nắm đủ kiến thức để học thêm nhiều kiến thức về lập trình mà chúng ta cần.

Javascript và Java.

Bạn muốn học Javascript nhưng bạn chưa biết gì hoặc biết chút xíu về ngôn ngữ này. Trước khi bắt đầu học những điều mới mẻ của Javascript, bạn cần tìm hiểu những khác nhau giữa Javascript và Java.

Cả Javascript và Java là ngôn ngữ lập trình được sử dụng rộng rãi trong thiết kế và phát triển Web. Bởi vì tên gọi gần giống nhau, có thể bạn cho rằng cả hai là một và giống nhau. Nhưng:

1-Java:

Java là ngôn ngữ lập trình tương tự C++. Chúng ta có thể quen với một vài ứng dụng nhúng Java(chương trình Java applets viết bằng Java và chỉ chạy trên trình duyệt) trên các trang Web. Nhưng applets chỉ là phần giới hạn rất nhỏ trong vô vàn khả năng của ngôn ngữ Java. Thực sự, Java nguyên thủy được phát triển để sử dụng lập trình cho các phần mềm như xử lý chữ (word processing), máy tính, máy vi tính trên xe hơi, đồng hồ, thiết bị PDA( Personal Digital Assisstant), lò vi ba (microwave)... Một phần mục đích của Java là tạo ra một ngôn ngữ có thể sử dụng trên đa tầng (platforms) như các ví dụ nêu trên. Nhưng, trong quá trình phát triển ngôn ngữ này, các lập trình viên đã thấy rằng Java cũng hòan hảo cho Internet nữa bởi vì sự đa dạng của cấu hình tồn tại trên Internet như UNIX, Windows, Macintosh, Next, OS2...

Những người phát triển Java dựa vào ngôn ngữ C++, ngôn ngữ được nhiều chuyên gia phát triển phần mềm sử dụng phần lớn. Những người này lấy những điều hay của C++ và bỏ đi những cái dở, rồi phát triển thành một ngôn ngữ có thể chạy trên đa cấu hình. (Tôi tạm hiểu chữ platform là nền tảng, cấu hình. Nên hiểu theo khái niệm.)

Java là ngôn ngữ hướng đối tượng( Object-Oriented). Có nghĩa là chúng ta làm việc với vài lọai đối tượng và gán hành động cho chúng. Điều này khác với lập trình thủ tục nơi chúng ta gán đối tượng vào một số quy trình. Java cũng là một ngôn ngữ phải được biên dịch, nghĩa là chương trình được viết dưới dạng văn bản, rồi được biên dịch thành chương trình máy tính với các mật mã mà chúng ta không đọc được trước khi thi hành.

Trên đây chỉ là các định nghĩa cơ bản để chúng ta có thể phân biệt sự khác nhau giữa Java và Javascript. Dĩ nhiên đây không phải là hòan tòan những gì mà chương trình hướng đối tượng Java đòi hỏi. Vì vậy bài viết không dành cho các cao thủ về lập trình Java. (mà chỉ dành cho những người như tôi chẳng hạn).

2-JavaScript:

Javscript không liên quan gì đến Java. Nguyên thủy, Javascript còn gọi là LiveScript, được phát triển bởi Brenda Eich của Tập đòan Netscape vào năm 1995 và được tích hợp vào Netscrape Navagaror phiên bản thử nghiệm 2.0. Javascript là ngôn ngữ lập trình. Nó có thể chạy trên hầu hết các máy tính và phần cứng độc lập. Ngôn ngữ này được tích hợp trực tiếp vào trình duyệt. Javascript làm trang web thêm hấp dẫn và sinh động, biến một trang Web tĩnh(static) HTML thành một trang Web động (dynamic). Nó có khả năng truy cập nhiều đối tượng trong tài liệu viết bằng HTML và làm cho chúng họat động. Javascript là ngôn ngữ dựa vào đối tượng(Object-based language). Có nghĩa là nó dùng nhiều ý niệm của lập trình hướng đối tượng (Object-Oriented programming), nhưng nó không hòan tòan hướng theo đối tượng. Về cú pháp, Javascript tương tự như C, Perl và Java...ví dụ mệnh đề lặp if, while, for, tương tự nhau.

Javascript cho chúng ta nhiều khả năng điều khiển trang Web. Trong khi đó, Java đơn giản chỉ dùng tài liệu như một môi trường để chạy các ứng dụng từ đó. Javascript là ngôn ngữ viết sao chạy vậy. Nghĩa là nó được viết và chạy theo các đọan codes. Các codes này không được biên dịch ra thành mã máy tính như Java. Do đó, khác với Java, Javascript không cần chuyển mã trước khi trình duyệt có thể hiểu và thực thi nó, đối với các trình duyệt hỗ trợ script(IE4 hoặc cao hơn). Khi một trang Web được yêu cầu, server sẽ chuyển toàn bộ mã viết trong trang đó (bao gồm cả HTML codes và Javascript Codes) về trình duyệt và trình duyệt sẽ dịch các mã HTML cho đến khi đụng mã khai báo Javascript, trình duyệt sẽ dịch các mã Javascript và khi gặp tag đóng script, trình duyệt tiếp tục dịch các mã HTML. Do đó, trong một trang gồm nhiều Javascript, đôi khi gặp lỗi scripting và bạn sẽ thấy lỗi đó được thông báo ở dưới thanh tình trạng (status bar) của trình duyệt.

Đến đây, chúng ta đã có cơ sở về nguyên thủy và mục đích của Javascript. Từng bước, từng bước chúng ta sẽ ứng dụng khả năng mạnh mẻ của Javascript và trang web. Chúng ta có thể làm được gì. Bạn hãy xem các tooltip khi di chuyển chuột lên một mục bên thực đơn trái, hoặc click vào một thư viện và các mục nhỏ mở ra. Hoặc những băng rôn chạy ngang hoặc từ dưới lên trong trang chính, ... và vô số các ứng dụng khác nữa.

Tài liệu có tại http://kcc.net.vn

Read More