Title 03. [Coding - JSI] Student Book.pdf ✅

Web Developer - Intensive STUDENT BOOK WEB DEVELOPER - LEVEL INTENSIVE Ban hành bởi đội ngũ R&D K12 - Trường học công nghệ MindX Bản quyền thuộc CTCP Trường học công nghệ MindX, website: https://mindx.edu.vn Trang 1


Web Developer - Intensive Hướng dẫn/Các bước thực hành ● Bước 1: Làm quen cấu trúc dự án ○ Học viên mở lại link deploy, github dự án để xem cấu trúc mã nguồn dự án và cách dự án hoạt động trên Internet. ● Bước 2: Phân tích giao diện, chức năng ○ Giao diện ■ Nhận biết các thành phần chính như: Header, danh sách pokemon, khu vực hiển thị chi tiết thuộc tính pokemon. ■ Lưu ý các hiệu ứng động hoặc chuyển đổi giao diện (nếu có) ○ Xác định luồng dữ liệu: ■ Tìm hiểu cách dữ liệu về Pokémon được hiển thị trên trang. ■ Quan sát cách JavaScript lấy dữ liệu (có thể từ file JSON hoặc API) và cập nhật nội dung trên DOM. ● Bước 3: Bắt đầu thực hành dự án và chạy cục bộ ● Bước 4: Push code lên github và deploy dự án lên Internet với github Page. Có thể em chưa biết? Một vài nền tảng Deploy miễn phí khác Ngoài GitHub Pages, em có thể thử triển khai dự án của mình lên các nền tảng deploy miễn phí khác, giúp mở rộng kinh nghiệm và tối ưu hóa quy trình phát hành website. Dưới đây là một số lựa chọn: Nền tảng Đặc điểm Ưu điểm Gợi ý sử dụng Netlify Cung cấp dịch vụ deploy tự động từ GitHub, CI/CD tích hợp, hỗ trợ HTTPS miễn phí. Dễ cấu hình, tích hợp với Git, hỗ trợ form handling, redirect rules. Thử deploy dự án bằng cách liên kết repository GitHub với Netlify. Vercel Nền tảng deploy hiện đại với hỗ trợ Next.js, dễ dàng mở rộng dự án. Cấu hình đơn giản, tốc độ deploy nhanh, hỗ trợ các framework hiện đại. Dành cho các dự án muốn thử nghiệm các tính năng mới của JavaScript/React. Firebase Hosting Dịch vụ của Google dành cho deploy website tĩnh và các ứng dụng web. Tích hợp mạnh mẽ với các sản phẩm Firebase khác, SSL miễn phí, tốc độ cao. Thích hợp khi em muốn tích hợp thêm backend nhỏ hoặc các tính năng realtime. Bản quyền thuộc CTCP Trường học công nghệ MindX, website: https://mindx.edu.vn Trang 4