Javascript cơ bản

JavaScript là ngôn ngữ kịch bản hướng đối tượng được sử dụng trong hầu hết các trang web trên thế giới hiện nay. Nó cho phép tương tác với các hành động của người dùng trên trình duyệt cũng như bổ sung các hiệu ứng sinh động vào trang web

Bài hướng dẫn này là phần 1 trong tổng số 2 phần của loạt bài hướng dẫn học JavaScript. Để có thể theo dõi được bài học, bạn cần có những hiểu biết cơ bản về HTML. Ngoài kiến ​​thức cơ bản về HTML ra, việc đã làm với một ngôn ngữ lập trình trước đó sẽ giúp bạn theo dõi bài học một cách dễ dàng hơn. Tuy nhiên, điều này không bắt buộc và bạn hoàn toàn có thể tiếp cận JavaScript với tư cách là người bắt đầu học lập trình

Danh sách bài học

Hầu hết mọi người khi bắt đầu học lập trình web đều nhận được lời khuyên là bắt đầu từ HTML. Tuy nhiên, bản thân HTML không có nhiều tương tác và logic để bạn có thể học

Có thể bạn không biết, phần lớn những tương tác giữa trang web với người dùng như. hiện popup, hiệu ứng, slideshow ảnh hay submit dữ liệu lên server… chủ yếu được thực hiện bằng Javascript

Để phát triển các trang web hay ứng dụng web tương tác với người dùng như vậy, bạn cần phải làm quen với các khái niệm cơ bản về Javascript. Việc tự học Javascript không khó, chỉ cần bạn hiểu được tưởng tượng ban đầu của nó. Thì việc học sẽ cực dễ dàng

💦 Đọc trước khi bắt đầu. 7 sai lầm khiến việc học Javascript bị đổ bể

Để các bạn có thể dễ dàng làm chủ ngôn ngữ Javascript, mình sẽ xây dựng một bộ tự học Javascript. Mình sẽ cố gắng trình bày thật cơ bản, dễ hiểu để những bạn mới học lập trình cũng có thể tiếp thu được

Danh sách các bài viết trong Series

1. Giới thiệu về ngôn ngữ lập trình Javascript ☜ Bạn đang ở bài viết này
2. Cú pháp Javascript cơ bản
3. Type data and functions in Javascript
4. Khai báo hàm trong Javascript
5. Callback và Promise trong Javascript
6. Javascript đối tượng và Javascript nguyên mẫu
Còn nữa…

Nhưng trước hết, chúng ta cùng nhau tìm hiểu Javascript là gì và công cụ cần thiết để tự học Javascript nhé

Javascript cơ bản

Nội dung chính của bài viết

#Javascript là gì?

JavaScript (viết tắt là JS) là một ngôn ngữ chương trình thông dịch. Javascript được hỗ trợ bởi hầu hết các trình duyệt web như Chrome, Firefox, IE, Opera. v. v… Kể cả các trình duyệt trên điện thoại thì giờ cũng đã hỗ trợ Javascript đầy đủ

Khai sinh, Javascript được sử dụng để phát triển giao diện người dùng, xây dựng các ứng dụng trên trình duyệt web. Nhưng nay, với sự ra đời của NodeJS, Javascript có thể sử dụng để xây dựng cả các ứng dụng phía back-end nữa

Theo đánh giá của nhiều chuyên gia, các máy chủ Nodejs hoạt động rất ổn định, có tính tin cậy cao. Đặc biệt là tốc độ cực nhanh

Có thể nói rằng, Javascript là ngôn ngữ lập trình phổ biến nhất hiện nay. Với lập trình Javascript Javascript, giờ đây có thể xây dựng ứng dụng được ứng dụng từ máy khách đến máy chủ. Hay nói cách khác là Full stack enginer with only a language

Javascript cơ bản

Góc quảng cáo. Cậu ấy đã hoàn thành một cuốn sách học lập trình Node. js đặc biệt dành cho bạn đây. Với cuốn sách này, bạn sẽ làm nút chủ. js bằng cách thực hiện một dự án từ A-Z. Ngại gì mà không thử
☛ Đọc ngay

1. Thư viện Jquery

Nếu bạn muốn đơn giản hóa việc lập trình bằng Javascript, mình khuyên bạn nên tìm hiểu về Jquery. Khi bạn cần thêm hoạt ảnh hiệu ứng vào trang web, bạn sử dụng Jquery để viết cực nhanh, thậm chí chỉ bằng một dòng mã

Giờ đây, khi nói đến trang web thiết kế, có thứ 2 gần nhất trở thành tiêu chuẩn viết mã của mọi coder, đó là. Bootstrap (CSS framewok), Jquery (thư viện JS)

Nếu bạn có thời gian thì nên tìm hiểu về 2 thư viện này, tất nhiên là bạn phải hoàn thành chuỗi Javascript này trước đó. Vì Javascript cơ bản sẽ là bệ phóng cho bạn tiếp cận những framework cao siêu sau này

