Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Front-end

[Khóa học toàn diện về phát triển web] Khái niệm cơ bản về Bootstrap

Bài giảng này trình bày những kiến ​​thức cơ bản về bootstrap từ loạt bài giảng [Khóa học phát triển web toàn ngăn xếp] để đào tạo các nhà phát triển web full stack. Bạn sẽ tìm hiểu những điều cơ bản về Bootstrap và cách bạn có thể nhanh chóng xây dựng một trang web đáp ứng, chất lượng cao.

(5.0) 33 đánh giá

1,634 học viên

  • realprogrammers
부트스트랩
bootstrap
Bootstrap
Thumbnail

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

  • thiết kế khởi động

  • web đáp ứng

  • hệ thống lưới

Tạo một trang web đẹp mắt chỉ trong thời gian ngắn với Bootstrap!
Xây dựng một trang web đáp ứng nhanh chóng ✨

✅ Bài giảng này là một phần của loạt bài [Lộ trình dành cho nhà phát triển web toàn diện].

  • Bài giảng này là một phần của chuỗi bài giảng [Khóa học Phát triển Web Full Stack], được thiết kế để đào tạo các nhà phát triển web full-stack. Bài giảng bao gồm những kiến thức cơ bản về Bootstrap.
  • Khóa học Phát triển web toàn diện bao gồm toàn bộ quá trình phát triển web toàn diện, từ HTML&CSS → Vanilla JavaScript → Bootstrap → Vue.js → Cơ sở dữ liệu → Node.js → Portfolio.
  • Khi hoàn thành khóa học phát triển web đầy đủ này, bạn sẽ không chỉ học được những kiến thức cơ bản về phát triển web mà còn cả những kỹ năng thực tế có thể áp dụng ngay tại nơi làm việc.
  • Trước khi tham gia khóa học này, chúng tôi khuyên bạn nên học [Khóa học phát triển web toàn diện] HTML&CSS → [Khóa học phát triển web toàn diện] Vanilla JavaScript theo thứ tự đó.

Bootstrap là gì?

Logo Bootstrap.svg - Wikimedia Commons

Đây là một framework HTML/CSS/JS giúp bạn nhanh chóng tạo ra trang web đáp ứng chỉ bằng một mã.

Bootstrap là một framework HTML, CSS và JS giúp bạn nhanh chóng xây dựng các thiết kế web responsive . Chỉ với một nền tảng mã nguồn duy nhất, bạn có thể tạo ra các thiết kế web được tối ưu hóa cho nhiều kích thước thiết bị khác nhau, chẳng hạn như điện thoại thông minh, máy tính bảng và máy tính để bàn. Bootstrap cũng cho phép triển khai dễ dàng dựa trên các thành phần được xây dựng sẵn.


Bootstrap, tại sao bạn nên học nó?


Phát triển nhanh chóng, nhất quán, tương thích... Nếu bạn muốn tạo trang web hiệu quả!

phát triển nhanh chóng

Bootstrap là một framework front-end giúp bạn nhanh chóng xây dựng các trang web responsive và ưu tiên thiết bị di động. Các style CSS, thành phần và plugin JavaScript tích hợp sẵn giúp bạn tiết kiệm thời gian và công sức khi phát triển trang web.

Tính nhất quán và khả năng tương thích

Bootstrap cung cấp hệ thống lưới responsive, giúp bạn dễ dàng tạo ra các trang web được tối ưu hóa cho nhiều kích thước màn hình khác nhau. Điều này đảm bảo trang web của bạn hiển thị chính xác trên thiết bị di động, máy tính bảng và máy tính để bàn.

Hỗ trợ cộng đồng

Bootstrap tự hào có một cộng đồng nhà phát triển năng động và tài liệu hướng dẫn được tổ chức tốt, giúp bạn dễ dàng tìm kiếm sự trợ giúp khi cần. Nó cũng cung cấp nhiều plugin, theme và ví dụ để làm phong phú thêm trang web của bạn.

BẢO TRÌ

Bootstrap cung cấp hướng dẫn về phong cách nhất quán, giúp mã của bạn dễ bảo trì hơn.


Các tính năng của khóa học này!

Dễ dàng và chi tiết
Tập trung vào ứng dụng thực tế
Thậm chí có cả mã ví dụ!
  • Tôi sẽ hướng dẫn bạn từng bước về ngữ pháp cơ bản và cách sử dụng Bootstrap.
  • Hãy áp dụng Bootstrap vào các dự án phát triển web của chúng ta.
  • Tất cả mã ví dụ đều có trên GitHub .

Bạn học được gì?

Mã VS
Khởi động
  • Visual Studio Code được sử dụng làm công cụ IDE phát triển. Bạn sẽ tìm hiểu về các phương pháp phát triển và các tiện ích mở rộng hữu ích khi sử dụng Visual Studio Code.
  • Bạn sẽ tìm hiểu về Bootstrap Layout, Contents, Forms, Components, Helpers, Utilities và Extend .
  • Hãy áp dụng Bootstrap vào màn hình CRUD .
  • Chúng tôi sẽ hướng dẫn bạn cách hiểu thị trường chủ đề Bootstrap và sử dụng chủ đề để nhanh chóng xây dựng sự hiện diện trên web của bạn.

Tạo màn hình Create bằng Bootstrap

