Học JavaScript qua câu chuyện - Thổi hồn vào trang web quán cà phê của Minji
Khóa học này giúp bạn thành thạo JavaScript bằng cách trực tiếp xây dựng 'Quán cà phê của Minji' sống động, thay vì việc học thuộc lòng nhàm chán.
Thông qua trải nghiệm thực tế thổi 'sức sống' giúp website có thể click, di chuyển và phản hồi, bạn có thể có được những dự án hoàn thiện với độ hoàn thành cao có thể sử dụng ngay làm portfolio xin việc.
Nếu bạn chỉ có kiến thức cơ bản về html/css, khóa học dựa trên storytelling này chắc chắn sẽ nâng cấp bạn từ 'người xây dựng website' thành 'nhà phát triển web'.
Hầu hết các khóa học JavaScript thông thường khiến bạn phải học thuộc lòng riêng lẻ các cú pháp như biến, hàm, vòng lặp nên rất nhàm chán và khiến bạn bối rối không biết phải áp dụng như thế nào trong thực tế.
Giống như chỉ học tên và định nghĩa của cưa, búa, đinh cần thiết cho xây dựng, mà thực tế lại không xây nhà vậy.
Khóa học này theo một câu chuyện lớn là 'hoàn thành trang web quán cà phê của Minji', vì vậy bạn có thể áp dụng ngay vào thực hành sau khi học ngữ pháp và xem kết quả bằng mắt thường.
Thông qua phương pháp này, các bạn sẽ có trải nghiệm tạo ra các tính năng thực tế có thể sử dụng ngay lập tức thay vì phải băn khoăn "Cái này dùng ở đâu nhỉ?".
Một trang web 'sống động' có nghĩa là khả năng phản ứng và chuyển động ngay lập tức theo hành động của người dùng (client).
Nếu HTML và CSS tạo ra khung xương và hình dạng của website (cấu trúc và nội thất của ngôi nhà), thì JavaScript đóng vai trò thổi hồn vào website đó (điện, nước, cửa chuyển động).
Khi học JavaScript, bạn sẽ có thể tạo ra những trang web động 'có thể nhấp chuột, di chuyển và phản ứng'.
Ví dụ, tất cả các chức năng như thay đổi menu khi nhấn nút, hoặc hiển thị thông báo cảnh báo khi nhập thông tin sai trong form đặt chỗ đều thuộc về lĩnh vực của JavaScript.
Khóa học này bao gồm tổng cộng 5 phần, 15 tập, với tổng thời gian học khoảng 5.3 giờ (320 phút), ngắn gọn và tập trung.
Trong 2 tuần đầu tiên (Section 1, 2) sẽ củng cố cú pháp cơ bản của lập trình và hiểu về chính ngôn ngữ JavaScript.
Điều thực sự thổi sức sống vào trang web bắt đầu từ phần thao tác DOM (Document Object Model Manipulation) (Tuần 3, Phần 3).
Thao tác DOM là quá trình học 'tìm kiếm phần tử', 'thay đổi style', 'thêm/xóa phần tử', có nghĩa là khả năng có thể tùy ý điều khiển các phần cụ thể của trang web.
graph TD
A["Section 1 & 2: Cơ bản lập trình (Tuần 1-2)"] --> B["Section 3: Thao tác DOM (Tuần 3)"];
B --> C["Section 4: Tương tác (Tuần 4)"];
C --> D["Section 5: Tính năng thực tế (Tuần 5)"];
style B fill:#f9f,stroke:#333,stroke-width:2pxKhi hoàn thành khóa học, bạn sẽ có thể tự hào đưa vào portfolio xin việc 'trang web Code Brew Cafe' hoàn chỉnh.
Các tính năng được tạo ra không phải là những ví dụ đơn giản, mà là những tính năng thực tế cần thiết cho các trang web đang vận hành.
Các bạn sẽ tự tay triển khai lọc menu (chỉ xem cà phê, chỉ xem tráng miệng), xác thực form đặt bàn (kiểm tra số điện thoại có đúng không), chuyển đổi chế độ tối và nhiều tính năng khác.
Đặc biệt, tính năng hiển thị thời tiết thời gian thực cung cấp trải nghiệm học tập công nghệ nâng cao thông qua việc tích hợp và lấy dữ liệu từ API bên ngoài (thông tin từ server khác).
Để tối đa hóa hiệu quả học tập, mỗi tập sẽ có nhiệm vụ 3 giai đoạn: nhiệm vụ cơ bản, nâng cao và thưởng.
Nhiệm vụ cơ bản là ôn tập nội dung bài giảng, nhiệm vụ nâng cao là áp dụng sáng tạo những gì đã học, và nhiệm vụ thưởng là cấu trúc để xem trước một chút nội dung tiếp theo.
Để bắt đầu khóa học này, không cần có kinh nghiệm lập trình, nhưng bạn phải có kiến thức cơ bản về HTML/CSS.
Giống như khi vẽ tranh, canvas (HTML) và màu sơn (CSS) phải được chuẩn bị sẵn sàng thì mới có thể học cách cầm cọ (JavaScript) được.
![Từ Javascript đến React [PHẦN 4/4] Con đường đến với React không bỏ cuộcHình thu nhỏ khóa học](https://cdn.inflearn.com/public/courses/335783/cover/930b46e2-845d-41bd-b0cd-79c37af5e616/335783.png?w=420)
