Học lập trình frontend nâng cao thông qua project thực tế (Bootstrap nâng cao)

Chi tiết khóa học

• CHƯƠNG 1: BÀI MỞ ĐẦU

  • Bài 1: Nhắc lại thuộc tính CSS3 translate
  • Bài 2: Thuộc tính CSS3 quay và tâm quay
  • Bài 3: Thuộc tính CSS3 zoom
  • Bài 4: Áp dụng thuộc tính CSS3 quay, zoom, origin và transition
  • bài 5: Áp dụng thuộc tính rotateY và Backface để làm hiệu ứng
  • Bài 6: Áp dụng thuộc tính transition delay
  • Tài liệu chương 1

• CHƯƠNG 2: 02 PROJECT SO 2

  • Bài 7: Giới thiệu project hiệu ứng và các bước xử lý
  • Bài 8: Xử lý CSS cho phần mặt trước
  • Bài 9: Xử lý CSS hoàn thiện cho phần hiệu ứng đầu tiên
  • Bài 10: Xử lý HTML cho phần hiệu ứng TAB
  • Bài 11: Xử lý CSS cho phần hiệu ứng TAB
  • Bài 12: Xử lý Jquery cho phần nút
  • Bài 13: Xử lý Jquery cho phần nội dung
  • Bài 14: Tự tạo hiệu ứng cho phần slide
  • Tài liệu chương 2

• CHƯƠNG 3: 02 PROJECT SO 3 VIẾT HIỆU ỨNG SLIDE NHANH

  • Bài 15: Project số 3 Lựa chọn và xử lý HTML
  • Bài 16: Xử lý CSS ban đầu cho khối giao diện – Phần 1
  • Bài 17: Xử lý CSS ban đầu cho khối giao diện – Phần 2
  • Bài 18: Viết hiệu ứng JQUERY – Xử lý bộ đếm
  • Bài 19: Hoàn thành hiệu ứng slide ảnh cho sản phẩm
  • Bài 20: Nâng cấp version cho slide ảnh
  • Bài 21: Tóm tắt lại cấc hàm Jquery sử dụng trong slide ảnh
  • Bài 22: Xử lý hiệu ứng Quick View phần HTML
  • Bài 23: Xử lý hiệu ứng Quick View phần Jquery
  • Bài 24: Xử lý hiệu ứng Quick View phần CSS
  • Bài 25: Sử dụng hàm jquery cho thao tác trên bàn phím
  • Bài 26: Nâng cấp Version 3 cho slide ảnh
  • Bài 27: Tổng kết các hàm quan hệ trong Jquery
  • Bài 28: Xử lý số lượng thay đổi hàm quan hệ
  • Tài liệu chương 3

• CHƯƠNG 4: 04 PROJECT SO 4 XỬ LÝ HIỆU ỨNG ISOTOPE

  • Bài 29: Giới thiệu giao diện kiểu Masonry
  • Bài 30: Tạo giao diện cho gallery – Phần HTML
  • Bài 31: Tạo giao diện cho gallery – Phần CSS
  • Bài 32: Tạo giao diện cho gallery – Phần Jquery
  • Bài 33: Xử lý việc load ảnh bằng thư viện Image Load
  • Bài 34: Xử lý reponsive
  • Bài 35: Xử lý lọc dữ liệu theo danh mục – Phần HTML
  • Bài 36: Xử lý hiệu ứng chọn cho nút
  • Bài 37: Xử lý hiệu ứng lọc dữ liệu theo danh mục khi click vào nút
  • Tài liệu chương 4

• CHƯƠNG 5: 05 PROJECT THEFOX

  • Bài 38: Xử lý HTML cho phần top bằng bootstrap
  • Bài 39: Xử lý CSS cho phần Top
  • Bài 40: Xử lý CSS cho màn hình di động
  • Bài 41: Xử lý HTML cho trang contact
  • Bài 42: Xử lý CSS cho phần menu
  • Bài 43: Xử lý CSS cho phần menu hiển thị trên di động
  • Bài 44: Xử lý HTML cho phần bản đồ
  • Bài 45: Xử lý CSS cho khối thông tin liên hệ
  • Bài 46: Xử lý phần hiệu ứng
  • Bài 47: Xử lý CSS cho phần thông tin trên di động
  • Bài 48: Xử lý phần from liên hệ
  • Bài 49: Xử lý phần CSS cho From
  • Bài 50: Xử lý HTML cho phần footer
  • Bài 51: Xử lý CSS cho phần footer
  • Bài 52: Xử lý HTML cho phần lastest
  • Bài 53: Xử lý HTML cho phần lastest news
  • Bài 54: Phương pháp sử dụng after và before trong css
  • Bài 55: Xử lý phần HTML cho khối tag widget
  • Bài 56: Xử lý phần CSS cho khối tag widget
  • Bài 57: Xử lý phần CSS cho khối Blog Category
  • Bài 58: Xử lý phần HTML cho phần Newsletter
  • Bài 59: Xử lý phần CSS cho phần Newsletter
  • Bài 60: Xử lý phần HTML_CSS cho khối Bottom Footer
  • Bài 61: Xử lý hiệu ứng load cho tràn Contact
  • Bài 62: Xử lý giao diện trang Contact cho di động
  • Bài 63: Xử lý import giao diện cho trang chủ
  • Bài 64: Xử lý HTML cho khối giới thiệu trang chủ
  • Bài 65: Xử lý CSS cho khối giới thiệu
  • Bài 66: Xử lý HTML cho khối slide
  • Bài 67: Xử lý CSS cho phần news
  • Bài 68: Xử lý HTML trang tin tức
  • Bài 69: Xử lý bố cục bằng card column
  • Bài 70: Xử lý CSS cho các cột thông tin
  • Bài 71: Xử lý CSS và hiệu ứng cho trang tin tức
  • Tài liệu chương 5