2. Javascript và Java có liên quan gì với nhau không?

Khi nói đến Javascript, mọi người hay nhầm lẫn với Java và cho rằng hai ngôn ngữ này có họ hàng với nhau

Nhưng thực tế, hai ngôn ngữ khác nhau hoàn toàn. Java là ngôn ngữ lập trình tĩnh (ngôn ngữ lập trình tĩnh), trong khi Javascript là Ngôn ngữ kịch bản động

Ngoài ra, hằng số còn có các điểm khác nhau giữa Javascript và Java, ngoại trừ 4 chữ “JAVA”

Tóm lại, hai ngôn ngữ lập trình này không liên quan gì đến nhau. Nên các bạn không nên để các nhà tuyển dụng áp dụng “lừa kèo” khi phỏng vấn các câu hỏi này nhé

Mặc dù vậy, mình không muốn gây war cho cộng đồng lập trình viên Javascript với Java. Nhưng nếu mọi người quan tâm thì mình có thể viết một bài so sánh điểm mạnh và yếu của hai ngôn ngữ này. Để bình luận lại nếu muốn nhé 🙂

#Tại sao bạn nên học Javascript

Tại sao ư?

Theo số liệu thống kê của diễn đàn StackOverflow (trang hỏi đáp hàng đầu về lập trình) thì Javascript đang dẫn đầu với 69% nhà phát triển sử dụng nó

Javascript cơ bản
Javascript là ngôn ngữ lập trình phổ biến nhất

Hãy thử kiểm tra xem ngôn ngữ nào đang là xu hướng nhé

Javascript cơ bản
Xu hướng sử dụng Javascript

Quả nhiên, Javascript đang rất hot ở thời điểm hiện tại

Tiếp theo, mình thử kiểm tra xem nhu cầu tuyển dụng kỹ sư Javascript thế nào

Javascript cơ bản
Nhu cầu tuyển dụng kỹ sư javascript rất lớn

Cũng rất mát phải không?

Cũng không được ngẫu nhiên, Javascript back to back up mạnh mẽ như vậy. Bởi vì, với Javascript, bạn có thể làm gần như tất cả các ứng dụng từ ứng dụng web, ứng dụng di động, đến back-end (phía máy chủ)…

Javascript cơ bản
Javascript sử dụng ở mọi nơi

Có rất nhiều framework/công nghệ nổi tiếng về Javascript mà bạn có thể nghe suốt ngày như. Angular, VueJs, ReactJs, React native, hay Nodejs…

💦 Nên đọc ngay. Vue. hướng dẫn js

Bạn có thể làm được gì với Javascript

There could not tell some application that you could doing with Javascript

  • nội dung tương tác. bạn có thể bổ sung các chức năng cho trang web của mình và làm cho nó hấp dẫn với khách truy cập. Không ai thích lại một trang web chán nản, trình bày toàn là chữ với chữ cả
  • Lập trình hướng sự kiện. bạn có thể nhanh chóng chỉnh sửa trang web bằng cách tương tác với chúng tôi
  • Mã hóa back-end. Giờ đây, với Nodejs, bạn hoàn toàn có thể xây dựng ứng dụng phía máy chủ bằng javascript. Paypal, Ebay, Linkedin, Microsoft, trello, Uber… là những cái tên tuổi đang sử dụng Nodejs
  • Sự phát triển trò chơi. bạn có thể sử dụng các thư viện của Javascript để tự xây dựng một trò chơi cho riêng mình. Bạn có thể thử sức với một số động cơ nổi tiếng như. Phaser, Kiwijs, Melonjs,. v. v…

Vì vậy, với cá nhân mình thì khi bạn đã thành thạo Javascript, bạn không còn phải băn khoăn bất cứ điều gì trên đời này nữa 🙂

#The IDE tốt nhất để lập trình Javascript

Để có thể viết mã Javascript, bạn hoàn toàn có thể sử dụng các trình soạn thảo văn bản thông thường như Notepad, NotePad++, Subline…

Tuy nhiên, cá nhân mình thì vẫn thích sử dụng các IDE/Code Editor hỗ trợ cài đặt trình duyệt hơn. Vì IDE sẽ hỗ trợ rất nhiều trong công việc viết mã, để mình có thể tập trung hoàn toàn vào logic của ứng dụng cần xây dựng

Với các bạn mới học lập trình, mình khuyến cáo các bạn không nên sử dụng IDE để có thể nhớ cú pháp, câu lệnh của ngôn ngữ. Sau khi viết code bị tạm thời, cảm thấy tạm ổn thì có thể chuyển sang IDE/Code editor

Dưới đây mình gợi ý một số công cụ hỗ trợ các bạn viết code Javascript nhanh hơn

1. mã trực quan

