Gợi ý trang web và bài tập thực hành JavaScript cơ bản cho người mới

Bạn đã “thuộc làu” lý thuyết và muốn có những bài tập thực hành JavaScript để luyện tay? Chúng mình sẽ giới thiệu những các trang web lý tưởng và một vài bài tập mẫu để bạn cải thiện kỹ năng lập trình ngay dưới đây.

1. Tại sao nên làm các bài tập thực hành JavaScript

JavaScript được biết đến là một ngôn ngữ đa nền tảng, giúp phát triển các trang web động, nâng cao trải nghiệm người dùng. Nó có thể được sử dụng cho mảng lập trình web, phát triển phần mềm và điện thoại. Nhưng vấn đề đặt ra ở đây là: “Người mới” có bắt buộc phải làm nhiều bài tập thực hành để nâng cao tay nghề hay không?

Nên làm bài tập thực hành JavaScript thường xuyên để nâng cao tư duy

Các bài tập lập trình cơ bản chắc chắn không thể làm khó bạn nếu đã nắm vững các kiến thức chuyên môn. Nhưng để trở thành một Developer tài giỏi, nhiều kinh nghiệm, đa dạng kỹ năng, bạn phải dành thời gian để giải quyết các bài tập lập trình JavaScript từ dễ đến khó.

Ngoài nâng cao tư duy, việc giải bài tập thường xuyên còn giúp bạn luyện khả năng đọc hiểu – một kỹ năng rất quan trọng của nghề lập trình viên. Chỉ cần hiểu được đề bài muốn hỏi gì, bạn sẽ có định hướng và đưa ra được cách giải quyết.

2. Gợi ý 3 trang web giúp bạn làm bài tập thực hành JavaScript

Để thực hành các bài tập lập trình trực tuyến, bạn có thể thử tham khảo những trang web dưới đây:

2.1. Coderbyte Challenges   (Coderbyte.com)

Sử dụng trang web này, dù phải trả phí $24 mỗi tháng nhưng bạn sẽ nhận được hàng nghìn bài tập JavaScript từ khó đến dễ. Ưu điểm hàng đầu của trang web này là nó có thể lưu trữ các bài tập bạn đã giải quyết. Điều này giúp bạn dễ quản lý và tạo “ham muốn” hoàn thành tất cả các bài tập của họ. Mặc khác, nếu gặp khó khăn ở bất kỳ một bài tập nào đó, trang web sẽ đưa ra một vài gợi ý giải để giúp bạn vượt qua.

2.2. NodeSchool Workshoppers  (nodeschool.io)

Nơi đây có những bài tập lập trình JavaScript hoàn toàn miễn phí để bạn học tập và nâng cao các kỹ năng. Yêu cầu để sử dụng phần mềm là bạn phải cài đặt Node.js trên chính chiếc máy tính của mình và có trình biên tập văn bản.

2.3. w3resource JavaScript Exercises  (w3resource.com/javascript-exercises/)

Đây là trang web rất quen thuộc với các Developer. Tùy theo chủ đề và độ khó, các bài tập thực hành sẽ được chia theo các cấp độ khác nhau và nó hoàn toàn miễn phí. Bạn có thể sử dụng bài tập JavaScript trên trang web này như một “kho” tài nguyên khổng lồ để nâng cao tay nghề của mình.

Trang web giải bài tập JavaScript trực tuyến

3. Một số bài tập thực hành JavaScript cơ bản

Đây là các bài tập thực hành lập trình JavaScript cơ bản có lời giải cho người mới bắt đầu:

3.1. Bài tập 1

Đề bài: Viết chương trình JavaScript để lấy ngày hiện tại. Đầu ra mong đợi: mm-dd-yyyy, mm / dd / yyyy hoặc dd-mm-yyyy, dd / mm / yyyy.

Giải:

var today = new Date();
var dd = today.getDate();

var mm = today.getMonth()+1;
var yyyy = today.getFullYear();
if(dd<10)
{
dd=’0’+dd;
}

if(mm<10)
{
mm=’0’+mm;
}
today = mm+’-‘+dd+’-‘+yyyy;
console.log(today);
today = mm+’/’+dd+’/’+yyyy;
console.log(today);
today = dd+’-‘+mm+’-‘+yyyy;
console.log(today);
today = dd+’/’+mm+’/’+yyyy;
console.log(today);

3.2. Bài tập 2

Đề bài: Viết một chương trình JavaScript để xác định xem một năm nhất định có phải là năm nhuận trong lịch Gregory (lịch Tây) hay không.

Giải:

function leapyear(year)
{
return (year % 100 === 0) ? (year % 400 === 0) : (year % 4 === 0);
}
console.log(leapyear(2016));
console.log(leapyear(2000));
console.log(leapyear(1700));
console.log(leapyear(1800));
console.log(leapyear(100));

3.3. Bài tập 3

Đề bài: Viết một chương trình JavaScript để tính toán số ngày còn lại cho đến Giáng sinh năm sau.

Giải:

today=new Date();
var cmas=new Date(today.getFullYear(), 11, 25);
if (today.getMonth()==11 && today.getDate()>25)
{
cmas.setFullYear(cmas.getFullYear()+1);
}
var one_day=10006060*24;
console.log(Math.ceil((cmas.getTime()-today.getTime())/(one_day))+
” days left until Christmas!”);

