NTM Solutions

Bài đăng nổi bật

🚀 Laravel 12 (2026) — Từ PHP Core đến Full Stack📘

Nếu cập nhật theo Laravel 12 LTS (2026) thì mình sẽ chia thành các phần như sau để người học đi từ PHP Core → Laravel → Triển khai dự án th...

Chủ Nhật, 15 tháng 1, 2023

Reactjs là gì? What is ReactJS?

ReactJS là một thư viện chứa nhiều JavaScript mã nguồn mở được Facebook xây dựng và phát triển.

A JavaScript library for building user interfaces

Ưu điểm của ReactJS?

Thư viện này được sử dụng để tạo ra các ứng dụng trang web hấp dẫn với hiệu quả cao, tốc độ load nhanh và mã tối thiểu. Mỗi website sử dụng ReactJS phải chạy nhanh, mượt và có khả năng mở rộng cao, thao tác thực hiện đơn giản.

Có thể nói, hầu hết các tính năng hay sức mạnh của ReactJS thường bắt đầu từ việc tập trung vào các phần riêng lẻ. Do đó thay vì làm việc trên toàn bộ ứng dụng của website thì ReactJS lại cho phép các Developer phá vỡ giao diện phức tạp của người dùng trở nên đơn giản hơn nhiều. Điều này có nghĩa là các Render dữ liệu không chỉ được thực hiện ở vị trí server mà còn có thể thực hiện ở vị trí Client khi sử dụng ReactJS.


Trang official của ReactJS:

 https://reactjs.org/


Bài demo ReactJS: 


TypeScript là gì? What is TypeScript?

TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.

TypeScript là một ngôn ngữ được biên dịch thành JavaScript, được thiết kế để xây dựng các ứng dụng lớn và phức tạp. Nó kế thừa nhiều khái niệm từ các ngôn ngữ như C# và Java, những ngôn ngữ nghiêm ngặt và có trật tự trái ngược với sự thoải mái và free-typed của JavaScriptt.

TypeScript là một dự án mã nguồn mở nhưng được phát triển và duy trì bởi Microsoft và vì vậy nó được hỗ trợ sẵn trong nền tảng Visual Studio của Microsoft.


Copy to Clipboard in JavaScript

<!-- The text field -->
<input type="text" value="Hello World" id="myInput">

<!-- The button used to copy the text -->

<button onclick="myFunction()">Copy text</button> 


function myFunction() {

  // Get the text field
  var copyText = document.getElementById("myInput");

  // Select the text field
  copyText.select();
  copyText.setSelectionRange(0, 99999); // For mobile devices

   // Copy the text inside the text field
  navigator.clipboard.writeText(copyText.value);

  // Alert the copied text
  alert("Copied the text: " + copyText.value);
}

Vaadin là gì? What is Vaadin?

 Vaadin is a web app development platform for Java. It helps you build reliable web apps with great UX faster than before.


Vaadin framework là một framework dùng để phát triển một ứng dụng Java web, nó được thiết kế để lập trình viên có thể tạo ra và bảo trì các trang web với giao diện đẹp một cách dễ dàng, với một tập đa dạng các đối tượng được hỗ trợ cho việc thiết kế giao diện như Buttons, Tables, Trees và Layouts. 

Vaadin được phát triển dưới dạng phần mềm mã nguồn mở theo thỏa thuận Apache Software License 2.0 (http://vaadin.com/license), do đó có thể sử dụng nó cho các dự án miễn phí hoặc thương mại.

  • Kiến trúc của Vaadin :

architecture-vaadin.png

Vaadin hỗ trợ lập trình bằng ngôn ngữ Java cả ở Server side và Client side

  • Client side được phát triển dựa trên nền tảng Google Web Toolkit (GWT), điều này có nghĩa là phần tương tác ở trình duyệt có thể được viết bằng ngôn ngữ Java và có thể không cần quan tâm đến HTML, Javascript, CSS
  • Server side một ứng dụng Vaadin sẽ được thực thi như một servlet trong Java web server : nhận request từ phía client, xử lý yêu cầu sau đó trả lại response để client thay đổi dữ liệu hiển thị.

Xem bài demo Vaadin : https://spring.io/guides/gs/crud-with-vaadin/


Xem thêm cách cài đặt Vaadin: https://viblo.asia/p/xay-dung-web-application-su-dung-vaadin-framework-BAQ3vVEWGbOr


Tải Vaadin tại đây: https://vaadin.com/
Thứ Năm, 12 tháng 1, 2023

Microservices là gì? What is Microservices?

Microservice là một kiếu kiến trúc phần mềm.

Các module trong phần mềm này được chia thành các service rất nhỏ (microservice).

Mỗi service này đều có một logic riêng, một trách nhiệm riêng và có thể được deploy riêng biệt.

Khái niệm mircoservice đồng thời đề cập đến xu hướng tách biệt architecture ra thành các loose coupling service, tức là các service này sẽ có một mối liên hệ "lỏng lẻo" với nhau và mối service sẽ được nằm trong 1 context nhất định.

Facebook Youtube RSS