Trong bài viết này mình sẽ thực hiện xuất bản và đăng ký kênh của SocketCluster với ứng dụng khách là trình duyệt [chạy bằng javascript]
Create and start SocketCluster server
Trước hết mình sẽ tạo một máy chủ SocketCluster với tên là my_server
[Xem lại. Tạo SocketCluster Server]
socketcluster create my_server
Kết quả
And start server SocketCluster vừa tạo
node server.js
[Phần này mình tập trung vào máy khách nên phần máy chủ sẽ không chỉnh sửa gì cả, muốn tùy chỉnh máy chủ các bạn có thể xem lại bài Hướng dẫn nhân viên. js và máy chủ. js]
Tạo ứng dụng khách
SocketCluster// Initiate the connection to the server var options = { port: 8000, hostname:'localhost' }; var socket = socketCluster.create[options]; socket.on['error', function [err] { console.error[err]; }]; socket.on['connect', function [] { console.log['Socket is connected']; }]; var sampleChannel = socket.subscribe['sample']; sampleChannel.watch[function [data] { document.getElementById['channel-data'].value += data + "\n"; }]; function publishToChannel[]{ sampleChannel.publish[document.getElementById['channel-input'].value]; }
Để tạo sử dụng ứng dụng khách SocketCluster ta khai báo javascript thư viện
Hoặc bạn cũng có thể tải tệp javascript về máy của mình và chỉ src tới tệp đó
Tệp
SocketCluster8 sẽ thực hiện// Initiate the connection to the server var options = { port: 8000, hostname:'localhost' }; var socket = socketCluster.create[options]; socket.on['error', function [err] { console.error[err]; }]; socket.on['connect', function [] { console.log['Socket is connected']; }]; var sampleChannel = socket.subscribe['sample']; sampleChannel.watch[function [data] { document.getElementById['channel-data'].value += data + "\n"; }]; function publishToChannel[]{ sampleChannel.publish[document.getElementById['channel-input'].value]; }
- Kết nối tới máy chủ SocketCluster có địa chỉ là localhost. 8000 [máy chủ mình vừa bắt đầu ở trên]
- Kênh nghe ‘mẫu’, khi có dữ liệu thì hiển thị ra vùng văn bản
- Xuất bản dữ liệu lên kênh 'mẫu'
Thử nghiệm
Mở tệp
SocketCluster8 bằng 2 trình duyệt khác nhau [tương ứng với 2 máy khách]// Initiate the connection to the server var options = { port: 8000, hostname:'localhost' }; var socket = socketCluster.create[options]; socket.on['error', function [err] { console.error[err]; }]; socket.on['connect', function [] { console.log['Socket is connected']; }]; var sampleChannel = socket.subscribe['sample']; sampleChannel.watch[function [data] { document.getElementById['channel-data'].value += data + "\n"; }]; function publishToChannel[]{ sampleChannel.publish[document.getElementById['channel-input'].value]; }
Với ví dụ trên các bạn có thể thấy chúng ta có thể viết ứng dụng trò chuyện một cách rất đơn giản với SocketCluster
Hiện nay, JavaScript là một ngôn ngữ được nhiều bạn trẻ quan tâm trong những năm gần đây. Vậy JavaScript là gì?
Nội dung
JavaScript là gì?
JavaScript là ngôn ngữ lập trình phổ biến được sử dụng để tạo ra các trang web tương tác. Được tích hợp và nhúng vào HTML giúp trang web trở nên sống động hơn. JavaScript đóng vai trò như một phần của trang web, thực thi cho phép Client-Side Script từ phía người dùng cũng như phía máy chủ [Nodejs] tạo ra các trang web động
JavaScript là một ngôn ngữ lập trình thông dịch với khả năng hướng đến các đối tượng. Là một trong 3 ngôn ngữ chính trong lập trình web và có mối liên hệ với nhau để xây dựng một trang web sống động, chuyên nghiệp, bạn có thể nhìn tổng quan như sau
- HTML. Cung cấp cấu trúc cơ bản, hỗ trợ trong việc xây dựng bố cục, thêm nội dung dễ dàng trên trang web
- CSS. Được sử dụng để kiểm tra và hỗ trợ định dạng thiết kế, bố cục, phong cách, màu sắc,…
- JavaScript. Nên tạo những nội dung “động” trên trang web
Cùng tìm hiểu rõ hơn ở phần dưới đây
JS là viết tắt của JavaScript, khi có JS bạn sẽ hiểu đó là nói đến JavaScript
Chương trình ưu đãi cuối năm tại Vietnix
Lịch sử phát triển của JavaScript
JavaScript được phát triển bởi Brendan Eich tại hãng truyền thông Netscape với tên đầu tiên là Mocha. Sau đó, đổi tên thành LiveScript và cuối cùng là JavaSript được sử dụng phổ biến cho đến thời điểm hiện tại
Phiên bản mới nhất của JavaScript là ECMAScript [là phiên bản chuẩn hóa của JavaScript]. Với ECMAScript 2 phát hành năm 1998 và ECMAScript 3 ra mắt năm 1999 và hoạt động mạnh mẽ trên mọi trình duyệt và các thiết bị khác nhau
Năm 2016, JavaScript đạt kỷ lục với 92% trang web sử dụng và được đánh giá cao từ một ngôn ngữ lập trình riêng trở thành công cụ quan trọng nhất trên các bộ công cụ lập trình web của các thành viên lập trình. Nếu bạn sử dụng internet khi truy cập vào các trang web, bạn có thể nhìn thấy các hiệu ứng trượt ảnh chuyển động, menu sổ xuống,… đều được tạo nên từ JavaScript
Các khái niệm liên quan đến JavaScript
Dưới đây là một số khái niệm về một số thuật ngữ liên quan đến JavaScript để bạn có thể nắm bắt và hiểu rõ hơn khi tìm hiểu về JavaScript là gì?
JavaScript Framework là gì?
JavaScript Framework là thư viện được xây dựng dựa trên ngôn ngữ lập trình JavaScript. Từ đó, mỗi framework được tạo ra để phục vụ cho từng lĩnh vực khác nhau. Bạn có thể tìm hiểu kỹ hơn về framework là gì, sẽ giúp bạn có thêm nhiều thông tin rõ ràng hơn. Hiện nay, có rất nhiều JavaScript Framework thông tin ứng dụng như
- phản ứng. Thư viện sử dụng cho ứng dụng di động
- Nút. js. Sử dụng để xây dựng và phát triển ứng dụng thời gian thực từ phía máy chủ
- góc cạnh. Use to build application Single Page…
Client-side JavaScript là gì?
Client-side JavaScript is a form common variable is being used to be used to the current variable. Một trang web không cần tĩnh HTML, nhưng có thể bao gồm các chương trình có thể tương tác với người dùng hoặc điều khiển trình duyệt và tạo nội dung HTML động
Cách thức hoạt động của JavaScript trên trang web
Thường thì JavaScript sẽ được nhúng trực tiếp vào một trang web hoặc được tham chiếu qua tệp. js riêng. JavaScript là ngôn ngữ từ phía máy khách nên tập lệnh sẽ được tải xuống máy khách khi truy cập và được xử lý tại đó. Thay vì tải về máy chủ và sau khi xử lý xong mới phản hồi kết quả cho khách hàng
Với hiện tại, thì trình duyệt Internet cũng có thể hỗ trợ bạn tắt/mở JavaScript. Lúc đó bạn có thể thấy được nếu một trang web không có JavaScript thì sẽ như thế nào?
>> Xem thêm. React JS là gì?
Chương trình ưu đãi cuối năm tại Vietnix
Ưu điểm và nhược điểm khi sử dụng JavaScript
Cùng Vietnix tìm hiểu một số ưu điểm và nhược điểm khi sử dụng JavaScript là gì được các cụ chia sẻ dưới đây nhé
Ưu điểm của JavaScript
JavaScript có các điểm ưu tiên được xem là vượt trội so với các đối thủ khác trong các trường hợp thực tế như
- JavaScript program rất dễ học
- JavaScript Error dễ phát hiện và sẽ giúp bạn sửa lỗi nhanh hơn
- Trình duyệt web có thể dịch nó bằng HTML mà không cần trình biên dịch
- JS hoạt động trên rất nhiều nền tảng và trình duyệt khác nhau
- Được đánh giá là ngôn ngữ lập trình nhẹ nhàng, nhanh chóng so với các ngôn ngữ khác
- JS could be mount on some element or the events of the trang web
- Khi website sử dụng JS thì sẽ giúp cho trang web tương tác và nâng cao trải nghiệm người dùng khi truy cập
- Bạn có thể tận dụng JavaScript để kiểm tra các đầu vào thay vì kiểm tra thủ công thông qua việc truy xuất cơ sở dữ liệu
- Giao diện phong phú bao gồm các thành phần Kéo và thả, Thanh trượt để cung cấp một Giao diện phong phú [Giao diện phong phú tính năng]
Nhược điểm của JavaScript
Mặt khác, ngoài những ưu điểm nhưng mọi ngôn ngữ lập trình khác đều có những nhược điểm riêng của nó như
- Quá trình bị khai thác từ những hacker và kẻ lừa đảo
- Có thể được sử dụng để thực thi mã độc trên máy tính của người dùng
- đoạn mã JS lớn
- Các thiết bị khác nhau có thể thực thi JS khác nhau dẫn đến không đồng nhất
- Vì tính bảo mật nên JavaScript phía máy khách không cho phép đọc và ghi các tệp
- JS không được hỗ trợ khi sử dụng trong kết nối mạng
- JavaScript không có khả năng đa luồng hoặc đa xử lý
Điểm khác biệt JavaScript với các ngôn ngữ lập trình
JavaScript bị đóng vai trò như ngôn ngữ chính trong lập trình web, ngoài ra các thành viên lập trình cũng cần sự kết hợp và áp dụng một số ngôn ngữ khác trong quá trình làm việc của mình như mình
Ngôn ngữ chuyên điểmJavaScriptJS giúp tăng tính tương tác trên website. Các Script chạy trên trình duyệt của người dùng thay vì từ phía máy chủ và thường được sử dụng thư viện từ bên thứ 3 nên không cần bạn phải mã lại từ đầu. HTMLHypertext Markup Language, đây là ngôn ngữ cơ bản và phổ biến mà bạn cần biết khi bắt đầu với công việc thiết lập web. Sử dụng để xây dựng cục bộ [bố cục] chính cho nội dung toàn bộ trang web. CSS Cascading Style Sheets giúp lập trình viên xác định phong cách, tạo ra những ý tưởng, màu sắc, nền riêng phù hợp với chủ đề của website. PHPLà ngôn ngữ từ máy chủ [JS chạy trên máy khách]. Thường được sử dụng trong quá trình quản trị nội dung nền PHP như WordPress và cũng có thể được sử dụng với lập trình back-endCác công cụ được sử dụng để phát triển JavaScript
IDE JavaScript là gì?
IDE [Môi trường phát triển tích hợp] là môi trường dùng để lập trình được tích hợp nhiều công cụ và tiện ích khác nhau như trình chỉnh sửa mã, trình gỡ lỗi, trình giả lập,… IDE JavaScript là môi trường chuyên ứng dụng cho các thành viên lập trình khi thiết lập chương trình JavaScript
Nên sử dụng IDE nào khi viết mã JavaScript?
Các IDE được sử dụng phổ biến ngày nay như
- Ghi chú ++
- Visual Studio
- Nhà thiết kế PHP
- thợ dệt mộng
- Văn bản tuyệt vời
Ngoài ra, còn một số công cụ chỉnh sửa JavaScript được đánh giá cao như
- Microsoft FrontPage
- Macromedia Dreamweaver MX
- Trang chủ Macromedia 5
Tập tin. JS là tập tin gì?
JS là Tệp Web được định dạng dưới dạng văn bản. Một tập tin. JS là một tệp văn bản có chứa mã JavaScript để thực thi các câu lệnh JavaScript trong trang web. Có thể bao gồm các chức năng mở và xếp các cửa sổ, Xác thực, kích hoạt hình ảnh cuộn qua hoặc tạo menu thả xuống
Viết chương trình JavaScript
Open close tag
Tất cả các đoạn mã JavaScript đều được đặt trong cặp thẻ đóng mở
0. Ví dụ cụ thể như sau
alert["Hello World!"];
Cách đặt thẻ Script
Có 3 cách đặt tập lệnh thẻ thường được sử dụng như dưới đây
- Nội bộ. viết trong tệp html hiện tại
- Bên ngoài. viết ra một tệp js khác rồi nhập vào
- nội tuyến. viết trực tiếp trong thẻ HTML
Nội bộ
Thường thì thẻ script được đặt trong thẻ nhưng bạn cũng có thể đặt bất cứ đâu nhưng phải chứa đầy đủ mở đóng thẻ
0. Với cách này bạn sẽ đặt phần head trong file html hiện tại của mình.
alert["Hello World!"];
Bên ngoài
Với cách này, bạn có thể viết các đoạn mã JS ra một tệp mới và lưu phần mở rộng với đuôi. js. Sau đó, bạn sử dụng thẻ script đẻ nhập tệp vào. You don't need tag close
2 because file test. js có đuôi là js nên trình duyệt sẽ tự động nhận định dạng đó là tệp chứa các mã JavaScript
nội tuyến
Cách này là bạn sẽ viết trực tiếp các đoạn mã JavaScript vào trong thẻ HTML
node server.js0
Viết chương trình JavaScript đơn giản
Trước khi bắt đầu viết chương trình JavaScript, bạn cần cài đặt phần mềm Notepad ++ hoặc các phần mềm viết mã công cụ khác
- Bước 1. Tạo 1 tệp chỉ mục. html bất kỳ vị trí nào trên máy tính, miễn phí có phần mở rộng là. html. Sau đó viết đoạn mã sau
node server.js1
- Bước 2. Bây giờ bạn có thể viết mã JavaScript khi nhấp vào nút có id=”clickme”
node server.js2
Xem nhanh các loại dữ liệu trong JavaScript
Hướng dẫn này sẽ xem nhanh các loại dữ liệu JavaScript quan trọng nhất trong JavaScript. The JavaScript variable could be
- Số
- Dây
- Các đối tượng
- Mảng
- Chức năng
node server.js3
Biến JavaScript
Biến JavaScript là các vùng chứa để lưu trữ giá trị dữ liệu. Trong ví dụ này, x, y và z là các biến
node server.js4
Từ ví dụ trên, bạn có thể hiểu
- x save value 5
- y save the value 6
Số JavaScript
JavaScript chỉ có một số loại, các số có thể được viết có hoặc không có số thập phân
node server.js5
Tất cả các số được lưu dưới dạng dấu phẩy có độ chính xác kép
Số lượng phân tích tối đa là 17, nhưng dấu hiệu hài hước không phải lúc nào cũng chính xác 100%
node server.js6
Chuỗi JavaScript
Strings store text – Chuỗi lưu trữ văn bản. Chuỗi được viết bên trong dấu ngoặc kép, bạn có thể sử dụng dấu ngoặc đơn hoặc kép
alert["Hello World!"];
0Độ dài của chuỗi được tìm thấy trong thuộc tính độ dài được tạo sẵn
alert["Hello World!"];
1Đối tượng JavaScript
Bạn đã biết rằng các biến JavaScript là các vùng chứa các giá trị dữ liệu
Mã này chỉ định một giá trị đơn giản [Fiat] cho một biến có tên là ô tô
alert["Hello World!"];
2Đối tượng cũng là biến, nhưng các đối tượng có thể chứa nhiều giá trị
Mã này gán nhiều giá trị [Fiat, 500, màu trắng] cho một biến có tên là xe hơi
alert["Hello World!"];
3Mảng JavaScript
Mã JavaScript được sử dụng để lưu trữ nhiều giá trị trong một biến duy nhất
alert["Hello World!"];
4Hàm JavaScript
Hàm JavaScript là một khối mã được thiết kế để thực hiện một tác vụ có thể. Hàm JavaScript được thực thi khi “cái gì đó” gọi nó
alert["Hello World!"];
5hàm myFunction[p1, p2] {
trả lại p1 * p2;
}
JavaScript có thể làm được gì?
Phần này chứa một số ví dụ về những gì JavaScript có thể làm
- Đầu tiên, JavaScript có thể thay đổi nội dung HTML
- Thứ hai, JavaScript có thể thay đổi giá trị thuộc tính HTML
- Thứ ba, JavaScript có thể thay đổi kiểu HTML [CSS]
- Tiếp theo, JavaScript có thể ẩn các phần tử HTML
- Cuối cùng, JavaScript có thể hiển thị các phần tử HTML
JavaScript thay đổi nội dung HTML
Một trong nhiều phương thức HTML JavaScript là
3Ví dụ này sử dụng phương pháp để “tìm” một phần tử HTML [với id = “demo”] và thay đổi nội dung phần tử [InternalHTML] thành “Xin chào JavaScript”
alert["Hello World!"];
6JavaScript thay đổi giá trị thuộc tính HTML
Trong ví dụ này, JavaScript thay đổi giá trị của thuộc tính src [source] của tag
JavaScript change type HTML [CSS]
Thay đổi kiểu của một phần tử HTML, là một biến có thể thay đổi thuộc tính HTML của tác vụ
alert["Hello World!"];
7JavaScript ẩn các phần tử HTML
Ẩn các phần tử HTML có thể được thực hiện bằng cách thay đổi kiểu hiển thị
alert["Hello World!"];
8JavaScript display the HTML section
Hiển thị các yếu tố ẩn HTML cũng có thể được thực hiện bằng cách thay đổi kiểu hiển thị
alert["Hello World!"];
9Lời kết
Với bài viết JavaScript là gì? . Hy vọng sẽ mang lại nhiều kiến thức và đặc biệt có thể giúp bạn hiểu và có thể áp dụng trong việc học, công việc của bạn sau này. Chúc các bạn thành công
Vietnix tổng hợp
Chia sẻ bài viết
đánh giá
5/5 - [2 bình chọn]
nguyễn hưng
Conconnection with mình qua
Mình là Bo - admin của Quản Trị Linux. Mình đã có 10 năm làm việc trong mảng System, Network, Security và đã trải nghiệm qua các chứng chỉ như CCNP, CISSP, CISA, đặc biệt là chống tấn công DDoS. Gần đây mình trải nghiệm thêm Digital Marketing và đã hoàn thành chứng chỉ CDMP của PearsonVUE. Mình rất thích được chia sẻ và hỗ trợ cho mọi người, nhất là các bạn sinh viên. Please connect with mình nhé