Angularjs dùng rất tốt cho việc phát triển phía máy chủ (server side), sử dụng nó để nâng cao HTML trong trình duyệt, tạo ra một nền tảng làm cho việc xây dựng các ứng dụng phong phú đơn giản và dễ dàng hơn.
Các ứng dụng Angularjs được xây dựng dựa trên một design pattern (mẫu thiết kế) gọi là Model-View-Controller (MVC). Nhấn mạnh vào việc tạo ra các ứng dụng:
- Extendable (khả năng mở rộng): thật dễ dàng để tìm ra cách mà ngay cả một ứng dụng Angularjs phức tạp sẽ hoạt động một khi bạn hiểu những khái niệm cơ bản-và điều đó có nghĩa là bạn có thể dễ dàng nâng cao các ứng dụng để tạo các tính năng mới và hữu ích cho người dùng của bạn.
- Maintainable (khả năng bảo trì): các ứng dụng Angularjs rất dễ debug và fix lỗi, việc bảo trì dài hạn được đơn giản hóa.
- Testable (khả năng test được): angularjs hỗ trợ rất tốt cho việc unit test và end to end test, có nghĩa là bạn có thể tìm và sửa lỗi trước khi người dùng làm điều đó.
- Standardized (tiêu chuẩn hóa): angularjs xây dựng trên khả năng sẵn có của trình duyệt web chứ không phải theo cách của bạn. Cho phép bạn tạo ra các ứng dụng web phù với với tiêu chuẩn, tận dụng những tính năng mới nhất (như HTML5 API) và các công cụ và framework phổ biến.
Angularjs là một thư viện javascript mã nguồn mở được Google tài trợ và duy trì. Nó đã được sử dụng trong một số ứng dụng web lớn và phức tạp. Trong cuốn sách này, tôi chỉ cho bạn tất cả những thứ cần biết để tận dụng được những lợi ích của Angularjs trong ứng dụng của bạn.
Những gì bạn cần biết?
Trước khi đọc cuốn sách này, bạn nên làm quen với các khái niệm cơ bản về phát triển web, hiểu biết về HTML và CSS hoạt động như thế nào, và đã từng làm việc với javascript. Nếu bạn vẫn còn mơ hồ về những nội dung này, tôi cung cấp một số kiến thức về HTML, CSS, Javascript mà tôi sử dụng trong cuốn sách này ở chương 4 và chương 5.
Thiết lập môi trường phát triển.
Bạn có thể bắt đầu phát triển ứng dụng Angularjs với một trình duyệt web, một trình soạn thảo văn bản và một máy chủ web (web server).
Web browser: Chrome, Cốc Cốc, Firefox ,...
Code editor: sublime text, visual studio code, ...
Cài đặt Node.js:
Vào trang http://nodejs.org download và cài đặt nodejs cho nền tảng của bạn (windows, linux, mac os). Tiến hành cài đặt bình thường như các phần mềm khác. Để test việc cài đặt nodejs thành công hay chưa ta thực hiện như sau:
Với windows: Mở command line gõ node rồi enter chờ chạy xong gõ vài lệnh sau (trên 1 dòng):
function testNode() {return "Node is working"}; testNode();
Nếu thành công thì sẽ output: 'Node is working'
Cài đặt web server:
Một máy chủ web đơn giản là đủ để phát triển, tôi tạo ra băng cách sử dụng một module Node.js gọi là Connect. Từ đường dẫn cài đặt Node.js, thực thi lệnh sau:
npm install connect@2.1.1Tiếp theo tạo 1 file có tên là server.js (trong thư mục cài đặt node.js/node_modules/npm) chứa nội dung sau:
var connect = require('connect');
var serveStatic = require('serve-static');
connect().use(serveStatic(__dirname)).listen(3000, function(){
console.log('Server running on 3000...');
});
File này tạo ra một máy chủ web đơn giản đáp ứng các yêu cầu trên cổng 3000 và phục vụ các tập tin chứa trong một thư mục gọi là angularjs.
Cài đặt hệ thống test:
Trong cuốn sách này tôi sử dụng: Karma test runner và Jasmine test framework. Từ thu mục cài đặt Node.js chạy dòng lệnh sau:
npm install -g karmaTạo đường dẫn angularjs:
Bước tiếp theo là tạo một thư mục để chứa ứng dụng angularjs của bạn trong quá trình phát triển. Điều này cho phép bạn kiểm tra tiến trình của mình như khi code và sắp xếp các file liên quan một cách logic, nhất quán. Tạo một folder có tên angularjs cùng cấp với thư mục cài đặt Node.js, bạn có thể sử dụng vị trí khác, nhưng phải đổi nội dung trong file server.js.
Download thư viện angularjs:
Vào trang angularjs.org tải về file angular.min.js hoặc dùng đường link CDN thì ko cần tải.
0 nhận xét:
Đăng nhận xét