Gợi ý Trang Web Và Bài Tập Thực Hành JavaScript Cơ Bản Cho Ngườ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.

Mục lục

• 1. Tại sao nên làm các bài tập thực hành JavaScript
• 2. Gợi ý 3 trang web giúp bạn làm bài tập thực hành JavaScript
  • 2.1. Coderbyte Challenges   (Coderbyte.com)
  • 2.2. NodeSchool Workshoppers  (nodeschool.io)
  • 2.3. w3resource JavaScript Exercises  (w3resource.com/javascript-exercises/)
• 3. Một số bài tập thực hành JavaScript cơ bản
  • 3.1. Bài tập 1
  • 3.2. Bài tập 2
  • 3.3. Bài tập 3
  • 3.4. Bài tập 4
  • 3.5. Bài tập 5
  • 3.6. Bài tập 6
  • 3.7. Bài tập 7

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?

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.

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é.