Hãy cùng khám phá một website ấn tượng, được xây dựng bằng JavaScript của bạn sinh viên năm nhất Phan Huỳnh Phúc Khang – trường Cao đẳng FPT Polytechnic cơ sở TP HCM nhé!
Trong môn học JavaScript cơ bản, nhờ nắm bắt kiến thức và có khả năng thực hành tốt, bạn Phan Huỳnh Phúc Khang – sinh viên FPT Polytechnic TP HCM dù mới chỉ học năm nhất đã xây dựng thành công website bằng JavaScript, cùng với banner, giao diện, hiệu ứng đẹp mắt, mượt mà, được giảng viên đánh giá cao.
Trang chủ: Banner với hiệu ứng Slider chuyển hình và tự chuyển sau 3 giây. Các hiệu ứng chuyển động mượt mà và tinh tế này giúp mang lại trải nghiệm người tốt nhất.
Sản phẩm hiển thị đẹp mắt
Các sản phẩm trên trang chủ được hiển thị thông qua việc sử dụng JavaScript thuần để truy xuất dữ liệu từ file data.js. Cách làm này không chỉ giúp website trở nên linh hoạt, mà còn tạo điều kiện thuận lợi cho việc cập nhật nội dung. Phúc Khang đã áp dụng rất hiệu quả những kiến thức cơ bản mà giảng viên đã truyền đạt, thể hiện sự hiểu biết vững vàng và khả năng thực hành tốt.
Ngoài trang chủ, website còn tích hợp chức năng tìm kiếm và sắp xếp sản phẩm theo tên, sau đó gọi hàm để hiển thị thông tin chi tiết. Đây là một tính năng nâng cao, đòi hỏi sự hiểu biết sâu về JavaScript, điều mà không phải sinh viên năm nhất nào cũng có thể thực hiện được.
Trang chi tiết: Khi người dùng nhấn vào tên sản phẩm, thông tin chi tiết của sản phẩm sẽ ngay lập tức được hiển thị, lấy từ dữ liệu được lưu trữ sẵn trong mảng. Cách bạn sử dụng JavaScript để xử lý và hiển thị dữ liệu một cách động như vậy cho thấy khả năng nắm bắt và triển khai kỹ thuật lập trình một cách hiệu quả.
Trang chi tiết sản phẩm còn có tính năng phóng to hình ảnh, cho phép người dùng xem rõ hơn từng chi tiết một cách dễ dàng.
Ở cuối trang chi tiết của sản phẩm là nhóm các Sản phẩm đề xuất liên quan, điều này giúp tăng cường trải nghiệm mua sắm và gợi ý những lựa chọn hấp dẫn khác.
Chức năng giỏ hàng
Phúc Khang đã tinh tế sử dụng LocalStorage để lưu trữ thông tin sản phẩm mỗi khi khách hàng nhấn vào nút mua hàng, đảm bảo sự liền mạch và tiện lợi trong trải nghiệm mua sắm. Giao diện thân thiện và dễ sử dụng, nâng cao trải nghiệm người dùng một cách đáng kể.
Validate Form với Javascript được Phúc Khang vẫn dụng khá tốt.
Website do Phúc Khang phát triển không chỉ là minh chứng rõ nét cho sự thành thạo trong việc áp dụng kiến thức HTML, CSS, và JavaScript, mà còn là một sản phẩm có tính ứng dụng cao. Sự kết hợp hài hòa giữa thiết kế tinh tế, chức năng phong phú, và khả năng xử lý dữ liệu mượt mà đã tạo nên một trải nghiệm người dùng ấn tượng. Hy vọng rằng, Phúc Khang sẽ tiếp tục phát triển và đạt nhiều thành công hơn nữa trên con đường học tập sắp tới!
Giảng viên Nguyễn Hoàng Vinh
Bộ môn CNTT
FPT Polytechnic TP HCM