JavaScript là ngôn ngữ

Bạn không thể tiến xa trong lĩnh vực công nghệ nếu không bắt tay vào JavaScript. Rất có thể, bạn đang ở đây, ngay bây giờ vì bạn đã nghe thuật ngữ này và biết rằng bạn cần phải hiểu nó. Tin tốt là. JavaScript không đáng sợ như tên gọi của nó—và vâng, bạn có thể học cách sử dụng nó

JavaScript. Định nghĩa nhanh

JavaScript là ngôn ngữ kịch bản được sử dụng để tạo và kiểm soát nội dung trang web động, tôi. e. bất kỳ thứ gì di chuyển, làm mới hoặc thay đổi trên màn hình của bạn mà không yêu cầu bạn tải lại trang web theo cách thủ công. Các tính năng như

• đồ họa hoạt hình
• trình chiếu ảnh
• đề xuất văn bản tự động hoàn thành
• hình thức tương tác

Một cách thậm chí còn tốt hơn để hiểu JavaScript làm gì là nghĩ về một số tính năng web nhất định mà bạn sử dụng hàng ngày và có thể coi đó là điều hiển nhiên—chẳng hạn như khi dòng thời gian trên Facebook tự động cập nhật trên màn hình của bạn hoặc Google gợi ý các cụm từ tìm kiếm dựa trên một vài chữ cái mà bạn đã bắt đầu . Trong cả hai trường hợp, đó là JavaScript đang hoạt động

Kết quả của JavaScript có vẻ đơn giản, nhưng có lý do tại sao chúng tôi dạy toàn bộ một phân đoạn về JavaScript trong cả Nhà phát triển web giao diện người dùng và Bản thiết kế đột nhập công nghệ. Bên dưới tất cả những hình ảnh động và tự động hoàn thành tuyệt vời đó—có một số thứ khá hấp dẫn đang diễn ra. Hướng dẫn này sẽ phân tích chính xác cách thức hoạt động của JavaScript, lý do và cách sử dụng nó, cộng với những cách tốt nhất để học JavaScript nếu bạn nhận ra rằng mình cần nó trong bộ kỹ năng của mình

Mục lục

1. JavaScript là gì?

Nếu bạn đang hy vọng phát triển sự nghiệp trong lĩnh vực công nghệ, câu hỏi của bạn có thể giống như. “JavaScript là gì và tôi có cần nó không?”

Nếu bạn quan tâm đến phát triển web—câu trả lời chắc chắn là có. Vì vậy, ngoài cách đó, chúng ta hãy tìm hiểu sâu hơn một chút về cách JavaScript hoạt động

Sức mạnh của 3. HTML, CSS và JavaScript

Khi hầu hết mọi người học cách viết mã, họ bắt đầu với HTML và CSS cũ tốt. Từ đó, họ chuyển sang JavaScript. Điều đó có ý nghĩa. Ba yếu tố cùng nhau tạo thành xương sống của phát triển web

Dành cho những ai chưa quen

• HTML là cấu trúc trang của bạn—tiêu đề, nội dung văn bản, bất kỳ hình ảnh nào bạn muốn đưa vào
• CSS kiểm soát giao diện của trang đó [đó là thứ bạn sẽ sử dụng để tùy chỉnh phông chữ, màu nền, v.v. ]
• JavaScript là yếu tố thứ ba kỳ diệu. Khi bạn đã tạo cấu trúc [HTML] và rung cảm thẩm mỹ [CSS], JavaScript sẽ làm cho trang web hoặc dự án của bạn trở nên năng động

JavaScript được sử dụng để tự động hóa và hoạt hình

Tôi đã đề cập ở trên rằng JavaScript là một “ngôn ngữ kịch bản. ” Ngôn ngữ kịch bản là ngôn ngữ mã hóa được sử dụng để tự động hóa các quy trình mà người dùng sẽ cần phải tự thực hiện từng bước một. Thiếu kịch bản, bất kỳ thay đổi nào trên các trang web bạn truy cập sẽ yêu cầu tải lại trang theo cách thủ công hoặc điều hướng một loạt menu tĩnh để đến nội dung bạn đang theo dõi

