Tài liệu Lập trình Javascript nâng cao
1
ASSIGNMENT
Module/môn: Lập trình Javascript Số hiệu Assignment: …...
% điểm: 60%
nâng cao
Người điều phối của FPT Ngày ban hành:
Polytechnic: Thepv
Bài Assignment này đòi hỏi sinh viên phải dùng khoảng 45h làm để hoàn thành
Tương ứng với mục tiêu môn học:
(A) Lập trình thành thạo với javascript phiên bản ES5 và 1 vài tính năng của phiên bản
ES6
(B) Có được tư duy lập trình hướng đối tượng
(C) Có được tư duy xử lý các bài toán bất đồng bộ
(D) Sử dụng được kỹ thuật ajax trong javascript để gọi api
Gian lận là hình thức lấy bài làm của người khác và sử dụng như là mình làm ra. Hình thức đó
bao gồm những hành động như: copy thông tin trực tiếp từ trang web hay sách mà không ghi rõ
nguồn tham khảo trong tài liệu; gửi bài assignment làm chung như là thành quả cá nhân; copy
bài assignment của các sinh viên khác cùng khóa hay khác khóa; ăn trộm hay mua bài
assignment của ai đó và gửi lên như là sản phẩm mình làm ra. Những sinh viên bị nghi ngờ gian
lận sẽ bị điều tra và nếu phát hiện là có gian lận thì sẽ phải chịu các mức phạt theo quy định của
Nhà trường.
Mọi tài nguyên copy hay điều chế từ bất cứ nguồn nào (VD: Internet, sách) phải được đặt
trong cặp dấu nháy kép và in nghiêng, với thông tin tham khảo đầy đủ về nguồn tài liệu.
Bài làm của bạn sẽ được đưa vào phần mềm kiểm tra gian lận. Mọi hình thức cố tình
đánh lừa hệ thống phát hiện gian lận sẽ bị coi là Vi phạm quy định trong thi cử.
Quy định nộp bài Assignment:
• Một bản mềm kết quả bài làm assignment của bạn phải được upload trước nửa đêm (giờ
địa phương) vào ngày hạn nộp. Quá hạn nộp hệ thống sẽ khóa lại và sinh viên không còn
quyền nộp bài.
• Phiên bản upload lên cuối cùng sẽ được chấm điểm. Sinh viên có quyền upload đè file
nhiều lần trước khi hết hạn nộp.
• Tất cả những file tài liệu văn bản phải để ở dạng file gốc chứ không file dạng file được
xuất ra từ định dạng khác (ví dụ pdf được xuất từ doc).
LẬP TRÌNH JAVASCRIPT NÂNG CAO
ASSIGNMENT
2
• Đối với bài assignment này bạn cũng phải đưa các bằng chứng hay sản phẩm khác vào
trong file nén dạng zip.
• Kích thước file cần tuân thủ theo giới hạn trên hệ thống nộp bài (thông thường là <50M).
• Hãy đảm bảo các file được upload lên không bị nhiễm virus (điều này có thể dẫn đến file
bị hệ thống xóa mất) và không đặt mật khẩu mở file. Nếu vi phạm những điều này, bài coi
như chưa được nộp.
• Hãy chú ý xem thông báo sau khi upload để chắc chắn bài của bạn đã được nộp lên hệ
thống chưa.
• Bạn không phải gửi lại file đề bài của assignment (file này).
Quy định đánh giá Assignment:
1. Sinh viên không có bài assignment trên hệ thống sẽ bị 0 điểm bài assignment.
2. Sau hạn nộp bài một tuần, sinh viên nộp muộn có quyền nộp đơn kiến nghị xin được chấp
nhận gia hạn nộp. Hội đồng Nhà trường sẽ xét duyệt từng trường hợp. Nếu kiến nghị
không được chấp nhận, bài giữ nguyên điểm 0. Nếu quá một tuần không có kiến nghị thì
bài cũng sinh viên không nộp mặc nhiên nhận điểm 0.
3. Ngay cả trường hợp bài của sinh viên bị phát hiện gian lận sau khi có điểm, sinh viên sẽ
không được công nhận bài đó và chịu mức kỷ luật như quy định của Nhà trường.
Assignment
Mục tiêu
(A) Lập trình thành thạo với javascript phiên bản ES5 và 1 vài
tính năng của phiên bản ES6
(B) Có được tư duy lập trình hướng đối tượng
(C) Có được tư duy xử lý các bài toán bất đồng bộ
(D) Sử dụng được kỹ thuật ajax trong javascript để gọi api
Các công cụ cần có
Visual Studio Code hoặc Sublime Text
Tài nguyên
Slides, Labs, Assignment
Tham khảo
Số trang yêu cầu
LẬP TRÌNH JAVASCRIPT NÂNG CAO
ASSIGNMENT
3
YÊU CẦU:
Xây dựng một website bán hàng cho cửa hàng Poly Shop.
Mỗi sinh viên sẽ tự tạo giao diện cho cửa hàng của mình và thiết kế các resources api bằng cách
sử dụng my-json-server trên máy của mình (cài đặt và sử dụng my-json-server trong tài liệu đính
kèm)
Sinh viên sử dụng các kiến thức đã học trong môn học để call tới api đã được tạo ra bằng my-
json-server (fetch, axios, $.ajax()) để hoàn thiện bài assignment
Trong resources của file db.json cần có các dữ liệu theo yêu cầu dưới đây (tên và các field - sinh
viên có thể chủ động bổ sung, chỉnh sửa thêm cho phù hợp bài tập của mình):
1. categories
-
-
id
name
2. products
-
-
-
-
-
-
id
name
cate_id
price
detail
image
3. orders
-
-
-
-
-
-
-
id
customer_name
customer_address
customer_email
customer_phone_number
created_date
status
4. order_details
-
-
-
-
order_id
product_id
quantity
unit_price
Y1. Thực hiện xây dựng các màn hình quản trị (admin) để quản lý các resources
Y2. Xây dựng các trang client để hiển thị thông tin các sản phẩm cho người dùng cuối (Trang
chủ, trang danh sách sản phẩm theo danh mục, tìm kiếm theo tên,...).
Y3. Xây dựng trang chi tiết sản phẩm
Y4. Xây dựng tính năng order
-
Nếu chưa tồn tại order, thì sẽ hiển thị modal yêu cầu người dùng nhập thông tin khách
hàng trước, sau đó tạo ra order mới trên resource orders. Mỗi lượt sử dụng sẽ lấy records
LẬP TRÌNH JAVASCRIPT NÂNG CAO
ASSIGNMENT
4
order với trạng thái chưa hoàn thành có id lớn nhất để bổ sung sản phẩm vào. Order sẽ
đóng khi người dùng click vào nút thanh toán (chuyển trạng thái thành completed)
Có thể xem, cập nhật được số lượng các sản phẩm đang có trong order
-
Y5. Hiển thị danh sách các order đã lưu trong resources và hiển thị doanh thu của cửa hàng
Đóng gói tất cả theo định dạng MaMon_Assignment_<MA>_<GĐ>.zip (ví dụ:
MaMon_Assignment_TeoNV_GD1.zip) và nộp bài lên LMS theo yêu cầu của giảng viên.
LẬP TRÌNH JAVASCRIPT NÂNG CAO
ASSIGNMENT
5
ĐÁNH GIÁ ASSIGNMENT
Điểm Assignment bao gồm điểm đánh giá sản phẩm là 10% và điểm bảo vệ
Assigment 30% bao gồm điểm cho thực hành và trả lời câu hỏi của giảng viên tại buổi bảo
vệ. Trước buổi bảo vệ Assignment, giảng viên chấm bài Assignment hoàn chỉnh của nhóm
sinh viên trước, kết hợp với vấn đáp trong buổi bảo vệ để cho điểm từng sinh viên.
THANG ĐÁNH GIÁ
- Hoàn thành các yêu cầu từ Y1 đến Y5
- Bảo vệ trả lời được các câu hỏi của giảng viên
A
80%‐
100%
- Hoàn thành các yêu cầu từ Y1 đến Y4
- Bảo vệ trả lời được các câu hỏi của giảng viên
B
60%‐
79%
- Hoàn thành các yêu cầu từ Y1 đến Y3
- Bảo vệ trả lời tương đối các câu hỏi của giảng viên
C
50%‐
59%
- Hoàn thành dưới 3 yêu cầu
- Bảo vệ không trả lời được câu hỏi của giảng viên
D
Dưới 50%
(FAIL)
LẬP TRÌNH JAVASCRIPT NÂNG CAO
ASSIGNMENT
6
HƯỚNG DẪN DÀNH CHO GIẢNG VIÊN
HƯỚNG DẪN TRIỂN KHAI
Giảng viên xem và nhận xét về bài các giai đoạn 1 và 2 của SV nộp trên LMS sau đó tổng hợp lại
các vấn đề sau:
-
Những bài làm có chất lượng tốt để khuyến khích và chia sẻ trước lớp để các SV còn lại
tham khảo và học hỏi.
-
Những sai sót chung của sinh viên: về lựa chọn đề tài, cách tư duy, trình bày, xử lý số liệu,
giải quyết vẩn đề…
-
-
-
-
Những sai sót cá biệt cần lưu ý, cách khắc phục
Những sinh viên có bài kém thì GV nên đưa ra cách hỗ trợ cụ thể
Đưa ra giải pháp để giải quyết các vấn đề mà hầu hết SV gặp phải.
Đối với lỗi cá nhân trong từng bài Assignment thì Giảng viên sẽ có nhận xét riêng trong
bài làm và gửi lại cho SV.
-
-
Giải đáp các thắc mắc khác của SV liên quan đến nội dung bài Assignment
Sau khi nhận xét và trao đổi xong về sản phẩm đã thực hiện, giảng viên hướng dẫn cho
các em cách thức hiện sản phẩm tiếp theo,
-
-
Giải đáp khúc mắc về điểm cho sinh viên và thực hiện điều chỉnh nếu cần thiết
Gọi sinh viên vấn đáp và thực hiện điều chỉnh tăng hoặc giảm điểm đã chấm trước buổi
học tùy vào mức độ trả lời vấn đáp của sinh viên. Mọi sự điều chỉnh phải được công bố
ngay trước lớp và chỉ ghi điều chỉnh khi sinh viên không còn khiếu nại.
HƯỚNG DẪN TRIỂN KHAI BUỔI BẢO VỆ ASSIGNMENT
-
Giảng viên giảng dạy và hướng dẫn Assignment trực tiếp tham gia buổi bảo vệ
Assignment của sinh viên, nếu không thể tham gia, phải có giải trình gửi trưởng ban đào
tạo.
-
Trong buổi BV, sinh viên sẽ thực hiện các chức năng trong assignment theo yêu cầu của
GV. Sau đó, giảng viên xem xét và đặt ra các câu hỏi liên quan đến Assignment để sinh
viên trả lời.
-
-
Căn cứ vào bài làm và phần trả lời của sinh viên để cho điểm bảo vệ Assignment.
Điểm bảo vệ được công bố luôn cho các sinh viên sau khi thuyết trình và trả lời hoặc được
công bố chung cho cả lớp vào cuối buổi sau khi thống nhất giữa các giảng viên trong hội
đồng bảo vệ.
-
-
Mọi thắc mắc của sinh viên được giải đáp ngay, nếu có điều chỉnh điểm cũng thực hiện
trước khi kết thúc buổi bảo vệ. Sau buổi bảo vệ này sẽ không nhận bất cứ phản hồi hoặc
điều chỉnh nào về điểm bảo vệ.
Tiêu chí để đánh giá phần thực hành của sinh viên:
o Nội dung: đầy đủ nội dung theo yêu cầu
o Thời gian: không vượt qua thời gian cho phép.
o Kỹ năng trình bày: rõ ràng, dễ hiểu, mạch lạc.
o Sản phẩm: đẹp, sinh động, sáng tạo.
HƯỚNG DẪN DÀNH CHO SINH VIÊN
-
Sinh viên có trách nhiệm nộp đầy đủ và đúng thời hạn từng sản phẩm trên LMS theo đề
cương đã ban hành kèm theo.
-
Trước khi bảo vệ assignment, Sinh viên nộp toàn bộ sản phẩm thực hiện.
LẬP TRÌNH JAVASCRIPT NÂNG CAO
ASSIGNMENT
Bạn đang xem tài liệu "Tài liệu Lập trình Javascript nâng cao", để tải tài liệu gốc về máy hãy click vào nút Download ở trên
File đính kèm:
tai_lieu_lap_trinh_javascript_nang_cao.pdf

