Đây là khóa học dự án thực tế về việc thêm các tính năng tương tác bằng JavaScript vào trang web quán cà phê đã được hoàn thiện đẹp mắt với HTML và CSS. Bạn có thể học một cách tự nhiên tất cả các kiến thức cơ bản về JavaScript từ click button, lọc menu, form đặt bàn, toggle dark mode cho đến kết nối API thông qua câu chuyện của Minji và thầy Code. Chỉ với 5 giờ học, ngay cả người mới bắt đầu cũng có thể tạo ra ứng dụng web động.
11 học viên
Độ khó Nhập môn
Thời gian Không giới hạn
Bạn có thể nắm vững tất cả các cú pháp cơ bản của JavaScript thông qua các dự án thực tế
DOM manipulation cho phép kiểm soát trang web một cách động
Có thể triển khai tương tác người dùng thông qua xử lý sự kiện
Bạn có thể học các JavaScript pattern thường được sử dụng trong thực tế
Có thể hiển thị dữ liệu thời gian thực bằng cách tích hợp API
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.
Khóa học này dành cho ai?
Bạn đã tạo website bằng HTML/CSS nhưng cảm thấy tiếc vì nó chỉ là trang tĩnh
Những người muốn tạo ra điều gì đó xảy ra khi nhấp vào nút
Những người muốn tạo ra website tương tác với người dùng
Những người mới bắt đầu lập trình nhưng muốn khởi đầu với phát triển web
Ông chủ muốn thêm chức năng đặt bàn, bộ lọc menu, v.v. vào trang web của quán cà phê, nhà hàng
Cần biết trước khi bắt đầu?
Cần có kiến thức cơ bản về HTML/CSS! Bạn cần biết cấu trúc cơ bản của thẻ HTML và cách tạo kiểu CSS. Hãy học trước các khóa học "Học HTML qua câu chuyện" và "Học CSS qua câu chuyện", hoặc ít nhất cũng cần hiểu về cấu trúc trang web và cách tạo kiểu là đủ.
162
Học viên
12
Đánh giá
3
Trả lời
3.9
Xếp hạng
5
Các khóa học
Xin chào. Chúng tôi là Social Archive.
Tại Social Archive, chúng tôi vận hành 'kho lưu trữ các tài liệu chất lượng cao có giá trị bảo tồn lâu dài' và thực hiện ba vai trò nhằm đổi mới cách thức làm việc của bạn.
[Kỹ sư phần mềm] Tại Kakao Enterprise, tôi đã phát triển API Backend và luôn trăn trở về việc tối ưu hóa hiệu quả cốt lõi của hệ thống công việc. Kinh nghiệm này chính là nền tảng để tôi thiết kế các quy trình tự động hóa AI một cách vững chắc nhất.
[Phi công AI] Tôi là một người tiên phong sử dụng các công cụ AI và GPT để tạo ra kết quả nhanh chóng và chính xác nhất trong thực tế. Bằng cách chọn lọc những bí quyết đã được kiểm chứng, tôi sẽ đề xuất lộ trình bay tối ưu nhất cho các bạn.
Với tư cách là giảng viên chính của [Giảng viên chuyên nghiệp] Học viện IT Ngân hàng KB Kookmin và goormEDU, tôi sở hữu khả năng truyền đạt giúp chuyển hóa những kỹ thuật phức tạp thành kiến thức dễ hiểu có thể áp dụng ngay vào thực tế.
Bài giảng này là tài liệu đổi mới công việc chất lượng cao, nơi hội tụ năng lực đỉnh cao của ba hình mẫu nhân vật. Hãy cùng tôi biến AI không chỉ đơn thuần là một công cụ, mà trở thành tài sản cốt lõi của tương lai.
Tất cả
15 bài giảng ∙ (2giờ 49phút)
Tài liệu khóa học:
Tất cả
1 đánh giá
411.310 ₫
Hãy khám phá các khóa học khác của giảng viên!
Khám phá các khóa học khác trong cùng lĩnh vực!
![CSS3 tương tác web hiện đại [PHẦN 2/3]Course Thumbnail](https://cdn.inflearn.com/public/courses/335745/cover/db39333d-68a5-4ca7-9629-dac891711a94/335745.jpg?f=avif&w=420)
