Chương 4 THI CÔNG HỆ THỐNG
4.4 Lập trình hệ thống
4.4.4 Phần mềm lập trình Web
a. Giới thiệu phần mềm
CSS là ngôn ngữ giúp trình duyệt hiểu được các thiết lập định dạng và bố cục cho trang web, cho phép bạn điều khiển thiết kế của nhiều thành phần HTML. Ngôn ngữ này được soạn thảo bằng rất nhiều editor phổ biến hiện nay như Notepad++, Atom, Sublime Text, Visual Studio Code, … Trong đó Sublime Text là editor có giao diện trực quan và dễ sử dụng nhất. Sau đây là hướng dẫn sử dụng Sublime Text để lập trình web cơ bản. Link tải: http://www.sublimetext.com/. Để cài đặt Sublime Text ta truy cập vào đường link bên trên rồi bấm vào “DOWNLOAD FOR WINDOWS” để tải file về máy, sau đó tiến hành cài đặt.
b. Sử dụng Sublime Text
Sau khi cài đặt thành công phần mềm, tiến hành mở phần mềm lên. Giao diện của phần mềm như hình 4.22, gồm hai phần chính: Thanh cơng cụ (1) với các nút chức năng của phần mềm và (2) là vùng code editor để soạn thảo code.
Soạn thảo code lập trình cho Web, chỉ nhần nhấp vào vùng code editor và tiến hành soạn thảo code. Sau đó lưu lại bằng cách vào “File” trên thanh bảng chọn và chọn “Save as…” hoặc nhấn tổ hợp phím “Ctrl + Shift + S” để lưu tên cũng như chọn nơi muốn lưu. Để lưu 1 file HTML ta phải đặt tên file theo dạng “< tên file >.html”, tương
CHƯƠNG 4. THI CÔNG HỆ THỐNG
BỘ MÔN ĐIỆN TỬ CÔNG NGHIỆP - Y SINH 41 tự với file JavaScript là “<tên file>.js” và file CSS là “<tên file>.css”. Các file HTML, JavaScript và CSS này phải được đặt trong cùng một thư mục và sau đó thư mục sẽ được upload lên Firebase để trang web có thể hoạt động.
Hình 4.22. Giao diện Sublime Text Các thao tác để host trang web lên Firebase: Các thao tác để host trang web lên Firebase:
Đầu tiên, ta cần phải tải và cài đặt phần mềm tên Node.js về máy tính. Tiếp theo, tiến hành cài đặt Firebase CLI, giúp cung cấp đa dạng các công cụ cho việc quản lý, giám sát cũng như triển khai một project lên Firebase hosting. Để cài đặt Firebase CLI, ngay tại folder chứa các file, mở cửa sổ cmd và nhập lệnh commad: “npm install –g firebase-tools” và chờ một khoảng thời gian để hồn tất việc cài đặt. Sau đó ta dùng lệnh command: “firebase login” để đăng nhập vào gmail muốn sử dụng tương tự dùng lệnh firebase logout để đăng xuất và thực hiện các bước khởi tạo được thể hiện như trong hình 4.23: Nhập Y Hosting chọn một project ở trên firebase đặt tên thư mục để chứa các file của project (ví dụ như tên thư mục là public) Y
BỘ MÔN ĐIỆN TỬ CÔNG NGHIỆP - Y SINH 42
Hình 4.23. Các bước khởi tạo Firebase
Cuối cùng, di chuyển các file project vào thư mục public trong thư mục đã mở cửa sổ cmd, sau đó quay lại cửa sổ cmd và gõ: firebase deploy để triển khai project.