Xây dựng bảng triển khai trong console
Khóa học miễn phí này có 10 chương. Bạn sẽ xây dựng Acme Deploys từ trang trống thành ứng dụng đã triển khai với route, dữ liệu và kiểm thử. Mỗi chương chạy trực tiếp trong DevTools khi bạn đọc.
Tiến độ0/10
- 01Bắt đầuTạo ứng dụng, render trang đầu tiên và phản hồi phím bấm.5 phút
- 02Layout với BoxDựng khung bảng điều khiển bằng Flexbox theo ô: thanh trên cùng, thanh bên và các thẻ.7 phút
- 03Văn bản và kiểu dángĐịnh kiểu thẻ triển khai bằng màu sắc, thuộc tính văn bản và token theme.6 phút
- 04Nhập liệu và KeymapDùng bàn phím để di chuyển giữa các bản triển khai và thêm lớp trợ giúp ?.8 phút
- 05Định tuyếnChia ứng dụng thành các route có layout dùng chung, liên kết kèm phím tắt và lịch sử.8 phút
- 06Dữ liệu & route handlerPhục vụ bản triển khai từ app/api, lấy chúng trong trang và gửi bản mới.8 phút
- 07Table, List & biểu đồThay các dòng tự viết bằng Table có thể sắp xếp và biểu đồ không bao giờ làm dịch chuyển layout.7 phút
- 08Kiểm thửRender ngoài màn hình, nhấn phím và kiểm tra frame dưới dạng văn bản.6 phút
- 09Chạy trong terminalChạy cùng bảng điều khiển toàn màn hình trong terminal bằng text run.5 phút
- 10Phát hànhBuild, đặt siêu dữ liệu và triển khai Acme Deploys.4 phút
- ▼Chứng chỉNhận chứng chỉ mang tên bạn, render trong console.
Khóa học chạy trong console của bạn
Mở console bằng ⌘⌥JCtrl+Shift+J⌘⌥KCtrl+Shift+K⌘⌥C (bật tính năng dành cho nhà phát triển trước), nhấp bên dưới và chọn chương bằng phím mũi tên.
▼ learn
Mở console
⌘⌥J
CtrlShiftJ
⌘⌥K
CtrlShiftK
⌘⌥C
Ứng dụng render trong DevTools.Trước tiên bật “Hiển thị tính năng cho nhà phát triển web” trong Cài đặt Safari → Nâng cao. Sau đó nhấp vào đây và nhấn ↓.
Mở trên máy tính
Ứng dụng này render trong console của DevTools, cần trình duyệt trên máy tính.