Làm thế nào để bạn bắt đầu mã javascript?

Trong loạt bài này, chúng ta sẽ đi từ Sơ cấp đến Nâng cao về JavaScript trong 10 bài đăng trên blog. Đến cuối loạt bài này, bạn sẽ biết tất cả những kiến ​​thức cơ bản cần biết để bắt đầu viết mã bằng JavaScript

Làm cách nào để bắt đầu viết mã bằng JavaScript?

  1. Khóa học này dành cho ai?
  2. Bạn thực sự có thể làm gì với JavaScript?
  3. Tại sao JavaScript lại phổ biến đến vậy?
  4. Bạn có thể viết và thực thi mã JavaScript ở đâu?
  5. Làm cách nào để bắt đầu viết mã bằng JavaScript?

Khóa học này dành cho ai?

Khóa học này dành cho bạn nếu bạn là người muốn bắt đầu viết mã bằng JavaScript hoặc bạn là người muốn cập nhật kiến ​​thức về JavaScript. Tôi cũng khuyên bạn nên đánh dấu hướng dẫn này để tham khảo trong tương lai. Bất cứ lúc nào bạn muốn giới thiệu lại nhanh về các khái niệm hoặc có thể chỉ để nhớ cú pháp được sử dụng trong JavaScript sẽ là thời điểm tốt để xem lại loạt bài này trong tương lai

Bạn thực sự có thể làm gì với JavaScript?

Trước khi đi sâu vào JavaScript, bạn nên biết bạn thực sự có thể làm gì với JavaScript. Có thể bạn đã biết JavaScript là ngôn ngữ thống trị web. Và bạn sẽ hoàn toàn đúng. JavaScript, ban đầu là ngôn ngữ giao diện người dùng để thêm hành vi vào trang web, hiện được sử dụng trong mọi khía cạnh của trang web

Nó thường được sử dụng trong phát triển web giao diện người dùng thường cùng với các thư viện và khung JavaScript khác như React. Nó cũng là ngôn ngữ phổ biến nhất được sử dụng trong phát triển web phụ trợ nhờ Node. js cho phép bạn chạy JavaScript trên máy chủ web. Nhưng đó không phải là nơi nó dừng lại. JavaScript được sử dụng ở mọi nơi, bao gồm cả việc tạo Ứng dụng web lũy tiến, cho đến ứng dụng dành cho máy tính để bàn. Gần đây, nó cũng đã bắt đầu được sử dụng trong Machine Learning bằng TensorFlow. js. Cảm ơn nút. js, nó cũng có thể được sử dụng để điều khiển máy bay không người lái, rô-bốt cũng như các thiết bị IOT.  

Tại sao JavaScript lại phổ biến đến vậy?

JavaScript hiện là ngôn ngữ lập trình phổ biến nhất và đó là một lý do chính đáng. Có nhiều yếu tố chính tạo nên JavaScript như ngày nay. Chúng bao gồm sự sẵn có rộng rãi của các môi trường đang chạy, sự an toàn của phiên bản mã nhờ Babel và sự chấp nhận rộng rãi trong cộng đồng. Hãy xem chúng là gì tại một thời điểm

Sẵn có rộng rãi

JavaScript thống trị web, từ trước ra sau. Nếu bạn đang đọc bài viết này để làm mới kiến ​​thức JavaScript của mình thì có lẽ bạn biết rằng cứ vài tháng lại có các khung javascript mới xuất hiện, đặc biệt là về phát triển web giao diện người dùng vì có thể có nhiều cách tiếp cận để tối ưu hóa nó.  

Như chúng ta sẽ thấy ở phần sau của bài viết, bạn không cần cài đặt bất kỳ phần mềm đặc biệt nào để bắt đầu viết và thực thi mã JavaScript của mình, vì bạn đã có các công cụ cần thiết trong trình duyệt của mình. Điều này một mình làm giảm rào cản để bắt đầu học ngôn ngữ vì hầu hết các ngôn ngữ lập trình sẽ yêu cầu bạn cài đặt và thiết lập môi trường viết mã để bắt đầu

