vi mô. bản thân bit được coi là phần cứng. Nó là một phần vật lý của công nghệ. Để sử dụng phần cứng, chúng ta cần viết phần mềm [còn được gọi là “mã” hoặc chương trình máy tính]. Phần mềm “ra lệnh” cho phần cứng phải làm gì và thực hiện theo thứ tự nào bằng cách sử dụng các thuật toán. Thuật toán là tập hợp các hướng dẫn máy tính
Trong hoạt động này, chúng ta sẽ khám phá cách sử dụng micro. các nút bit làm thiết bị đầu vào và viết mã sẽ làm cho điều gì đó xảy ra trên màn hình dưới dạng đầu ra. Chúng ta cũng sẽ tìm hiểu về mã giả, công cụ MakeCode, trình xử lý sự kiện và mã nhận xét
mã giả
Bạn muốn chương trình của mình làm gì? . Viết ra một kế hoạch chi tiết từng bước cho chương trình của bạn. Kế hoạch của bạn nên bao gồm loại thông tin mà chương trình của bạn sẽ nhận được, đầu vào này sẽ được xử lý như thế nào, đầu ra nào mà chương trình của bạn sẽ tạo ra và đầu ra sẽ được ghi hoặc trình bày như thế nào. Bài viết của bạn không cần phải được viết thành câu hoàn chỉnh, cũng như không bao gồm mã thực tế. Loại văn bản chi tiết này được gọi là mã giả. Mã giả giống như một phác thảo chi tiết hoặc bản thảo thô của chương trình của bạn. Mã giả là sự kết hợp giữa ngôn ngữ tự nhiên và mã
Đối với chương trình chúng tôi sẽ viết, mã giả có thể trông như thế này
- Bắt đầu với một màn hình trống
- Bất cứ khi nào người dùng nhấn nút A, hiển thị khuôn mặt vui vẻ
- Bất cứ khi nào người dùng nhấn nút B, hiển thị một khuôn mặt buồn
Microsoft MakeCode
Bây giờ bạn đã có kế hoạch cho chương trình của mình, ở dạng mã giả, hãy bắt đầu tạo chương trình thực. Trong cửa sổ trình duyệt, hãy mở Microsoft MakeCode cho micro. công cụ bit [https. //makecode. vi mô. tổ chức]. Công cụ MakeCode được gọi là IDE [Môi trường phát triển tích hợp] và là một ứng dụng phần mềm chứa mọi thứ mà một lập trình viên cần để tạo, biên dịch, chạy, kiểm tra và thậm chí gỡ lỗi chương trình
Tham quan Microsoft MakeCode
- Trình mô phỏng - ở bên trái màn hình, bạn sẽ thấy một vi mô ảo. bit sẽ hiển thị chương trình của bạn trông như thế nào khi chạy trên vi mô. chút. Điều này hữu ích cho việc gỡ lỗi và phản hồi tức thì về việc thực thi chương trình
- Hộp công cụ - ở giữa màn hình, có một số danh mục khác nhau, mỗi danh mục chứa một số khối có thể được kéo vào không gian làm việc lập trình ở bên phải
- Không gian làm việc - ở bên phải màn hình là Không gian làm việc lập trình nơi bạn sẽ tạo chương trình của mình. Các chương trình được xây dựng bằng cách ghép các khối lại với nhau trong khu vực này
Các tính năng nổi bật ở đây là
- Chuyển đến Màn hình chính để bắt đầu một dự án mới hoặc mở một dự án hiện có
- Trình mô phỏng hiển thị chương trình của bạn sẽ trông như thế nào khi chạy trên vi mô. chút
- Ẩn hoặc Hiển thị ngăn giả lập
- Chương trình trong Blocks hoặc JavaScript
- Không gian làm việc lập trình nơi bạn sẽ xây dựng chương trình của mình
- Hộp công cụ khối
- Tải chương trình của bạn xuống micro. chút
- Đặt tên cho dự án của bạn và Lưu nó vào máy tính của bạn
xử lý sự kiện
Khi bạn bắt đầu một dự án mới, sẽ có hai khối màu xanh lam, 'khi bắt đầu' và 'mãi mãi' đã có trong không gian viết mã. Hai khối này là bộ xử lý sự kiện
Trong lập trình, một sự kiện là một hành động được thực hiện bởi người dùng, chẳng hạn như nhấn phím hoặc nhấp vào nút chuột. Trình xử lý sự kiện là một thủ tục đáp ứng một sự kiện. Một lập trình viên có thể viết mã cho máy tính biết phải làm gì khi một sự kiện xảy ra
Một hoạt động thú vị mà bạn có thể thực hiện với trẻ em để củng cố ý tưởng về một hành động chờ đợi một sự kiện là hoạt động Crazy Conditionals
ghi chú
- Chú giải công cụ - Di chuột qua bất kỳ khối nào cho đến khi biểu tượng bàn tay xuất hiện và một hộp văn bản nhỏ sẽ bật lên cho bạn biết khối đó làm gì. Bạn có thể thử điều này ngay bây giờ với các khối 'bắt đầu' và 'mãi mãi'
Di chuột qua mã trong JavaScript cũng có tác dụng tương tự
- Trợ giúp/Tài liệu - Bạn cũng có thể nhấp chuột phải vào bất kỳ khối nào và chọn Trợ giúp để mở tài liệu tham khảo
- Xóa khối - Nhấp vào khối 'mãi mãi' và kéo nó sang trái vào khu vực Hộp công cụ. Bạn sẽ thấy biểu tượng thùng rác xuất hiện. Buông bỏ khối và nó sẽ biến mất. Bạn có thể kéo bất kỳ khối nào trở lại khu vực Hộp công cụ để xóa nó khỏi không gian làm việc viết mã. Bạn cũng có thể xóa một khối khỏi cửa sổ mã hóa của mình bằng cách chọn khối đó rồi nhấn phím “xóa” trên bàn phím [hoặc lệnh-X trên máy mac]
Nhìn vào mã giả của chúng tôi, chúng tôi muốn đảm bảo bắt đầu chương trình với màn hình rõ ràng
- Chúng ta có thể thực hiện việc này bằng cách chuyển đến danh mục Hộp công cụ cơ bản và bên dưới …thêm, chọn một khối
||basic:clear screen||
- Kéo khối 'xóa màn hình' vào Không gian làm việc mã hóa
Lưu ý rằng khối bị 'xám'. Nếu bạn di chuột qua khối 'đã chuyển sang màu xám', một hộp văn bản bật lên sẽ xuất hiện cho bạn biết rằng vì khối này không được đính kèm với khối xử lý sự kiện nên nó sẽ không chạy.
- Hãy tiếp tục và kéo khối 'xóa màn hình' vào khối 'khi bắt đầu'. Bây giờ khối không còn chuyển sang màu xám, cho biết nó sẽ chạy khi sự kiện, chương trình bắt đầu xảy ra
basic.clearScreen[]Tiết kiệm sớm, tiết kiệm thường xuyên
Bây giờ chúng tôi có một chương trình làm việc chạy trên micro. mô phỏng bit. Khi bạn viết chương trình, MakeCode sẽ tự động biên dịch và chạy mã của bạn trên trình mô phỏng. Chương trình không làm được gì nhiều vào thời điểm này, nhưng trước khi làm cho nó thú vị hơn, chúng ta nên đặt tên cho chương trình của mình và lưu nó
Ở dưới cùng bên trái của cửa sổ ứng dụng, bên phải nút Tải xuống, là một hộp văn bản trong đó bạn có thể đặt tên cho chương trình của mình. Sau khi đặt tên cho chương trình của bạn, nhấn nút lưu để lưu nó.
Nhiều trình xử lý sự kiện hơn
Bây giờ để làm cho chương trình của chúng ta thú vị hơn một chút bằng cách thêm hai trình xử lý sự kiện nữa
- Từ menu Đầu vào, kéo hai khối 'trên nút A đã nhấn' vào cửa sổ mã hóa
Lưu ý rằng khối thứ hai có màu xám. Điều này là do, ngay bây giờ, chúng là cùng một khối, cả hai đều 'nghe' cho cùng một sự kiện 'nhấn nút A'.
- Bây giờ hãy để nguyên khối đầu tiên và sử dụng menu thả xuống trong khối thứ hai, thay đổi 'A' thành 'B'. Bây giờ khối này sẽ không còn bị chuyển sang màu xám nữa, vì nó hiện đang lắng nghe một sự kiện khác, 'nhấn nút B'
input.onButtonPressed[Button.A, [] => {
}]
input.onButtonPressed[Button.B, [] => {
}]Hiển thị đèn LED
Bây giờ chúng ta có thể sử dụng đèn LED của mình để hiển thị các hình ảnh khác nhau tùy thuộc vào nút mà người dùng nhấn
- Từ menu Cơ bản, kéo hai khối 'đèn led hiển thị' vào không gian làm việc viết mã
- Đặt một khối 'hiển thị đèn led' vào trình xử lý sự kiện 'bật nút A được nhấn' và khối 'hiển thị đèn led' thứ hai vào trình xử lý sự kiện 'bật nút B được nhấn'
input.onButtonPressed[Button.A, [] => {
basic.showLeds[`. . . . .
. . . . .
. . . . .
. . . . .
. . . . .
`]
}]
input.onButtonPressed[Button.B, [] => {
basic.showLeds[`
. . . . .
. . . . .
. . . . .
. . . . .
. . . . .
`]
}]- Nhấp vào các hộp nhỏ riêng lẻ trong khối 'hiển thị đèn led' nằm trong trình xử lý sự kiện 'bật nút A đã nhấn' để tạo hình ảnh của một khuôn mặt hạnh phúc
- Nhấp vào các hộp nhỏ riêng lẻ trong khối 'hiển thị đèn led' nằm trong trình xử lý sự kiện 'bật nút B đã nhấn' để tạo hình ảnh khuôn mặt buồn
input.onButtonPressed[Button.A, [] => {
basic.showLeds[`
. . . . .
. # . # .
. . . . .
# . . . #
. # # # .
`]
}]
input.onButtonPressed[Button.B, [] => {
basic.showLeds[`
. . . . .
. # . # .
. . . . .
. # # # .
# . . . #
`]
}]Bạn đã bao giờ tự hỏi làm thế nào những đèn LED đó bật và phát sáng chưa?
Kiểm tra chương trình của bạn
Hãy nhớ rằng MakeCode tự động biên dịch và chạy chương trình của bạn, vì vậy tất cả những gì bạn cần làm bây giờ là nhấn nút A rồi nhấn nút B trong trình giả lập để xem đầu ra do mã của bạn tạo ra
- Thoải mái thử nghiệm với việc bật hoặc tắt đèn LED trong các khối 'đèn led hiển thị' cho đến khi bạn có được hình ảnh mình muốn
- Nhớ lưu mã của bạn
basic.forever[[] => {
basic.showLeds[`
. . . . .
. # . # .
. . . . .
# . . . #
. # # # .
`]
basic.pause[800]
basic.showLeds[`
. . . . .
. # . # .
. . . . .
. # # # .
# . . . #
`]
basic.pause[800]
}]Nhận xét mã của bạn
Đó là một thực hành tốt để thêm nhận xét vào mã của bạn. Nhận xét có thể hữu ích theo một số cách. Nhận xét có thể giúp bạn nhớ chức năng của một khối mã nhất định và/hoặc tại sao bạn chọn lập trình thứ gì đó theo cách bạn đã làm. Nhận xét cũng giúp người khác đọc mã của bạn để hiểu những điều tương tự
Để bình luận một khối mã
- Nhấp chuột phải vào biểu tượng xuất hiện trước các từ trên một khối
- Một menu sẽ bật lên. Chọn 'Thêm nhận xét'
- Thao tác này sẽ khiến biểu tượng dấu chấm hỏi xuất hiện ở bên trái biểu tượng trước đó
- Nhấp vào dấu chấm hỏi và một hộp nhỏ màu vàng sẽ xuất hiện để bạn có thể viết nhận xét của mình vào đó
- Nhấp lại vào biểu tượng dấu chấm hỏi để đóng hộp nhận xét khi bạn hoàn tất
- Nhấp vào biểu tượng dấu chấm hỏi bất cứ khi nào bạn muốn xem lại nhận xét của mình hoặc chỉnh sửa nhận xét đó
ghi chú
- Khi bạn nhấp chuột phải vào biểu tượng xuất hiện trước các từ trên một khối, hãy lưu ý rằng có sẵn các tùy chọn khác cho phép bạn sao chép và xóa các khối, cũng như nhận trợ giúp. Thoải mái khám phá và sử dụng chúng khi bạn viết mã
- Trong JavaScript, bạn có thể thêm nhận xét bằng cách sử dụng hai dấu gạch chéo lên, sau đó nhập nhận xét của bạn. Hai dấu gạch chéo về phía trước cho JavaScript biết rằng văn bản sau [trên cùng dòng đó] là một nhận xét
// Display a happy face when button A is pressed.Dọn dẹp
Dọn dẹp không gian làm việc mã hóa của bạn trước khi bạn lưu lần cuối. Điều đó có nghĩa là gì?
- Điều đó có nghĩa là chỉ mã và khối mà bạn đang sử dụng trong chương trình của mình vẫn còn trong không gian làm việc
- Xóa [xóa] bất kỳ khối nào khác mà bạn có thể đã kéo vào không gian viết mã khi bạn đang thử nghiệm và xây dựng chương trình của mình
Lưu và tải xuống
Bây giờ, mã của bạn đang chạy tốt trong trình giả lập, được nhận xét và cửa sổ viết mã của bạn 'sạch', hãy lưu chương trình của bạn, tải xuống vi mô của bạn. một chút, và tận hưởng