Bootstrap AZ - Xây dựng giao diện website chuẩn, nhanh chóng, chuyên nghiệp với Bootstrap

Khi tìm đến với khóa học này chắc bạn đã biết giao diện website xây dựng nên với Html, Css, Jquery... tuy nhiên trong quá trình code xây dựng giao diện website chúng ta thường gặp rào cản không biết làm thế nào để xây dựng giao diện cho chuẩn, dễ nhìn và hiển thị đẹp. 

Chính vì điều đó Bootstrap ra đời và nó được xem là một bộ khung chuẩn trên thế giới giúp những người xây dựng giao diện website có thể sử dụng những tính năng hiển thị, xử lý đã được nghiên cứu phù hợp với phần đa dự án. Việc của chúng ta chỉ cần họ nó để xây dựng giao diện website nhanh hơn thông qua việc khai báo đúng cú pháp mà Bootstrap hỗ trợ. 

Đến với chương trình Bootstrap Az bạn không những được học những tính năng hỗ trợ mà còn được tư vấn tư duy, cách sử dụng nó linh hoạt vào dự án để giúp bạn xây dựng website nhanh gấp ít nhất 10 lần và chuyên nghiệp. 

Đây cũng là một chương trình đã được các học viên cũ của Unitop đề xuất thực hiện và nó là một kỹ năng mà gần như 100% các công ty tuyển dụng xây dựng giao diện web yêu cầu khi xin việc. Nếu bạn có nó bạn sẽ gia tăng sự tự tin và được đánh giá cao hơn. 

Nếu bạn là người đang học để xây dựng dự án phục vụ kinh doanh thì đây là chương trình giúp bạn tạo giao diện nhanh đến không ngờ. Bạn có thể tạo ra website, landing page tùy biến cho những ý tưởng dự án của mình. 

Để đảm bảo bạn học và áp dụng tốt trong chương trình có hệ thống bài tập áp dụng và đồ án thực tế để giúp bạn làm chủ kỹ năng của mình. Ngoài ra nhóm hỗ trợ luôn tương tác hàng ngày giúp bạn luôn tập trung vào mục tiêu và gỡ rối những vướng mắc trong suốt quá trình học. 

Mọi thứ nó thực sự rất tuyệt, hãy bắt đầu thôi. Một khoản đầu tư nhỏ có thể giúp bạn gia tăng "sức mạnh" rút ngắn thời gian và tự tin khi đi tuyển dụng và xây dựng dự án cho riêng mình. 

Bạn click nút đăng ký để bắt đầu ngay. Hẹn gặp bạn trong chương trình! 

• Những kiến thức trong chương trình đều kết hợp Lý thuyết gốc vững - Bài tập - Đồ án 
• Tất cả những câu hỏi đều được hỗ trợ nhanh chóng qua nhóm kín
• Được tư vấn tương tác trực tiếp với anh Phan Văn Cương và đội ngũ hỗ trợ để đạt kiết quả tốt
• Bạn được hướng dẫn - phân tích làm đồ án để áp dụng vào công việc thực tế tại các công ty

• Bạn cần có kiến thức Html, Css, Query nền tảng. Nếu không khi đến Bootstrap bạn sẽ không nắm được bản chất của nó dẫn đến mơ hồ
• Bạn không cần phải biết Bootstrap trước đó, tất cả mọi thứ đều được hướng dẫn từng bước
• Có đam mê, thích tối ưu giao diện và có mục tiêu trở thành người xây dựng giao diện website chuyên nghiệp - chuẩn quốc tế

• Phần 1: Giới thiệu - Khởi động

  6 bài
  • Bài 1: Bootstraps là gì? Tạo sao cần sử dụng nó

    4:39
  • Bài 2: Khóa học Bootsrap AZ và người hướng dẫn Phan Văn Cương

    3:44
  • Bài 3: Cách học Bootstrap AZ hiệu quả

    6:09
  • Bài 4: Thiết lập mục tiêu và lên kế hoạch học tập

    5:18
  • Bài 5: 2 phần mềm cần cài đặt khi học Bootstraps

    3:04
  • Bài 6: Cách cài đặt Bootstrap chỉ trong 5 phút

    20:32
• Phần 2: Xây dựng layout website responsive với Grid Systems

  8 bài
  • Bài 7: Khám phá hệ thống Grid Design và Grid Css

    7:51
  • Bài 8: Quy tắc dựng layout với grid bootstrap

    19:07
  • Bài 9: Bài tập: Xây dựng layout 3 cột với bootstrap

    3:37
  • Bài 10: Hướng dẫn: Xây dựng layout 3 cột bootstrap

    15:40
  • Bài 11: Hệ thống Grid bootstrap tùy biến trên đa thiết bị

    15:38
  • Bài 12: Tùy biến kích thước container trong bootstrap

    11:49
  • Bài 13: Xử lý khối lồng khối trong grid boostrap

    10:59
  • Bài 14: Hủy bỏ vùng đệm của cột trong grid

    6:00