Một ngôn ngữ kịch bản như JavaScript [JS, dành cho những người đã biết] thực hiện công việc nặng nhọc bằng cách yêu cầu các chương trình máy tính như trang web hoặc ứng dụng web “làm điều gì đó. ” Trong trường hợp của JavaScript, điều này có nghĩa là yêu cầu các tính năng động được mô tả trước đó thực hiện bất cứ điều gì chúng làm—chẳng hạn như yêu cầu hình ảnh tự tạo hoạt ảnh, ảnh chuyển qua bản trình chiếu hoặc đề xuất tự động hoàn thành để phản hồi lời nhắc. Đó là "tập lệnh" trong JavaScript khiến những điều này dường như tự xảy ra

Trong khi đó, vì JavaScript là một phần không thể thiếu của chức năng web, nên tất cả các trình duyệt web chính đều đi kèm với các công cụ tích hợp có thể hiển thị JavaScript. Điều này có nghĩa là các lệnh JS có thể được nhập trực tiếp vào tài liệu HTML và các trình duyệt web sẽ có thể hiểu chúng. Nói cách khác, sử dụng JavaScript không yêu cầu tải xuống bất kỳ chương trình hoặc trình biên dịch bổ sung nào

2. JavaScript được sử dụng để làm gì?

Chúng tôi đã trình bày điều này một chút trong phần giới thiệu, nhưng đây là danh sách nhanh về những điều chính mà JavaScript được sử dụng để

• Thêm tính tương tác vào các trang web—vâng, nếu bạn muốn một trang web không chỉ là một trang văn bản tĩnh, bạn sẽ cần thực hiện một số thao tác JavaScript
• Phát triển các ứng dụng di động—JavaScript không chỉ dành cho các trang web...nó còn được sử dụng để tạo các ứng dụng bạn có trên điện thoại và máy tính bảng của mình
• Tạo trò chơi dựa trên trình duyệt web—Bạn đã bao giờ chơi trò chơi trực tiếp từ trình duyệt web của mình chưa?
• Phát triển web phía sau—vâng, JavaScript được sử dụng NHẤT ở mặt trước của mọi thứ, nhưng nó cũng là một ngôn ngữ kịch bản đủ linh hoạt để sử dụng trên cơ sở hạ tầng phía sau

3. JavaScript hoạt động như thế nào?

JavaScript hoặc được nhúng vào một trang web hoặc nếu không thì nó được bao gồm trong một. tập tin js. JavaScript cũng là ngôn ngữ “phía máy khách” [chứ không phải là ngôn ngữ “phía máy chủ”], đây là một cách nói hoa mỹ rằng nó được tải xuống máy tính của khách truy cập trang web, sau đó được xử lý

Làm cách nào để bạn thêm JavaScript vào trang web?

Actually adding JavaScript code to a web page is a pretty simple process [and a familiar one if you’ve done any coding with HTML and CSS]. JavaScript can be added directly to a page’s code using tags and giving them the type attribute text/javascript. Honestly, JavaScript looks very similar to adding CSS to a site. Here’s a side-by-side comparison:

CSS

 
CSS goes here

JavaScript

JavaScript code goes here

thì đấy. Mã JavaScript cũng có thể được thêm vào một trang dưới dạng tệp tiêu đề riêng biệt với phần mở rộng. js [thường được thực hiện nếu đó là mã mà bạn muốn đưa vào một số trang cùng một lúc]. Sau đó, tập lệnh được tải xuống và xử lý trong trình duyệt web của mỗi cá nhân, biến nó thành các đối tượng và hiệu ứng động mà họ nhìn thấy trên màn hình của mình

Một lời cảnh báo, mặc dù. vì JavaScript được xử lý bởi các trình duyệt riêng lẻ nên có thể người dùng đã tắt JavaScript ở phía họ. Các trang web sử dụng JavaScript cần có kế hoạch dự phòng để tránh bị hỏng khi điều này xảy ra

4. Vanilla JavaScript là gì?

Khi bạn đào sâu vào JavaScript, cuối cùng bạn sẽ nghe thấy thuật ngữ “Java Javascript. " Vậy điều đó có ý nghĩa gì?