Phiên bản an toàn

Toàn bộ mục đích của việc viết mã là để thực sự chạy nó khi nó được cho là chạy. Và khi làm điều đó, điều cuối cùng bạn muốn là có một nửa trang web của bạn không hoạt động với một lượng lớn người dùng. Nhưng bạn có thể làm gì nếu mã của bạn phải chạy trên 1000 kết hợp trình duyệt và thiết bị khác nhau?

Babel là một phần mềm đảm bảo mã của bạn chạy ngay cả trên các trình duyệt rất cũ sử dụng phiên bản JavaScript rất cũ. Bằng cách này, bạn không phải đưa ra lựa chọn khiến bạn bỏ qua một nửa số khách hàng của mình. Nói rõ hơn, bạn không viết mã bằng Babel hoặc nó không phải là hương vị của JavaScript. Nhưng là một phần mềm được sử dụng cực kỳ phổ biến, lấy mã JavaScript đã được viết và đang hoạt động của bạn rồi chuyển đổi mã đó thành phiên bản JavaScript mà các trình duyệt khác hiểu được ngay cả khi chúng có phiên bản JavaScript rất cũ trong trình duyệt của họ

Cộng đồng lớn áp dụng

Bất cứ khi nào bạn đang viết mã, bạn sẽ không thể tránh khỏi các vấn đề. Và vào những thời điểm đó, bất kể bạn đang làm việc với ngôn ngữ lập trình nào, sẽ cực kỳ hữu ích khi thấy vấn đề của bạn đã được trả lời bởi ai đó hữu ích trên internet. Đó là nơi cộng đồng hỗ trợ bước vào và do đó, StackOverflow.  

Nếu bạn không biết StackOverflow là gì, thì về cơ bản, đây là diễn đàn lập trình lớn nhất mà mọi người sử dụng để hỏi và trả lời các câu hỏi về lập trình. Đó không phải là nơi duy nhất bạn sẽ tìm thấy câu trả lời, chắc chắn có những nơi sẽ rất hữu ích trong việc trả lời các câu hỏi cụ thể của bạn, nhưng rất có thể bạn sẽ tìm thấy phần lớn câu trả lời của mình ở đó. Tôi không khuyên bạn chỉ cần truy cập StackOverflow và chỉ tìm kiếm các vấn đề của mình ở đó. Thông thường tìm kiếm trên Google sẽ cho bạn kết quả tốt nhất.  

Và bạn có thể không mong đợi điều này nhiều khi học cách viết mã, nhưng một phần chính của phát triển phần mềm bao gồm biết những gì cần tìm kiếm trên Google để tìm câu trả lời của bạn hiệu quả hơn.  

Đó là lý do tại sao nhiều người muốn bắt đầu viết mã bằng JavaScript – có JavaScript là ngôn ngữ lập trình phổ biến nhất chắc chắn sẽ giúp bạn làm việc với ngôn ngữ này cả về ngắn hạn và dài hạn. Bất cứ khi nào bạn đang viết

JavaScript, hãy tưởng tượng hàng nghìn người cùng viết mã JavaScript với bạn cùng một lúc. Một số gửi câu hỏi, một số trả lời câu hỏi.  

Khi bạn đang mã hóa JavaScript, bạn không đơn độc

Bạn có thể viết và thực thi mã JavaScript ở đâu?

Có nhiều nơi bạn có thể sử dụng để bắt đầu viết mã bằng JavaScript. Về mặt kỹ thuật, bạn có thể viết JavaScript ở bất cứ đâu, kể cả sổ tay đơn giản hoặc trình soạn thảo văn bản. Nhưng bạn cũng cần một công cụ JavaScript để thực thi mã của mình. Nhưng làm thế nào để bạn có được giữ một. Chà, nếu bạn nhớ đầu bài viết, bạn biết rằng bạn đã có nó trong trình duyệt của mình.  