• CHƯƠNG 6: 06 PROJECT ARTICA

  • Bài 72: Xử lý HTML cho phần Top Header
  • Bài 73: Xử lý CSS cho phần Top Header
  • Bài 74: Xử lý CSS cho Top Header trên màn hình di động
  • Bài 75: Xử lý HTML cho phần menu và Logo
  • Bài 76: Xử lý CSS cho phần Menu và Logo
  • Bài 77: Xử lý CSS cho phần Menu và Logo trên màn hình di động
  • Bài 78: Xử lý phần HTML cho phần slide
  • Bài 79: Xử lý phần CSS cho phần slide
  • Bài 80: Xử lý CSS cho phần hiệu ứng slide hiển thị trên di động
  • Bài 81: Xử lý phần HTML cho khối dịch vụ
  • Bài 82: Xử lý CSS cho khối 3 dịch vụ
  • Bài 83: Xử lý CSS cho khối 3 dịch vụ trên màn hình di động
  • Bài 84: Xử lý html cho khối tiêu đề thực đơn
  • Bài 85: Xử lý css cho khối tiêu đề menu
  • Bài 86: Xử lý css cho tiêu đề thực đơn trên di động
  • Bài 87: Tự viết hiệu ứng lọc cho phần thực đơn
  • Bài 88: Xử lý phần HTML cho khối thực đơn chi tiết
  • Bài 89: Xử lý phần CSS cho khối thực đơn chi tiết
  • Bài 90: Xử lý phần responsive cho khối thực đơn
  • Bài 91: Xử lý phần hiệu ứng sắp xếp khi thay đổi cỡ màn hình
  • Bài 92: Xử lý phần hiệu ứng load ảnh và truyền dữ liệu qua thuộc tính data của HTML5
  • Bài 93: Xử lý phần hiệu ứng lọc dữ liệu cho thực đơn bằng javascript
  • Bài 94: Xử lý phần phần tiêu đề chi tiết của khối thực đơn
  • Bài 95: Xử lý phần HTML cho hiệu ứng slide trượt
  • Bài 96: Xử lý phần CSS cho carousel – Phần 1
  • Bài 97: Xử lý phần CSS cho carousel – Phần 2
  • Bài 98: Xử lý responsive cho phần hiệu ứng slide
  • Bài 99: Xử lý HTML cho phần giới thiệu đầu bếp
  • Bài 100: Xử lý CSS cho phần giới thiệu đầu bếp
  • Bài 101: Xử lý css Responsive cho phần giới thiệu đầu bếp
  • Bài 102: Xử lý khối slogan
  • Bài 103: Xử lý HTML cho khối đặt bàn
  • Bài 104: Xử lý CSS cho khối đặt bàn
  • Bài 105: Xử lý hiệu ứng fake loader
  • Bài 106: Xử lý form cho khối đặt bàn
  • Bài 107: Xử lý phần HTML cho khối phản hồi người dùng
  • Bài 108: Xử lý CSS cho phần phản hồi người dùng
  • Bài 109: Xử lý HTML cho phần Tin tức cập nhật
  • Bài 110:Xử lý CSS cho phần Tin tức cập nhật
  • Bài 111: Check giao diện trên màn di động
  • Bài 112: Xử lý HTML cho phần footer cột 1
  • Bài 113: Xử lý CSS cho phần footer cột 1
  • Bài 114: Xử lý HTML cho cột 2 footer
  • Bài 115: Xử lý CSS cho cột 2 footer
  • Bài 116: Xử lý CSS cho phần cột 4 footer
  • Bài 117: Xử lý footer và check giao diện trên di động
  • Bài 118: Tạo trang about bằng cách sử dụng lại code
  • Bài 119: Tạo HTML bằng cách sử dụng lại code
  • Bài 120: Tạo CSS cho khối thông tin đầu tiên trang about
  • Bài 121: Tạo khối thông tin thứ 2 bằng cách sử dụng lại code
  • Bài 122: Tạo khối thông tin thứ 3 trang about
  • Bài 123: Hoàn chỉnh trang about bằng cách xử dụng lại code
  • Bài 124: Tạo trang thực đơn trong 5 phút
  • Bài 125: Hoàn thiện trang thực đơn trong 10 phút
  • Bài 126: Tạo trang tin tức
  • Bài 127: Tạo cột trái cho trang tin tức
  • Bài 128: Xử lý phần tim kiếm cột phải
  • Bài 129: Xử lý khối danh mục
  • Bài 130: Hoàn thiện giao diện trang tin tức
  • Bài 131: Hoàn thiện giao diện trang tin chi tiết
  • Bài 132: Tạo trang contact phần form
  • Bài 133: Xử lý phần css cho khối contact form
  • Bài 134: Hoàn thiện trang contact
  • Bài 135: Tổng kết và đóng gói front end
  • Tài liệu chương 6
  • Đánh giá góp ý cho khóa học
  • Khóa học liên quan
  • Trắc nghiệm cuối khóa học