Chào mừng đến với Chiến Binh Full Stack
  • Bootstrap
    Địa điểm

    Hồ Chí Minh

  • 9 buổi

    2 giờ mỗi buổi

  • 1.255 Đánh giá
    ★ ★ ★ ★ ★

Bootstrap

Sử dụng Bootstrap để đơn giản hóa việc thiết kế website. Phát triển giao diện responsive hoạt động đa nền tảng một cách thần tốc.

Tại sao nên học Bootstrap?

Hiện nay, Bootstrap đang dần trở nên phổ biến và xứng đáng được lựa chọn bởi các nhà lập trình đã bổ sung thêm tính năng Customize (tính năng tùy chỉnh). Chức năng này giúp cho các nhà thiết kế linh hoạt hơn trong việc lựa chọn những thuộc tính, phần tử phù hợp với dự án họ đang theo đuổi. Chức năng này cũng cho phép bạn không cần phải tải toàn bộ mã nguồn về máy.

Việc học Bootstrap không đòi hỏi quá nhiều kiến thức phức tạp. Chỉ cần biết sơ qua HTML, CSS, jQuery là bạn có thể sử dụng nó để tạo nên một website theo yêu cầu và chuyên nghiệp.

Bootstrap là một bộ sưu tập miễn phí của các mã nguồn mở và công cụ dùng để tạo ra một mẫu webiste hoàn chỉnh. Với các thuộc tính về giao diện được quy định sẵn như kích thước, màu sắc, độ cao, độ rộng… các designer có thể sáng tạo nhiều sản phẩm mới mẻ nhưng vẫn tiết kiệm thời gian khi làm việc với framework này trong quá trình thiết kế giao diện website.

Chức năng của Bootstrap

  • Bootstrap cho phép người dùng truy cập vào thư viện “khổng lồ” các thành tố dùng để tạo nên giao diện của một website hoàn chỉnh như font, typography, form, table, grid…
  • Bootstrap cho phép bạn tùy chỉnh framework của website trước khi tải xuống và sử dụng nó tại khung của trang web.
  • Tái sử dụng các thành phần lặp đi lặp lại trên trang web.
  • Bootstrap được tích hợp jQuery. Bạn chỉ cần khai báo chính xác các tính năng trong quá trình lập trình web của bạn.
  • Định nghĩa Glyphicons nhằm giảm thiểu việc sử dụng hình ảnh làm biểu tượng và tăng tốc độ tải trang.
  • Do Bootstrap sử dụng Grid System nên mặc định hỗ trợ Responsive. Có khả năng tự động điểu chỉnh kích thước trang web phù hợp với các loại màn hình như điện thoại, tablets, laptop hay máy tính để bàn.
  • Bootstrap tương thích với tất cả các trình duyệt hiện đại như Chrome, Internet Explorer, Cốc Cốc, Safari và Opera.
  • Bootstrap hoạt động theo xu hướng mã nguồn mở nên có thể vào mã nguồn thay đổi chỉnh sửa tùy ý.

Ưu điểm của khóa học

  • Dành cho những bạn có niềm đam mê với lĩnh vực lập trình web.
  • Song song với việc dạy các kiến thức, bạn sẽ được thực hành thực tế. 
  • Đặc biệt là học viên có thể tiếp thu thêm các kiến thức cũng như các lưu ý quan trọng từ kinh nghiệm trong nghề lâu năm của các giảng viên.
  • Bài giảng luôn được cập nhật theo các phiên bản mới nhất.
  • Học 1 lần, hỗ trợ suốt đời.
  • Có việc làm sau khi tốt nghiệp khóa học.

Mục tiêu khóa học

  • Biết cách sử dụng Bootstrap để tạo giao diện cho trang web hỗ trợ responsive.
  • Học Boostrap giúp bạn thiết kế website một cách nhanh chóng và đơn giản hơn.
  • Hiểu và sử dụng Bootstrap một cách thành thạo.
  • Biết giới hạn của Bootstrap, biết được Bootstrap có thể làm được những gì và không thể làm được những gì.
  • Có khả năng tự đọc hiểu các loại tài liệu liên quan đến Bootstrap.
  • Xây dựng nhanh chóng giao diện web và giao diện ứng dụng di động bằng Bootstrap.
  • Biết cách xây dựng giao diện web đạt chuẩn SEO.
  • Biết cách tối ưu giao diện web, tăng tốc website.

Tổng quan, định hướng và chuẩn bị

Bootstrap là gì? Cài đặt Bootstrap như thế nào? Tại sao nên dùng Boostrap? Cách sử dụng Bootstrap?
Hệ thống lưới trong Bootstrap và Responsive – Grid System Bootstrap là gì? Cách sử dụng chúng như thế nào?
Alert Và Button Trong Bootstrap là gì? Sơ lược về Breadcrumb và Badges.

Hiệu ứng và animations

Tìm hiểu về 2 component khác của Bootstrap là card và carousel. Cách tạo slideshow trong Bootstrap.
Hướng dẫn về thành phần collapse. Cách ẩn hiện nội dung trong Bootstrap.
Dropdowns là gì? Cách sử dụng Dropdowns để tạo menu thu gọn trong trong Bootstrap.
Cách tạo biểu mẫu trong Bootstrap.
Giới thiệu về Modal. Cách tạo hộp thoại trong Bootstrap. Cách tạo chú thích bằng Popover.
Cách tạo một Menu đơn giản. Hướng dẫn nâng cao tạo Menu nhiều Tab.
Tìm hiểu về Navbar. Cách tạo menu đa cấp với hiệu ứng hover và responsive.
Tìm hiểu về scrollspy – hiệu ứng điều hướng khi cuộn trang trong Bootstrap. Hướng dẫn cách tạo menu cố định khi cuộn trang.
Cách chia khoảng cách và chia layer trong Bootstrap. Tìm hiểu về những thành phần cuối cùng của Bootstrap như Jumbotron, pagination, progress, tooltips.

Thực hành làm web với Bootstrap

Thực hành làm web với Bootstrap - chia bố cục và responsive.
Cách chỉnh sửa các thuộc tính CSS trong trang web sử dụng Bootstrap

Ngày khai giảng Lịch học Ca học
05/10/2020 3 buổi/tuần Sáng/Chiều/Tối
02/11/2020 3 buổi/tuần Sáng/Chiều/Tối
07/12/2020 3 buổi/tuần Sáng/Chiều/Tối
04/01/2021 3 buổi/tuần Sáng/Chiều/Tối
01/02/2021 3 buổi/tuần Sáng/Chiều/Tối
01/03/2021 3 buổi/tuần Sáng/Chiều/Tối