3.4. Bài tập 4

Đề bài: Viết chương trình JavaScript để lấy URL của trang web (tải trang).

Giải:

//Write a JavaScript program to get the website URL (loading page)
console.log(document.URL);

3.5. Bài tập 5

Đề bài: Viết chương trình JavaScript để tính tổng của hai số nguyên đã cho. Nếu hai giá trị giống nhau, thì trả về gấp ba tổng của chúng.

Giải:

function sumTriple (x, y) {
if (x == y) {
return 3 * (x + y);
}
else
{
return (x + y);
}
}
console.log(sumTriple(10, 20));
console.log(sumTriple(10, 10));

3.6. Bài tập 6

Đề bài: Viết một chương trình JavaScript để kiểm tra xem một số dương đã cho là bội của 3 hay bội của 7.

Giải:

function test37(x)
{
if (x % 3 == 0 || x % 7 == 0)
{
return true;
}
else {
return false;
}
}

console.log(test37(12));
console.log(test37(14));
console.log(test37(10));
console.log(test37(11));

3.7. Bài tập 7

Đề bài: Viết một hàm JavaScript để in nội dung của cửa sổ hiện tại.

Giải:

function print_current_page()
{
window.print();
}

Trên đây là những trang web cũng như bài tập thực hành JavaScript mẫu để bạn nâng cao tay nghề trước khi thực hiện dự án chính thức. Hãy để lại bình luận bên dưới bài viết nếu cần hỗ trợ chi tiết hơn nhé.

Đọc thêm về quy trình tuyển dụng tại đây.

https://d1iv5z3ivlqga1.cloudfront.net/wp-content/uploads/2021/04/29235048/1_QAG9RXQyyMAY7i9OYo84FA.png
Got It Vietnam
February 04, 2021
Share this post to:
Tags:
0 Comments
Inline Feedbacks
View all comments
Các bài viết liên quan
Eclipse là gì? Hướng dẫn cài đặt Eclipse chi tiết nhất

Eclipse là gì? Hướng dẫn cài đặt Eclipse chi tiết nhất

Eclipse luôn nằm trong top những IDE tốt nhất dành cho lập trình viên. Có thể các bạn quan tâm đến IT đã ít nhất một lần nghe đến cái tên này. Vì vậy, ở bài viết này, Got It sẽ giải đáp những thắc mắc của bạn đọc về Eclipse là gì? Những ưu […]
Gợi ý tài liệu tự học các ngôn ngữ lập trình web phổ biến miễn phí

Gợi ý tài liệu tự học các ngôn ngữ lập trình web phổ biến miễn phí

Thay vì vội vàng đăng ký các chương trình học mất tiền, bạn hãy tham khảo ngay những tài liệu tự học các ngôn ngữ lập trình web phổ biến miễn phí được Got It gợi ý dưới đây. Các ngôn ngữ được nhắc đến trong bài bao gồm HTML, CSS và JavaScript – chìa […]
5 bài tập lập trình Python giúp bạn rèn luyện kỹ năng

5 bài tập lập trình Python giúp bạn rèn luyện kỹ năng

Sau khi nhận được nhiều yêu cầu từ bạn đọc về chủ đề “bài tập lập trình Python”, Got It đã sưu tầm những bài tập Python thực sự giúp các bạn đang học ngôn ngữ này, hoặc những người đang làm việc liên quan đến nó, hiểu được cách mà Python hoạt động. Bài […]
4 quyển sách Python tiếng Việt cho người mới bắt đầu

4 quyển sách Python tiếng Việt cho người mới bắt đầu

Bạn muốn tìm hiểu về Python nhưng tìm đâu cũng chỉ thấy sách tiếng Anh? Đừng lo, Got It sẽ dành tặng bạn 4 quyển sách Python tiếng Việt cực kỳ hữu ích ngay trong bài viết này! Cùng khám phá nhé! Mục lụcPython cơ bản… Rất là cơ bản – Võ Tuấn DuyTớ Học […]
“Mua sách lập trình ở đâu?” – Trả lời câu hỏi khó.

“Mua sách lập trình ở đâu?” – Trả lời câu hỏi khó.

“Mua sách lập trình ở đâu?” là câu hỏi mà nhiều bạn thắc mắc khi bắt đầu làm quen với lĩnh vực lập trình. Hôm nay hãy cùng Got It tìm kiếm câu trả lời cho câu hỏi hóc búa này nhé! Mục lục1. Địa điểm mua sách lập trình tại Việt Nama. Mua sách […]
4 khóa học lập trình hướng đối tượng miễn phí cho người mới

4 khóa học lập trình hướng đối tượng miễn phí cho người mới

Nếu bạn muốn theo nghề IT thì sớm muộn cũng phải học lập trình hướng đối tượng. Đây là một kiến thức cơ bản, bắt buộc phải biết. Bài viết sẽ chia sẻ với bạn 4 khóa học miễn phí, phù hợp với người mới bắt đầu. Tìm hiểu thêm: Bài tập ôn luyện Lập […]