Vanilla JavaScript là ngôn ngữ JavaScript “nguyên trạng” mà không sử dụng bất kỳ công cụ nào để giúp quá trình viết mã dễ dàng hơn hoặc hiệu quả hơn

To give you an idea of what vanilla JavaScript looks like, consider the following basic example of JavaScript code. If you wanted users to receive a “thanks for signing up” confirmation message after signing up for an offer or service on a website, you would code it directly into an HTML page [between tags] like this:

window.onload = initAll;
function initAll[] {
document.getElementById[“submit”]. title = submitMessage;
}
function submitMessage[] {
var greeting = document.getElementById[“name”].getAttribute[“value”];
document.getElementById[“headline”].innerHTML = “Thank you for joining our email list,” + greeting;
return false;
}

Vanilla JS như thế này có thể được sử dụng để tạo các dự án JavaScript, nhưng khi bạn trở nên quen thuộc hơn với ngôn ngữ JavaScript, bạn có thể triển khai các công cụ khác nhau để sử dụng JS dễ dàng và hiệu quả hơn

5. Javascript nâng cao. Các khung và thư viện [Công cụ AKA để làm cho JS dễ dàng hơn]

Như bạn có thể tưởng tượng, chỉ riêng việc sử dụng vanilla javascript sẽ mất…mãi mãi và đối với các nhà phát triển web, và thời gian là tiền bạc. Đó là lý do tại sao các khung và thư viện JavaScript [các công cụ giúp JS trở nên dễ sử dụng hơn rất nhiều] là những người bạn tốt nhất mới của bạn. Dưới đây là bảng phân tích một số sự cố chính mà bạn sẽ gặp phải và tác dụng của chúng

jQuery—The O. G. Thư viện JavaScript

Khi làm việc với JavaScript, bạn sẽ nhận thấy các chức năng và tính năng của JS thường xuyên xuất hiện trên nhiều trang web hoặc ứng dụng web—những thứ như hoạt ảnh menu và làm mờ dần, biểu mẫu tải lên tệp và thư viện hình ảnh. Mặc dù bạn có thể viết mã từng thứ này từ đầu bất cứ khi nào bạn cần, nhưng cuộc sống viết mã của bạn sẽ dễ dàng hơn rất nhiều nếu bạn sử dụng các thư viện viết mã như jQuery để thay thế

Thư viện jQuery được tạo thành từ các chức năng mã hóa JavaScript có thể được thực hiện thông qua các lệnh jQuery dòng đơn. Ví dụ: ví dụ mã JavaScript ở trên trông như thế này nếu nó được thực hiện bằng mã jQuery thay thế