Đây là code editor do chính Microsoft phát triển và cũng viết bằng Javascript luôn. Điểm mình thích ở Visual code chính là nhẹ, chiếm ít tài nguyên, hỗ trợ gợi ý mã JS cực thông minh

Ngoài ra, Visual code còn có rất nhiều tiện ích mở rộng mà bạn có thể cài đặt thêm Hỗ trợ mã tốt hơn nữa

Mã trực quan có mặt ở cả 3 nền tảng. Window, Linux và MacOS

💦Mời bạn đọc bài này. Hướng dẫn tải và cài đặt Visual Code chi tiết

2. IDE nguyên tử

Atom là một IDE/Code editor mã nguồn mở, được phân phối miễn phí. Atom mạnh mẽ với nhiều plugin hỗ trợ bạn lập trình không chỉ Javascript. Atom còn hỗ trợ nhiều ngôn ngữ khác nữa như Ruby, Python, Php…

Trên đây là 2 phần mềm mà cá nhân mình thấy tốt nhất để lập trình Javascript. Ngoài ra, nếu bạn không thích cài đặt phần mềm vào máy tính thì cũng có thể sử dụng trình chỉnh sửa mã trực tuyến, cũng rất tốt

Nổi bật trong số các Code Editor trực tuyến, đó là. mã chơi. io, jsfiddle… Toàn bộ mã đến đâu, hiển thị kết quả đến đó. Rất tiện lợi

Tải Atom tại đây

#Một vài lời khuyên trong quá trình học

Nếu bạn là người mới bắt đầu học lập trình, có thể bạn sẽ gặp khó khăn trong việc tiếp cận ngôn ngữ này. Tuy nhiên, nếu bạn quyết tâm, thì kết quả thu được lại rất xứng đáng với công sức và thời gian bỏ rơi của bạn

Dưới đây là một vài lời khuyên của mình khi bạn bắt đầu tự học Javascript

  • Lên kế hoạch nghiên cứu toàn diện và nghiên cứu thực tế. Ví dụ. bạn lên kế hoạch sẽ hoàn thành chuỗi tự học Javascript này trong vòng 10 ngày. Thì mỗi ngày bạn phải hoàn thành 1 bài. Hoàn thành nghĩa là. phải hiểu được lý thuyết của bài viết đó, viết mã theo được và có thể tự viết một đoạn mã theo kiến ​​thức của bài viết đó
  • Đặc biệt nếu bạn muốn mình trở thành một nhà phát triển web thì một mình Javascript là không đủ. Bạn cần phải biết thêm về HTML và CSS nữa. Mặc dù, không cần nhiều nhưng đủ để sử dụng chúng trong loạt bài học Javascript này
  • Đọc trước bài viết này của mình về cách thêm mã javascript vào HTML, quy tắc viết mã Javascript và các cách sử dụng javascript
  • Là người mới, mình đề nghị bạn thực hành càng nhiều càng tốt. Tất cả các đoạn code trong series của mình, các bạn đều có thể copy vào code editor chạy thử và chỉnh sửa theo ý tưởng của mình. Như vậy bạn sẽ nhớ rất lâu bài học

#Tầm kết

Trên đây là những lời khuyên của mình để bạn có thể bắt đầu tự học Javascript hiệu quả hơn. Mình hi vọng, sau series Javascript này, bạn sẽ có nền tảng vững chắc để trở thành kỹ sư Full stack tài năng

Luôn ủng hộ mình bằng cách like và chia sẻ bài viết nhé để ủng hộ mình viết những series về lập trình web nhé

Javascript cơ bản

​Nhận sách ​Các tính năng nâng cao của Java

​Java là ngôn ngữ lập trình biến thế giới phổ biến nhất, là hình mẫu của tư tưởng OOP. Nếu bạn muốn bắt đầu với Java thì đây là cuốn sách không thể bỏ qua. Với 63 ví dụ thực thi, cùng với cách viết ngắn gọn dễ hiểu sẽ giúp bạn hiểu rõ bản chất của Java

​ Hiện Amazon đang bán với giá 16$, nhưng với VNTALKING thì miễn phí cho bạn. Còn chờ gì nữa?

TẢI XUỐNG

Javascript cơ bản

  • THẺ
  • jav
  • javascript cơ bản
  • Lập trình front-end
  • web lập trình

Facebook

Twitter

liên kết

Pinterest

WhatsApp

Bài trước Tạo tính năng mua hàng trong ứng dụng (In App Purchase) dễ dàng hơn với PurchaseHelper

Bài tiếp theo API là gì?

sơn dương

Tên đầy đủ là Dương Anh Sơn. Tốt nghiệp ĐH Bách Khoa Hà Nội. Mình bắt đầu nghiệp coder khi mà ra trường đúng là xin được làm đúng chuyên ngành. Mình tin rằng chỉ có chia sẻ kiến ​​thức mới là cách học tập nhanh nhất. Các bạn góp ý bài viết của mình bằng cách comment bên dưới nhé