Học tất cả về Bootstrap 4 thông qua việc làm 5 project web – Cơ bản

Chi tiết khóa học

• PHẦN 1: GIỚI THIỆU VỀ BOOTSTRAP 3 VA 4

  • Bài 0: Group hỗ trợ học viên
  • Bài 1: Giới thiệu về bootstrap
  • Bài 2: Hướng dẫn cài đặt sublime text
  • Bài 3: Giới thiệu về HTML/CSS
  • Bài 4: Giới thiệu phương pháp Chrome trong thiết kế web hiện đại
  • Bài 5: Ví dụ về phương pháp chrome phần 1
  • Bài 6: Ví dụ về phương pháp chrome phần 2
  • Bài 7: Tổng kết phần 1 và tài liệu tham khảo

• PHẦN 2: HƯỚNG DẪN CÀI ĐẶT BOOTSTRAP 4 VÀ PLUGIN SUBLIME TEXT PORTABLE

  • Bài 8: huong dan cai dat bootstrap cách 1
  • Bài 9: huong dan cai dat bootstrap cách 2 và 3
  • Bài 10: hướng dẫn cài bản portable sublime text 3

• PHẦN 3: CÁCH THÀNH TỐ CƠ BẢN CỦA BOOTSTRAP

  • Bài 11: Hệ thống lưới của Bootstrap
  • Bài 12: áp dụng hệ thống lưới cho web responsive thế nào
  • Bài 13: Thành phần alert trong bootstrap 4
  • Bài 14: Thành phần breadcrumb
  • Bài 15: Thành phần button trong bootstrap 4
  • Bài 16: Ghi chú về cách học bootstrap
  • Bài 17: thành phần check box và radio sử dụng button
  • Bài 18: Drop down menu và button group
  • Bài 19: Thành phần card layout
  • Bài 20: thành phần card deck và card group
  • Bài 21: Thành phần card group trong bootstrap 4
  • Bài 22: Thành phần card column trong bootstrap 4
  • Bài 23: Thành phần Carousel làm hiệu ứng ảnh trong bootstrap 4
  • Bài 24: Thành phần collapse trong bootstrap 4
  • Bài 25: Thành phần form trong bootstrpa 4
  • Bài 26: Tổng kết các thành phần cơ bản của bootstrap

• PHẦN 4: ỨNG DỤNG BOOTSTRAP 4 LÀM WEBSITE CƠ BẢN

  • Bài 27: Giới thiệu phương pháp làm website dựa trên bootstrap
  • Bài 28: Xử lý menu với bootrap như thế nào
  • Bài 29: Xử lý chia cột và giới thiệu thành phần spacing bootstrap
  • Bài 30: Xử lý khối thông báo và giới thiệu class sử dụng cho căn chỉnh

• PHẦN 5: ỨNG DỤNG BOOTSTRAP 4 LÀM WEBSITE CƠ BẢN SỐ 2

  • Bài 31: Giới thiệu website
  • Bài 32: Thực hành bootstrap với navbar collapse
  • Bài 33: Thực hành bootstrap với jumbotron
  • Bài 34: Thực hành bootstrap với card decks
  • Bài 35: Thực hành bootstrap với float xs và hiệu ứng jquery scroll

• PHẦN 6: ỨNG DỤNG BOOTSTRAP 4 LÀM WEBSITE CƠ BẢN SỐ 3

  • Bài 36: Giới thiệu website số 3
  • Bài 37: Thực hành bootstrap 4 với menu responsive
  • Bài 38: Thực hành bootstrap 4 với hiệu ứng carosel tùy biến
  • Bài 39: Thực hành bootstrap làm toàn bộ website trong 5 phút
  • Bài 40: Tổng kết website và kiến thức học được

• PHẦN 7: ỨNG DỤNG BOOTSTRAP LÀM WEBSITE NÂNG CAO

  • Bài 41: Giới thiệu website và các kiến thức cần sử dụng
  • Bài 42: Tạo menu và carosel bằng phím tắt
  • Bài 43: Tinh chỉnh và hoàn thiện menu
  • Bài 44: Xử lý phần khoảng cách cho menu
  • Bài 45: Giới thiệu phương pháp xử lý responsive
  • Bài 46: Xử lý phần nội dung carousel caption
  • Bài 47: Xử lý căn chỉnh nội dung bằng row trong row
  • Bài 48: Tinh chỉnh phần nội dung bằng css
  • Bài 49: Xử lý khối thông tin web site chứa facebook button
  • Bài 50: Hoàn thiện khối thông tin website với css
  • Bài 51: Hoàn thiện footer