$[“#submit”].click[function [] {
var greeting = $[“#name”].val[];
$[“#headline”].html[“Thank you for joining our email list, ” + greeting];
return false;
}];

Như bạn có thể thấy, phương pháp lập trình jQuery ngắn gọn hơn rất nhiều và nó có thể được sử dụng lại bất cứ lúc nào bạn muốn thực hiện cùng chức năng JavaScript trong khi viết mã trang web hoặc ứng dụng web

Ngoài các ví dụ như ví dụ trên [được coi là đoạn mã jQuery—các đoạn mã được chèn trực tiếp từ thư viện jQuery để thực hiện các chức năng chuyên dụng], mã jQuery có thể được kết hợp với nhau để tạo các plugin phức tạp hơn. Có thể tìm thấy plugin jQuery trực tiếp từ kho giao diện người dùng jQuery [Giao diện người dùng], nơi mã nguồn có sẵn để sao chép và dán

React JS—Người bạn tốt nhất của Front End Developer

Cùng với jQuery, React JS là một thư viện JavaScript quan trọng khác dành cho nhà phát triển web. React JS là thư viện JavaScript giao diện người dùng được Facebook phát triển vào năm 2011 và được thiết kế dành riêng cho việc xây dựng UI [giao diện người dùng]. Nếu bạn chưa biết, giao diện người dùng là tập hợp các menu trên màn hình, thanh tìm kiếm, nút và bất kỳ thứ gì khác mà ai đó tương tác để sử dụng trang web hoặc ứng dụng và trong khi bạn CÓ THỂ xây dựng chúng một cách tỉ mỉ bằng tay với vanilla JavaScript, ai có

React cho phép các nhà phát triển sử dụng mã viết sẵn cho các đối tượng và hiệu ứng menu lặp đi lặp lại [như biểu mẫu tương tác, tính năng tự động hoàn thành, hoạt ảnh menu mờ dần hoặc tắt dần, v.v. ] và nó cũng cải thiện tốc độ và hiệu suất tổng thể của trang web thông qua tính năng có tên là Virtual DOM [bạn có thể đọc tất cả về tính năng này tại đây]. Học cách sử dụng React JS sẽ giúp cuộc sống của bạn trở nên dễ dàng hơn rất nhiều với tư cách là nhà phát triển JavaScript và nó cũng sẽ khiến bạn dễ được tuyển dụng hơn rất nhiều

Các thư viện và khung JavaScript khác

Trong khi các thư viện JS như jQuery và React hoạt động như những con dao kỹ thuật số của Quân đội Thụy Sĩ cho các nhu cầu viết mã riêng lẻ, thì các nhà phát triển front-end có thể tiến thêm một bước bằng cách sử dụng các công cụ có tên là khung JavaScript

Ngoài chức năng chắp vá của jQuery, các khung công tác JS cung cấp cho các nhà phát triển JavaScript các mẫu đầy đủ cho các trang web hoặc ứng dụng web. Sau đó, các khung công tác JS sẽ tạo các khoảng trống trong các mẫu mà mã JS được khuyến nghị sử dụng, cũng như mã viết sẵn [giống như jQuery] có thể được cắm vào các khoảng trống đó

Mặc dù có một số khuôn khổ có thể được coi là tiêu chuẩn ngành [e. g. Vue và Angular], cách tốt nhất của bạn khi chọn một thứ để học là xem xét các nhà tuyển dụng hoặc khách hàng tiềm năng và xác định khung JS nào—nếu có—họ ủng hộ. Và hãy nhớ rằng, khi bạn đã học được một khuôn khổ, bạn sẽ tương đối dễ dàng học thêm

5. Cách học JavaScript

Các takeaway ở đây? . Mặc dù bản thân HTML và CSS sẽ đưa bạn vào vị trí bắt đầu công việc của nhà phát triển, nhưng việc dành thời gian để học JavaScript sẽ giúp triển vọng công việc của bạn tăng theo cấp số nhân

Nếu bạn đã sẵn sàng cho một hướng dẫn toàn diện về JavaScript, thì không cần tìm đâu xa hơn Kế hoạch chi tiết dành cho Nhà phát triển Giao diện người dùng của chúng tôi. Khóa học có người hướng dẫn này sẽ hướng dẫn bạn thông tin chi tiết về ngôn ngữ JavaScript và thư viện jQuery, cũng như HTML, CSS và các kỹ năng quan trọng khác của nhà phát triển web

Công nghệ có phù hợp với bạn không?

Bạn sẽ học. Nghề công nghệ có phù hợp với bạn không Nghề công nghệ nào phù hợp với thế mạnh của bạn Bạn cần có những kỹ năng gì để đạt được mục tiêu của mình

Scott Morris

Scott Morris là nhà văn và nhà sản xuất nội dung của Skillcrush. Giống như tất cả các thành viên trong nhóm của Skillcrush, anh ấy làm việc từ xa [trong trường hợp của anh ấy là từ Napa, CA]. Anh ấy tin rằng nội dung đáng đọc [và khán giả của bạn có thể tìm thấy. ] tạo thương hiệu mà mọi người theo dõi. Anh ấy có kinh nghiệm viết về các chủ đề bao gồm việc làm và công nghệ, tiếp thị kỹ thuật số, trục xoay nghề nghiệp, bình đẳng giới, nuôi dạy con cái và văn hóa đại chúng. Trước khi bắt đầu sự nghiệp của mình với tư cách là một nhà văn và nhà tiếp thị nội dung, anh ấy đã dành 10 năm làm cha mẹ toàn thời gian cho hai cô con gái Veronica và Athena

JavaScript thuộc loại ngôn ngữ nào?

Tại sao JavaScript không phải là một ngôn ngữ?

Tại sao JavaScript là một ngôn ngữ kịch bản?

JavaScript có phải là ngôn ngữ web không?