Trong loạt bài đăng trên blog này, chúng tôi sẽ sử dụng Google Chrome làm trình duyệt, vì đây là một trong những trình duyệt phổ biến nhất được sử dụng trong phát triển web. Và đó là một lý do chính đáng, Chrome cung cấp một số công cụ tốt nhất giúp cuộc sống của bạn trở nên dễ dàng hơn rất nhiều khi thực hiện với việc phát triển web. Chrome có một công cụ JavaScript được gọi là Công cụ V8, lấy mã JavaScript của bạn và thực thi nó. Công cụ JavaScript này cũng được sử dụng trong quá trình phát triển Node. js, phần mềm cho phép bạn lấy JavaScript ra khỏi trình duyệt. Nút. js cũng là lý do tại sao chúng ta có thể sử dụng JavaScript ở mọi nơi, kể cả từ máy chủ web đến máy bay không người lái.  

Khi bạn muốn bắt đầu viết mã bằng JavaScript, thật tốt khi biết rằng bạn cần một công cụ JavaScript để thực thi mã của mình và bây giờ bạn biết rằng bạn đã có một công cụ đi kèm với trình duyệt của mình. Bạn cũng biết rằng nếu bạn muốn chạy JavaScript từ trình duyệt, bạn sẽ muốn tải xuống và cài đặt Node. js cho điều đó. Nhưng khi thực sự viết mã và thực thi nó, tất cả điều đó có ý nghĩa gì đối với trải nghiệm viết mã của bạn?

Môi trường) để viết mã của bạn. Bằng cách này, như bạn có thể đoán từ cái tên, nó đi kèm với nhiều công cụ khác giúp bạn làm việc với mã dễ dàng hơn trong thời gian dài. Chúng có thể bao gồm mọi thứ từ hoàn thành văn bản để ít phải gõ hơn, đến trình gỡ lỗi. Bởi vì nhiều người làm việc với các IDE này nên cũng có các tiện ích mở rộng rất phổ biến cho phép bạn tùy chỉnh môi trường viết mã của mình, bao gồm tô màu các dấu ngoặc trong mã để dễ dàng xem dấu ngoặc đơn mở nào khớp với dấu ngoặc đơn đóng nào. Nếu bạn không biết dấu ngoặc đơn dùng để làm gì, thì bây giờ đừng lo lắng và chúng ta sẽ xem chúng với tất cả các chi tiết bạn cần biết trong loạt blog này

Hiện tại một số IDE phổ biến nhất bao gồm Visual Studio Code, Atom và Sublime Text. Nhưng đối với điều này, chúng tôi sẽ bắt đầu với tùy chọn đơn giản nhất mà chúng tôi có thể bắt đầu, tùy chọn này thực sự sử dụng chính trình duyệt Chrome để viết và thực thi mã JavaScript.  

Bây giờ bạn đã có một số thông tin cơ bản về JavaScript, hãy thực sự thiết lập môi trường viết mã của chúng ta và bắt đầu với câu “Xin chào, Thế giới. " mã số

Làm cách nào để bắt đầu viết mã bằng JavaScript?

Để bắt đầu viết mã bằng JavaScript, chúng ta cần thiết lập môi trường viết mã

Như chúng tôi cũng đã đề cập trước đây, chúng tôi sẽ sử dụng Google Chrome làm trình duyệt xuyên suốt loạt bài đăng trên blog này. Nếu bạn đã cài đặt Chrome, thật tuyệt. Nếu không, thì bước đầu tiên thực sự là cài đặt Google Chrome. Để tải xuống Chrome, bạn chỉ cần tìm kiếm “Tải xuống Google Chrome”, để tải xuống từ trang web của nó hoặc tại đây, bạn có thể tìm thấy liên kết để thuận tiện cho việc tải xuống Chrome

Google Chrome – Tải xuống trình duyệt nhanh, an toàn từ Google
Làm thế nào để bạn bắt đầu mã javascript?