Tạo màn hình chỉnh sửa bằng Bootstrap

Kiểm tra kiến thức chơi game của bạn!

  • Bạn phải có kiến thức cơ bản về HTML.
  • Bạn cần biết CSS.
  • Bạn cần biết JavaScript
  • Trước khi tham gia khóa học này, chúng tôi khuyên bạn nên tham gia [Khóa học phát triển web toàn diện] HTML&CSS → [Khóa học phát triển web toàn diện] Vanilla JavaScript.

Người tạo ra khóa học này là
Đó có thể là ai?

Phẩm giá của nhà phát triển

Một nhà phát triển phần mềm 24 tuổi muốn tạo ra tác động tích cực đến thế giới thông qua công nghệ phần mềm.
Tôi thích chia sẻ kiến thức của mình và luôn thích học những kỹ năng mới.

Tôi đã từng làm tư vấn và phát triển, xây dựng hệ thống ERP cho hơn 60 công ty toàn cầu, cả trong nước và quốc tế. Tôi cũng có kinh nghiệm bán phần mềm do chính mình phát triển cho các công ty hàng đầu trong nước và quốc tế. Tôi cũng là CEO của một công ty khởi nghiệp CNTT.

Không chỉ là một lập trình viên, mà còn là một chuyên gia tư vấn UX và đôi khi là một chuyên gia tư vấn kinh doanh, tôi đã tích lũy được kinh nghiệm sâu rộng trong mọi khía cạnh của phát triển ứng dụng và dịch vụ, từ lập kế hoạch đến phát triển. Giờ đây, với hơn 20 năm kinh nghiệm thực tế, tôi tận tâm chia sẻ kiến thức của mình với các đàn em, với tinh thần trách nhiệm mạnh mẽ là truyền đạt những kỹ năng thực sự thiết yếu và kiến thức thực sự hữu ích.

Bạn muốn biết thêm không?

[Khóa học Phát triển Web Full-Stack] Bộ sưu tập Series

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Bất cứ ai muốn tạo một trang web đáp ứng bằng Bootstrap

  • Bất cứ ai muốn trải nghiệm hệ thống thiết kế

Cần biết trước khi bắt đầu?

  • HTML

  • CSS

  • JavaScript

Xin chào
Đây là

10,938

Học viên

248

Đánh giá

152

Trả lời

4.9

Xếp hạng

8

Các khóa học

소프트웨어 기술을 통해 세상에 선한 영향력을 주고 싶은 24년차 소프트웨어 개발자.
지식을 나누는 것을 좋아하고 항상 새로운 기술을 익히는 것을 즐겨요.

국내외 60개가 넘는 글로벌 기업 ERP 시스템을 구축하는 컨설턴트 및 개발자로 활동하였고, 직접 개발한 소프트웨어를 국내는 물론 해외 유수의 기업에 판매를 한 경험 또한 가지고 있어요. IT스타트업 대표이사 이기도 해요.

개발자 뿐만 아니라, UX 컨설턴트로, 때로는 비즈니스 컨설턴트로 일하면서 애플리케이션과 서비스 개발 시 기획에서 개발까지 전과정에 대한 수많은 경험을 쌓았고, 이제는 20년이 넘는 실무 경험을 바탕으로 후배들에게 정말 필요한 기술, 정말 제대로 된 지식을 전달하는 사명감을 갖고 지식 나눔에 일을 하고 있어요.

 

  • (현)주식회사 더그레잇 대표이사
  • (현)주식회사 썬슈어 CTO
  • (현)주식회사 리턴밸류 CTO
  • (현)팬임팩트코리아 유한회사 기술전문위원

 

이메일 - seungwon.go@gmail.com

Chương trình giảng dạy

Tất cả

13 bài giảng ∙ (4giờ 52phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

33 đánh giá

5.0

33 đánh giá

  • parrier1777님의 프로필 이미지
    parrier1777

    Đánh giá 3

    Đánh giá trung bình 5.0

    5

    62% đã tham gia

    Tôi rất thích nó. Thật tuyệt vời để có cái nhìn tổng quan nhanh chóng về các khái niệm.

    • indie2k7300님의 프로필 이미지
      indie2k7300

      Đánh giá 3

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      Nó thực sự hữu ích. Cảm ơn

      • icnit님의 프로필 이미지
        icnit

        Đánh giá 3

        Đánh giá trung bình 4.7

        5

        100% đã tham gia

        Mặc dù đây là một bài giảng miễn phí nhưng nó rất giàu thông tin, tôi không biết phải làm gì và áp dụng nó như thế nào khi xem chủ đề bootstrap, nhưng tôi biết mình phải làm gì.

        • shinechan4661님의 프로필 이미지
          shinechan4661

          Đánh giá 2

          Đánh giá trung bình 5.0

          5

          100% đã tham gia

          Lời giải thích rất đơn giản nên rất dễ hiểu ngay lập tức!

          • heopoint0077님의 프로필 이미지
            heopoint0077

            Đánh giá 5

            Đánh giá trung bình 5.0

            5

            62% đã tham gia

            Giải thích tốt

            Miễn phí

            Khóa học khác của realprogrammers

            Hãy khám phá các khóa học khác của giảng viên!

            Khóa học tương tự

            Khám phá các khóa học khác trong cùng lĩnh vực!