• Phần 3: Tiện ích cho text, hình ảnh trong bootstrap

  11 bài
  • Bài 15: Định dạng hiển thị tiêu đề h1-h6

    7:54
  • Bài 16: Nhóm class căn chỉnh text (left - center - right-justify)

    9:22
  • Bài 17: Nhóm class tùy chỉnh màu sắc text

    8:54
  • Bài 18: Nhóm class tùy chỉnh đậm nhạt của text

    4:22
  • Bài 19: Nhóm class tùy chỉnh in hoa thường của text

    4:02
  • Bài 20: Class bỏ gạch chân text

    2:56
  • Bài 21: Tùy chỉnh danh sách ul, ol trong bootstrap

    7:47
  • Bài 22: Nhóm class xây dựng hình ảnh - responsive

    10:21
  • Bài 23: Kỹ thuật căn giữa hình ảnh trong bootstrap

    1:38
  • Bài 24: Bài tập 2: Xây dựng trang chi tiết bài viết với Bootstrap

    3:46
  • Bài 25: Hướng dẫn: Xây dựng trang chi tiết bài viết với Bootstrap

    6:51
• Phần 4: Tiện ích cho khối trong boostrap

  14 bài
  • Bài 26: Nhóm class thiết lập màu nền khối

    9:44
  • Bài 27: Nhóm class tùy chỉnh đường viền khối

    12:37
  • Bài 28: Nhóm class tùy chỉnh bo tròn góc khối

    7:33
  • Bài 29: Nhóm class tùy chỉnh chế độ hiển thị

    11:23
  • Bài 30: Nhóm class tùy chỉnh vùng đệm - khoảng cách khối

    21:40
  • Bài 31: Căn giữa khối trong bootstrap

    10:55
  • Bài 32: Nhóm class tùy chỉnh float, clear

    10:52
  • Bài 33: Sập độ cao là gì? Cách chống sập độ cao trong bootstrap

    7:01
  • Bài 34: Thiết lập kích thước khối tiện lợi theo phần trăm

    10:22
  • Bài 35: Nhóm class tùy chỉnh vị trí hiển thị đối tượng - position

    15:13
  • Bài 36: Nhóm class tùy chỉnh đổ bóng khối

    6:37
  • Bài 37: Nhóm class tùy chỉnh hiện tượng tràn văn bản - overflow

    5:17
  • Bài 38: Bài tập 3: Hiển thị danh sách bài viết dạng lưới

    5:11
  • Bài 39: Hướng dẫn bài tập 3: Hiển thị danh sách bài viết dạng lưới

    9:22
• Phần 5: Nhóm tiện ích nâng cao Bootstrap

  27 bài
  • Bài 40: Xây dựng tùy chỉnh nút bấm trong form(border, background, size...)

    19:43
  • Bài 41: Xây dựng tùy chỉnh hiển thị nội dung trên table

    23:11
  • Bài 42: Cấu hình hiển thị table trên đa thiết bị

    7:16
  • Bài 43: Tạo menu điều hướng website chạy trên đa thiết bị

    13:11
  • Bài 44: Tạo thanh dropdown menu

    12:44
  • Bài 45: Xây dựng Breadcrumb - Thanh điều hướng

    8:22
  • Bài 46: Xây dựng thanh phân trang danh sách bài viết, sản phẩm...

    15:01
  • Bài 47: Xây dựng nội dung hiển thị kiểu Popup Modal

    10:08
  • Bài 48: Xây dựng nội dung hiển thị kiểu Popup Modal - phần 2

    12:46
  • Bài 49: Tạo form cơ bản đầu tiên với bootstrap

    9:25
  • Bài 50: Hiển thị các phần tử form (input text, email, select, radio, checkbox...)

    12:47
  • Bài 51: 5 loại bố cục hiển thị form với bootstrap

    18:30
  • Bài 52: Tùy chỉnh kích thước phần tử form trong bootstrap

    4:53
  • Bài 53: Tùy chỉnh hiển thị input nâng cao

    16:06
  • Bài 54: Sử dụng hộp thoại cảnh báo Alert

    19:56
  • Bài 55: Hiện thị Carousel Slideshow với Bootstrap

    22:18
  • Bài 56: Sử dụng chú thích nâng cao với Tooltip

    14:24
  • Bài 57: Sử dụng thanh mô tả tiến trình Progress

    10:02
  • Bài 58: Sử dụng tiện ích Nav Tabs Bootstrap

    8:52
  • Bài 59: Sử dụng List group

    13:51
  • Bài 60: Hiển thị Tab theo chiều ngang (List group - Tab)

    7:55
  • Bài 61: Hiển thị nội dung có cấu trúc phần 1

    15:17
  • Bài 62: Hiển thị nội dung có cấu trúc phần 2

    20:07
  • Bài 63: Hiển thị nội dung kiểu media, comment đa cấp

    8:25
  • Bài 64: Hiển thị nội dung kiểu Accordion - xổ thực đơn

    10:29
  • Bài 65: Hiển thị hiệu ứng chờ xử lý chương trình

    8:37
  • Bài 66: Kỹ thuật nhúng video vào website theo tỉ lệ và tương thích đa thiết bị

    6:05