Bây giờ bạn có thể tiếp tục và nhấp vào nút “Tải xuống Chrome” để bắt đầu tải xuống. Sau khi nó được tải xuống, bạn có thể tiếp tục và nhấp đúp vào nó và thực hiện quá trình cài đặt, giống như với bất kỳ ứng dụng nào khác mà bạn tải xuống từ internet. Nó cũng có thể yêu cầu bạn đăng nhập vào một trong các tài khoản Google của bạn, bạn có thể làm như vậy

Khi bạn đã cài đặt Chrome, hãy nhấp đúp vào nó để mở một cửa sổ. Bây giờ bạn sẽ nhìn vào màn hình tìm kiếm cổ điển của Google

Làm thế nào để bạn bắt đầu mã javascript?

Để bắt đầu viết mã bằng JavaScript, bước tiếp theo là mở vị trí thực tế nơi chúng tôi sẽ viết và thực thi mã bên trong trình duyệt Chrome. Từ menu trên cùng, Chuyển đến. Menu, sau đó là Nhà phát triển, rồi nhấp vào Bảng điều khiển JavaScript. Bạn cũng có thể sử dụng phím tắt cho Mac, đó là “option + command + J”

Làm thế nào để bạn bắt đầu mã javascript?

Ngay sau khi làm điều đó, bạn sẽ thấy bảng điều khiển JavaScript mở ra, trông giống như thế này

Làm thế nào để bạn bắt đầu mã javascript?

Nếu bạn đã làm được điều này đến nay, tuyệt vời. Đã đến lúc thực hiện một bước có ý nghĩa cho phép bạn bắt đầu viết mã bằng JavaScript. Hãy bắt đầu hành trình JavaScript của bạn với một thế giới xin chào. Đi trước và gõ như sau

alert("Hello, World!");

Sau khi nhập xong, hãy chạy mã của chúng tôi bằng cách nhấn phím “Enter” hoặc “Return” trên bàn phím của bạn

Bây giờ bạn sẽ thấy một cảnh báo bật lên giống như thế này

Làm thế nào để bạn bắt đầu mã javascript?

Và với điều đó, bạn vừa viết mã “hello world” đầu tiên của mình. Bây giờ bạn đã biết cách bắt đầu viết mã bằng JavaScript

Trong bài đăng blog tiếp theo, bạn sẽ thấy kiến ​​thức cơ bản về JavaScript với các ví dụ viết mã

Làm thế nào để bạn bắt đầu mã javascript?
Làm thế nào để bạn bắt đầu mã javascript?

Tác giả. Robert Whitney

Chuyên gia JavaScript và người hướng dẫn huấn luyện bộ phận CNTT. Mục tiêu chính của anh ấy là nâng cao năng suất của nhóm bằng cách dạy những người khác cách hợp tác hiệu quả trong khi viết mã

Bạn sẽ viết mã JavaScript đầu tiên của mình như thế nào?

Chương trình JavaScript đầu tiên của bạn .
Trong trình soạn thảo văn bản yêu thích của bạn, hãy mở tệp xin chào. .
Click in the empty line just before the closing tag and type: . .
Khởi chạy một trình duyệt web và mở xin chào

Làm cách nào để bắt đầu một dự án JavaScript?

Bắt đầu Dễ dàng như 1, 2, 3. .
Tạo một dự án, tùy chọn cung cấp [tên dự án] cho dự án của bạn. tạo-js-project [tên dự án] npm init js-project [tên dự án]
Trả lời các câu hỏi, chẳng hạn như tên dự án của bạn và mẫu mong muốn
Đợi cho đến khi quá trình cài đặt hoàn tất và bắt đầu mã hóa

Tôi có thể bắt đầu trực tiếp với JavaScript không?

JavaScript thân thiện với người mới bắt đầu . you can start coding with JavaScript right away!

Làm cách nào để bắt đầu JavaScript trong HTML?

Thêm JavaScript vào Tài liệu HTML . Thẻ