[MUSIC]
Bây giờ chúng ta có một sự hiểu biết về các module nút, chúng ta hãy thực hiện bài tập đầu tiên của chúng tôi
để tiếp tục hiểu biết của chúng tôi về các module nút với một ví dụ trong bài tập này.
Vì vậy, để bắt đầu, chúng ta hãy đi đến một vị trí thuận tiện trên máy tính của chúng tôi.
Vì vậy, ở đây, tôi đang ở trong tài liệu của tôi thư mục Coursera,
nơi tôi có các tập tin từ tất cả các khóa học trước đó.
Vì vậy, tôi sẽ tạo ra một thư mục mới ở đây, tên là NodeJS và
thư mục này là nơi tôi sẽ lưu trữ tất cả các mã liên quan đến khóa học NodeJS.
Vì vậy, đi vào thư mục NodeJS,
chúng ta hãy tạo một thư mục con ở đây, được đặt tên là node-examples.
Và trong thư mục này,
chúng tôi sẽ tạo ra các tập tin liên quan đến bài tập này.
Mở một cửa sổ thiết bị đầu cuối hoặc một cửa sổ lệnh, và
sau đó điều hướng đến các nút ví dụ thư mục tại dấu nhắc,
và sau đó tại dấu nhắc, gõ npm init để
khởi tạo thư mục này như là một ứng dụng nút.
Vì vậy, gõ npm init và sau đó nó sẽ đưa ra một số
giá trị mặc định tiêu chuẩn cho
một số thông tin sẽ lưu trữ trong một tập tin có tên package.json.
Vì vậy, đối với tên, chúng ta hãy gõ nút ví dụ,
và phiên bản là 1.1.0, và mô tả,
tôi chỉ cần gõ Simple Node Ví dụ.
Và điểm nhập là giá trị mặc định index.js.
Đối với lệnh test chỉ để nó như vậy và kho Git cho thời điểm này,
chúng tôi sẽ để nó như vậy.
Và đối với tác giả, chỉ cần điền vào tên của bạn.
Và phần còn lại, và sau đó npm init sẽ hiển
thị giá trị mặc định mà nó sẽ thiết lập trong tập tin package.json.
Vì vậy, như chúng ta đã học được, tập tin package.json là tập tin manifest cho
một ứng dụng nút, và một khi bạn hoàn thành điều này, bạn sẽ nhận thấy rằng
tập tin package.json được tạo ra trong thư mục node-examples.
Hãy mở dự án này trong một biên tập viên của sự lựa chọn của chúng tôi.
Vì vậy, tôi sẽ mở mã Visual Studio của tôi tại thư mục này.
Khi mã Visual Studio của tôi, nó sẽ mở ra trong thư mục đó.
Tôi sẽ đi đến các kịch bản ở đây và thiết lập một kịch bản ở đây nói “bắt đầu”
và tôi sẽ nói “chỉ mục nút”.
Và sau đó lưu các thay đổi vào tệp package.json.
Tiếp theo tôi sẽ tạo ra một thư mục ở đây và đặt tên nó là index.js và
như bạn nhận ra rằng chính ở đây được đưa ra như là tập tin index.js,
do đó bắt đầu tập tin cho ứng dụng nút của tôi.
Vì vậy, trong tập tin index.js, tôi sẽ tạo ra một ví dụ đơn giản
để minh họa các tính năng khác nhau của nút và làm thế nào chúng ta sẽ xây dựng mô-đun nút.
Vì vậy, ở đây, chúng ta sẽ xây dựng một ví dụ đánh giá diện tích và
chu vi của một hình chữ nhật.
Một ví dụ rất đơn giản mà nó giúp chúng ta minh họa
các khía cạnh khác nhau về node và node module.
Vì vậy, các loại bắt đầu, Var rect.
Và chúng ta sẽ tạo ra một đối tượng JavaScript ở đây,
đó là hai thuộc tính, chu vi, đó là một chức năng.
Và như bạn thấy, tôi đang sử dụng chức năng mũi tên để xác định chức năng này ở đây.
Vì vậy, nút trong phiên bản hiện tại của nó hỗ trợ ES 6 hoặc ES 2015.
Và vì vậy đó là lý do tại sao tôi sẽ sử dụng hỗ trợ chức năng mũi tên
có sẵn trong ES 2015 để xác định chức năng này ở đây.
Và nếu bạn đã thực hiện các khóa học trước đó mà chúng tôi sử dụng váy thời gian,
điều này sẽ khá quen thuộc với bạn.
Bây giờ với nút, chúng ta có tùy chọn sử dụng JavaScript hoặc Typescript.
Bây giờ các tài liệu cho nút và
cũng thể hiện rằng chúng ta sẽ thấy sau này, tất cả đều sử dụng JavaScript tiêu chuẩn.
Vì vậy, tôi đã mặc định để sử dụng JavaScript tiêu chuẩn trong khóa học này hoặc
ES2015 JavaScript trong khóa học này.
Nếu bạn thích sử dụng TypeScript,
bạn có thể thiết lập các ví dụ nút để viết ứng dụng của bạn trong TypeScript.
Nhưng sau đó bạn sẽ phải transpile mã đó vào JavaScript để
nó có thể được chạy bằng Node.
Vì vậy, bạn phải thiết lập cơ sở hạ tầng bổ sung
để có thể sử dụng TypeScript.
Trong khóa học này, tôi sẽ sử dụng JavaScript làm ngôn ngữ mặc định cho
phần còn lại của khóa học.
Và tôi sẽ không đi vào Typescript sử dụng nó trong khóa học này
khi các nút bắt đầu hỗ trợ Typescript bản địa,
sau đó nó làm cho ý nghĩa hơn để chuyển sang Typescript [không nghe được].
Nhưng nếu bạn quan tâm đến Typescript,
tôi đã nhận thấy rằng đã có một số bài viết blog được đăng bởi
những người khác nhau minh họa cách bạn có thể thiết lập ứng dụng Node của bạn để sử dụng Typescript.
Có nói rằng, chúng ta hãy trở lại tập tin index.js và
sau đó tiếp tục với ví dụ của chúng tôi.
Vì vậy, tôi đang thiết lập một chu vi ở đây và sau đó cũng là một chức năng khu vực ở đây.
Một lần nữa, lấy hai giá trị, x và y
, đại diện cho chiều dài và chiều rộng của hình chữ nhật.
Hai tham số, và diện tích được tính là x lần y
Vì vậy, từ toán học tiểu học của
bạn, bạn biết cách tính chu vi và diện tích của hình chữ nhật.
Vì vậy, ở đây, tôi đã thiết lập đối tượng JavaScript này ở đây và
sau đó cho phép tôi xác định một hàm ở đây tên SolveRect
, trong đó có hai giá trị, (l
, b), như hai tham số, chiều dài và bến của hình chữ nhật.
Và nó sẽ sử dụng đối tượng JavaScript này mà tôi đã định nghĩa
trước đó để tính toán chu vi và diện tích của anh hình chữ nhật.
Vì vậy, bên trong đây,
hãy để tôi làm một console.log và
nói Giải quyết cho hình chữ nhật với l bằng
Điều này chỉ là để thuận tiện cho chúng tôi.
Vì vậy, mà sẽ in ra thông tin này vào thiết bị đầu cuối có và
như vậy trong console.log này, tôi chỉ in ra các giá trị l và b, để
tôi biết cho hình chữ nhật mà chúng tôi đang tính toán chiều dài và chiều rộng.
Bây giờ, tôi sẽ kiểm tra để đảm bảo chiều dài và chiều
rộng không nhỏ hơn hoặc bằng 0.
Nếu chúng nhỏ hơn hoặc bằng 0, thì không có ý nghĩa để tính toán
chu vi và diện tích cho hình chữ nhật.
Vì vậy, tôi sẽ nói console.log ở đây,
vì vậy tôi sẽ nói
kích thước hình chữ nhật nên
lớn hơn không.
Vì vậy, theo cách đó, chúng tôi in ra các giá trị này trên màn hình nếu chiều dài và chiều
rộng nhỏ hơn hoặc bằng 0.
Nếu không tất nhiên, nó có ý nghĩa để tính toán chu vi và
diện tích của hình chữ nhật.
Vì vậy, chúng ta sẽ nói khác
console.log (“Diện tích
của hình chữ nhật là”).
Tương tự như vậy, chúng tôi sẽ tính toán,
Chu vi của hình chữ nhật.
Đây.
Vì vậy, bên trong chức năng này, chúng tôi đang tính toán diện tích và
chu vi của hình chữ nhật và thanh lọc nó ra.
Bây giờ, chúng ta rõ ràng cần phải gọi hàm này bằng cách sử dụng các giá trị khác nhau cho
chiều dài và chiều rộng và xem những gì nó in lên.
Vì vậy, ngay dưới đây, tôi sẽ nói SolveRect và
sau đó chỉ cần sử dụng một số giá trị ở đây.
Vì vậy, tôi sẽ nói 2, 4, và 3, 5.
Và chúng ta hãy nói 0, 5 và xem những gì xảy ra.
Và -3, 5.
Vì vậy, bốn lựa chọn khác nhau của các tham số ở đây để
minh họa cách ứng dụng này sẽ làm việc.
Vì vậy, với điều này, chúng ta hãy lưu các thay đổi.
Bây giờ quay trở lại thiết bị đầu cuối, tại dấu nhắc, gõ npm bắt đầu và
bạn sẽ thấy rằng nó in ra khu vực của chu vi cho
các hình chữ nhật khác nhau mà chúng tôi đã chỉ định ở đó.
Vì vậy, chúng tôi đang nói giải quyết cho hình chữ nhật với l là bằng hai và
b là bằng bốn, và diện tích của chu vi cho hình chữ nhật này.
Và đối với thứ hai, và đối với thứ ba, như bạn thấy,
kích thước của bạn phải lớn hơn 0 và đối với
thứ tư cũng, nó đang in ra cùng một giá trị.
Bây giờ rõ ràng, tôi nhận thấy rằng tôi sẽ cần một không gian ở đó, vì vậy tôi sẽ chỉ sửa
mã để thêm vào đó không gian thêm ở đó.
Vì vậy, với điều này, chúng ta đã thấy làm thế nào chúng ta có thể viết một ứng dụng nút đơn giản
để tính toán chu vi và diện tích của một hình chữ nhật.
Bây giờ rõ ràng, bạn muốn có thể thiết lập một kho lưu trữ Git,
nơi bạn có thể lưu trữ tất cả các mã này.
Vì vậy, tại dấu nhắc gõ git init để khởi tạo kho Git và
sau đó bạn có thể kiểm tra trạng thái của kho Git và
bạn nhận thấy rằng hai tập tin đã được tạo ra mới.
Vì vậy, chúng ta hãy thêm hai tập tin vào kho lưu trữ Git của chúng tôi
, và tại thời điểm này,
kiểm tra trạng thái git, bạn thấy rằng hai tập tin đã được kiểm tra trong.
Vì vậy, chúng ta hãy làm một cam kết git phá vỡ
thông điệp Simple Node Ví dụ.
Trong phần thứ hai của bài tập này, chúng ta sẽ bây giờ
tạo ra một mô-đun nút trong ví dụ này.
Vì vậy, tại trình soạn thảo, trong trình soạn thảo,
tạo một tập tin có tên rectangle.js.
Và bên trong tập tin này, chúng ta sẽ tạo ra một mô-đun nút.
Vì vậy, chúng tôi sẽ sử dụng
đối tượng xuất khẩu để xuất khẩu hai
giá trị từ mô-đun nút này.
Vì vậy, như bạn đã học được, mỗi tập tin trong một ứng dụng nút trở thành mô-đun nút riêng của nó.
Vì vậy, từ bên trong mô-đun nút hình chữ nhật này,
tôi sẽ xuất hai giá trị, chu vi,
và khu vực.
Bây giờ tôi sẽ đi vào tập tin index.js và sau đó chỉ cần sao chép giá trị này.
Và đó là những gì chúng ta sẽ sử dụng như là xuất khẩu cho
chu vi ở đây và tương tự cho
khu vực tôi sẽ chỉ sao chép này từ
tập tin js chỉ mục và sau đó sử dụng nó cho khu vực.
Vì vậy, bây giờ, chúng tôi có một mô-đun nút đơn giản đã sẵn sàng, đó là xuất khẩu hai giá trị,
chu vi và diện tích từ tập tin rectangle.js này.
Vì vậy, như chúng ta đã học được trong bài giảng, các module nút [không nghe được],
bây giờ một khi bạn tạo ra một mô-đun nút, bạn cần phải nhập mô-đun nút đó
vào một tập tin khác mà bạn muốn sử dụng nó.
Vì vậy, quay trở lại tập tin index.js.
Bây giờ tôi sẽ thay thế toàn bộ điều này bằng cách yêu cầu và
tôi lưu ý rằng mô-đun nút này nằm trong cùng một
thư mục như dự án hiện tại.
Vì vậy, tôi sẽ nói yêu cầu hình chữ nhật và đó là nó.
Vì vậy, thay đổi của tôi bây giờ đã hoàn tất.
Vì vậy, tập tin index.js đặc biệt này sẽ nhập khẩu
mô-đun nút hình chữ nhật mà chúng tôi vừa tạo ra, và sau đó sử dụng nó trong mã của chúng tôi ở đây.
Vì vậy, chúng ta hãy lưu các thay đổi và
sau đó xem ứng dụng của chúng tôi một lần nữa, tại dấu nhắc thiết bị đầu cuối.
Đi đến thiết bị đầu cuối, tại dấu nhắc, gõ npm start.
Bạn sẽ nhận thấy rằng có
phiên bản sửa đổi của ứng dụng này tạo ra chính xác kết quả giống như trước đây.
Với điều này, chúng ta tìm hiểu về cách bạn có thể tạo ra một
mô-đun nút đơn giản trong ứng dụng của chúng tôi.
Bây giờ kiểm tra trạng thái git, bạn sẽ thấy rằng bạn có hai tập tin,
một trong đó đã được sửa đổi, một trong đó mới được thêm vào.
Vì vậy, chúng ta hãy thêm điều này vào kho Git của chúng tôi và
sau đó thực hiện một cam kết git với thông điệp,
Simple Node Module.
Và kiểm tra bản ghi git và
bạn sẽ nhận thấy rằng chúng tôi có hai cam kết mà chúng tôi
đã cam kết với kho lưu trữ Git của chúng tôi ở đó.
Với điều này, chúng tôi hoàn thành bài tập này.
Trong bài tập này, chúng ta đã thấy làm thế nào chúng ta có thể viết một ứng dụng nút đơn giản.
Và cũng làm thế nào chúng ta có thể viết một mô-đun nút đơn giản và
sử dụng nó với một tập tin khác trong ứng dụng nút của chúng tôi.
[ NHẠC]