Nền tảng Kiến thức - Hành trang tới Tương lai
Card image

Chương 3-Bài 1. Lộ trình (Roadmap) Thực hiện Đồ án

Tác giả: Dương Nguyễn Phú Cường #10356
Ngày đăng: Hồi xưa đó
Lượt xem: 245

Lộ trình Thực hiện Đồ án

1. Từ lúc đăng ký thì đã có thể bắt tay chuẩn bị các phần như sau:

  • Ý tưởng/ Logo / Màu sắc chủ đạo / Phong cách trình diễn...
  • Hình ảnh.
  • Nội dung/Chữ/Content bài viết
  • Các trang cần thiết như Liên kệ, Giới thiệu, Danh sách Bài Viết/Sản phẩm, trang Chi tiết Bài viết/Sản phẩm

2. Áp dụng kỹ thuật để tạo trang web

Hiện mình đã học được vài kỹ thuật:
  • Sử dụng Table để tạo bố cục trang web.
  • Sử dụng DIV + CSS Float để tạo bố cục trang web.
  • Sử dụng Bootstrap để tạo được trang web theo Responsive (khuyến khích sử dụng).
Các bạn nên chọn kỹ thuật Bootstrap để tạo trang web theo ý tưởng đã thiết kế (sẽ tốt hơn khi đi làm việc...) + và dễ dàng thực hiện nữa. Học xong phần Bootstrap là sẽ thấy được lợi ích và công dụng khi sử dụng Framework để thực hiện trang web.

3. Khi kết thúc khóa học, thì Thầy sẽ dành riêng 1 buổi để giải đáp các thắc mắc/khó khăn gặp phải khi thiết kế Đồ án...

4. Cuối cùng là nộp bài qua Google Form (sẽ có link hướng dẫn gởi qua mail khi kết thúc khóa học).

5. Sau đó Thầy sẽ chấm bài và lên điểm.


Chương trình học


  1. Tài liệu tham khảo 1
    1. Kho sách, nguồn tài liệu tham khảo Thiết kế Web với Bootstrap #8251
  2. Bootstrap là gì? Tìm hiểu cách hoạt động của Bootstrap 8
    1. Giới thiệu Bootstrap #2698
    2. Cách sử dụng Bootstrap trong dự án của bạn #2699
    3. Hệ thống Lưới (GRID) của Bootstrap #2700
    4. Bài tập - Thiết kế Bố cục (layout) bằng Bootstrap #2701
    5. Ràng buộc dữ liệu (validation) bằng Bootstrap #8270
    6. Bài tập Tổng hợp - Thực hiện Trang web Landing Page giới thiệu Công ty #8332
    7. Thiết kế trang web bố cục (layout) tùy biến theo từng thiết bị màn hình (Responsive) #9805
    8. Tùy biến giao diện theo từng thiết bị màn hình (Responsive) bằng kỹ thuật CSS Media Query #10114
  3. Làm Đồ án Web thực tế Trang bán hàng Nền Tảng phiên bản Bootstrap 14
    1. Lộ trình (Roadmap) Thực hiện Đồ án #10356
    2. Khởi tạo thư mục dự án #2702
    3. Phân tích Bố cục (layout) #2703
    4. Xây dựng Trang chủ (index) #2704
    5. Xây dựng Trang Giới thiệu (about) #2705
    6. Xây dựng Trang Liên hệ (contact) #2706
    7. Xây dựng Trang Danh sách Sản phẩm (products) #2707
    8. Xây dựng Trang Chi tiết Sản phẩm (product_detail) #2708
    9. Xây dựng Trang Giỏ hàng (cart) #2709
    10. Xây dựng Trang Thanh toán (checkout) #2710
    11. Xây dựng Trang Đăng nhập (login) #2711
    12. Xây dựng Trang Đăng ký (register) #2712
    13. Xây dựng Trang Tìm kiếm (search) #2713
    14. Thưởng thức Kết quả (demo version) #2714
Các bài học

Chương trình học

Bao gồm Module, Chương, Bài học, Bài tập, Kiểm tra...

Chương trình học


  1. Tài liệu tham khảo 1
    1. Kho sách, nguồn tài liệu tham khảo Thiết kế Web với Bootstrap #8251
  2. Bootstrap là gì? Tìm hiểu cách hoạt động của Bootstrap 8
    1. Giới thiệu Bootstrap #2698
    2. Cách sử dụng Bootstrap trong dự án của bạn #2699
    3. Hệ thống Lưới (GRID) của Bootstrap #2700
    4. Bài tập - Thiết kế Bố cục (layout) bằng Bootstrap #2701
    5. Ràng buộc dữ liệu (validation) bằng Bootstrap #8270
    6. Bài tập Tổng hợp - Thực hiện Trang web Landing Page giới thiệu Công ty #8332
    7. Thiết kế trang web bố cục (layout) tùy biến theo từng thiết bị màn hình (Responsive) #9805
    8. Tùy biến giao diện theo từng thiết bị màn hình (Responsive) bằng kỹ thuật CSS Media Query #10114
  3. Làm Đồ án Web thực tế Trang bán hàng Nền Tảng phiên bản Bootstrap 14
    1. Lộ trình (Roadmap) Thực hiện Đồ án #10356
    2. Khởi tạo thư mục dự án #2702
    3. Phân tích Bố cục (layout) #2703
    4. Xây dựng Trang chủ (index) #2704
    5. Xây dựng Trang Giới thiệu (about) #2705
    6. Xây dựng Trang Liên hệ (contact) #2706
    7. Xây dựng Trang Danh sách Sản phẩm (products) #2707
    8. Xây dựng Trang Chi tiết Sản phẩm (product_detail) #2708
    9. Xây dựng Trang Giỏ hàng (cart) #2709
    10. Xây dựng Trang Thanh toán (checkout) #2710
    11. Xây dựng Trang Đăng nhập (login) #2711
    12. Xây dựng Trang Đăng ký (register) #2712
    13. Xây dựng Trang Tìm kiếm (search) #2713
    14. Thưởng thức Kết quả (demo version) #2714

Bài học trước Bài học tiếp theo