Hiểu các khái niệm của Bootstrap 5, chẳng hạn như các lớp và thành phần, đồng thời áp dụng và chuyển đổi chúng dựa trên chúng, đồng thời tạo ba dự án thông qua thực hành.
532 học viên
Độ khó Cơ bản
Thời gian Không giới hạn
Đánh giá từ những học viên đầu tiên
5.0
donghyun park
Tốt...
5.0
엔지개그
Bài giảng này truyền tải một cách hiệu quả bản chất của Bootstrap 5. Đây là phương pháp học tập từng bước thông qua việc học ngữ pháp cơ bản chính và sau đó là qua ba dự án thực tế. Khi những điều cơ bản được lặp lại cho từng dự án và mức độ khó tăng lên, Các kỹ thuật nâng cao mới đã được thêm vào để nâng cao khả năng sử dụng ngữ pháp cơ bản của bạn một cách tự nhiên. Tôi dám khẳng định đây là khóa học có hiệu quả học tập rất cao. Cảm ơn bạn đã cung cấp một bài giảng hữu ích.
5.0
H00589
Bài giảng rất hữu ích.
Tìm hiểu các khái niệm lớp cơ bản của Bootstrap 5 mới nhất.
Nó có thể được sửa đổi và áp dụng dựa trên khái niệm đã hiểu về bootstrapping.
Thông qua các dự án thực tế, bạn có thể hiểu được chức năng và cấu trúc tổng thể của Bootstrap 5.
Cuối cùng, bạn có thể triển khai trang web độc đáo của riêng mình ở mặt trước dựa trên thiết kế và chức năng của Bootstrap.
Sau này, bạn có thể sử dụng Bootstrap không chỉ để phát triển front-end mà còn phát triển back-end.
Bất kỳ ai cũng có thể tạo một trang web!
Dự án web được tạo bằng Bootstrap 5
Bootstrap là một loại thư viện khung cung cấp giao diện chuẩn hóa bằng cách tích hợp HTML, CSS và Javascript, là các thành phần của một trang web, thành một giao diện ở phía trước.
Bootstrap cho phép bất kỳ ai cũng có thể xây dựng trang web một cách nhanh chóng và dễ dàng . Nếu không có Bootstrap, các nhà phát triển web sẽ phải tạo HTML, CSS và JavaScript riêng biệt rồi mới tích hợp chúng. Tuy nhiên, framework Bootstrap phân phối các mã này (lớp, thành phần, v.v.) theo một định dạng thống nhất, cho phép chúng ta xây dựng trang web dễ dàng hơn.
Bootstrap cho phép người mới bắt đầu tạo ra các trang web đẹp mắt với kiến thức cơ bản về HTML và CSS .
Nếu bạn mới làm quen với lập trình web, học HTML và CSS, rồi thực sự viết mã HTML front-end, bạn có thể đã trải qua cảm giác choáng ngợp. Bootstrap có thể giúp bạn đạt được điều này với sức mạnh và hiệu quả đáng kinh ngạc.
Ngoài ra, vì Bootstrap là thư viện được phát triển lần đầu tiên khi Twitter lần đầu tiên được phát triển cho thiết bị di động nên nó có lợi thế là hiển thị tương thích trên các thiết bị di động và máy tính bảng.
Khóa học này tập trung vào cấu trúc và nội dung của Bootstrap . Các thành phần riêng lẻ sẽ được mã hóa toàn diện và lặp lại trong quá trình xây dựng các dự án thực tế. Bằng cách xây dựng nhiều dự án thực tế từ đầu đến cuối, kỹ năng lập trình web của bạn sẽ tiến bộ vượt bậc, đặt nền tảng vững chắc cho phát triển web nâng cao, bao gồm JavaScript và phát triển back-end.
Tóm lại, khóa học này được thiết kế và tạo ra để giúp bạn nhanh chóng học được trình độ cơ bản hoặc mới bắt đầu về phát triển web.
Khi bắt đầu phát triển web, bạn có thể sẽ gặp phải tình huống khó xử từng bước sau:
Ngay cả khi những lo ngại trên được giải quyết, phát triển web vẫn còn vô số câu hỏi và băn khoăn. Ví dụ, thay vì tạo tệp HTML mỗi lần, liệu chúng ta có thể tạo một mẫu thiết kế cơ bản và kết hợp nội dung đa dạng một cách hiệu quả và tiết kiệm chi phí không? Có cách nào để lưu trữ và quản lý dữ liệu nội dung này không? Có cách nào để tăng tốc độ hiển thị trang web không? Vân vân. Những câu hỏi này và nhiều câu hỏi khác vẫn tiếp tục được đặt ra.
Tuy nhiên, cũng như mọi quá trình học tập và trải nghiệm đều có giai đoạn, bước đầu tiên hướng tới phát triển web full-stack, bao gồm cả front-end và back-end, chính là HTML và CSS. Do đó, việc hiểu rõ HTML/CSS và khả năng sử dụng chúng một cách linh hoạt là điều cần thiết. Bootstrap có thể giải quyết gọn gàng những lo lắng ban đầu này.
Nếu bạn tham gia khóa học “Bootstrap 5: Tạo dự án từ những điều cơ bản”!
Người mới bắt đầu viết mã web
Nhà phát triển mới bắt đầu và html,
css, Javascript
Người mới bắt đầu học lập trình web
Tôi tò mò về Bootstrap 5
Tôi biết cách sử dụng cơ bản, nhưng
Các lớp, thành phần, v.v.
Khi bạn tò mò về phương pháp ứng dụng
Bạn không thể làm nhanh hơn được sao?
Khi phát triển một trang web
Phát triển front-end
Dành cho những ai muốn hoàn thành nhanh chóng
Trên thực tế thì nó như thế nào?
Trong một dự án thực tế
Cách áp dụng bootstrap
Bất cứ ai tò mò
Khóa học này được chia thành hai phần chính: phần cơ bản của Bootstrap 5 và cách tạo dự án.
H. Đây có phải là khóa học mà tôi có thể tham gia ngay cả khi tôi không chuyên về khoa học máy tính không?
Tất nhiên rồi. Khóa học này không khó đến vậy. Thay vì nghiên cứu các lý thuyết cứng nhắc hay lịch sử của khoa học máy tính hay web, khóa học này khám phá những kiến thức cơ bản về phát triển web, bao gồm HTML, CSS và JavaScript, thông qua các dự án sử dụng thư viện Bootstrap.
Ngoài ra, nhiều nhà phát triển web giỏi không phải là chuyên gia liên quan đến máy tính. Bản thân tôi cũng không phải là chuyên gia liên quan đến máy tính!
H. Tôi biết rất ít (hoặc không biết gì) về HTML và CSS. Tôi có thể theo học khóa học này không?
Tất nhiên rồi. Chỉ cần nghe qua các thuật ngữ HTML và CSS là đủ để bạn bắt đầu. Tuy nhiên, như mọi hình thức học tập khác, việc này đòi hỏi sự kiên trì, nhẫn nại và ham học hỏi.
H. Tôi có cần chuẩn bị gì trước khi tham dự buổi thuyết trình không?
Trước tiên, bạn cần một máy tính có kết nối Internet. Có thể là PC, Mac hoặc laptop, và cấu hình không quan trọng.
Hiểu biết cơ bản về các ngôn ngữ lập trình như HTML, CSS và JavaScript sẽ rất có lợi. Nếu bạn chưa có những kỹ năng này, hãy tìm kiếm các bài giảng video miễn phí trên YouTube! Chỉ cần hai đến ba giờ học là đủ.
Chúng tôi khuyên bạn nên sử dụng Chrome (khuyến khích sử dụng) hoặc Firefox (phiên bản chung hoặc dành cho nhà phát triển) làm trình duyệt web.
Bạn cũng có thể sử dụng bất kỳ trình soạn thảo mã nào (Visual Studio Code Editor, Sublime Text Editor, Atom Editor, v.v.) hỗ trợ lập trình. Trong bài giảng này, tôi đặc biệt khuyên dùng Visual Studio Code Editor (được sử dụng trong bài giảng), một trình soạn thảo được sử dụng rộng rãi hiện nay.
H. Tôi có thể học khóa học và viết mã trên PC (hệ điều hành Windows) không?
Tất nhiên rồi. Khóa học này sử dụng hệ điều hành Mac để viết mã, nhưng bạn có thể tham gia khóa học và viết mã trên bất kỳ hệ điều hành nào, bao gồm Windows và Linux, mà không gặp bất kỳ vấn đề gì.
Khóa học này dành cho ai?
Bất cứ ai muốn nghiên cứu cấu trúc, khái niệm và thành phần cơ bản của Bootstrap
Những người mới làm quen với việc viết mã web và muốn phát triển web một cách dễ dàng và nhanh chóng
Bất cứ ai biết những điều cơ bản về Bootstrap nhưng muốn sửa đổi và áp dụng nó
Cần biết trước khi bắt đầu?
Sẽ tốt hơn nếu bạn có hiểu biết nhất định về các ngôn ngữ máy tính như HTML, CSS và Javascript.
Nếu bạn đã từng nghe nói về Bootstrap, bạn sẽ không gặp vấn đề gì khi tham gia khóa học này.
Tất cả
84 bài giảng ∙ (14giờ 38phút)
Tài liệu khóa học:
5. Grid 1
08:45
6. Grid 2
07:44
7. Grid 3
04:13
9. Nghỉ
03:32
10. Offset
02:53
11. Đặt hàng
04:01
12. Màn hình
07:19
13. Flex-1
05:39
14. Flex-2
06:00
15. Border & Shadow
10:56
16. Margin & padding
06:48
17. Kích cỡ
04:11
18. Vị trí 1
14:45
19. Vị trí 2
02:23
20. Sự nổi
05:13
21. Kiểu chữ
07:51
22. Text
08:41
23. Màu sắc
06:59
24. Image & figure
03:58
25. tỷ lệ
04:07
26. Table
03:13
27. Dự án 1 - Intro
03:24
Tất cả
33 đánh giá
4.6
33 đánh giá
Đánh giá 3
∙
Đánh giá trung bình 5.0
5
Tôi muốn nói rằng đây là khóa học liên quan đến Bootstrap tốt nhất mà tôi từng tham gia. Nếu bạn là một nhà phát triển back-end trung cấp hoặc thấp hơn, nếu tham gia bài giảng này, bạn sẽ có thể tránh được cho mình rất nhiều lo lắng về phần front-end. Âm thanh bài giảng rất hay và trên hết là tài liệu bài giảng được cung cấp rất tốt. Cảm ơn bạn đã tạo ra một khóa học tuyệt vời. Một điều tôi muốn hỏi bạn là: Tôi muốn biết liệu người hướng dẫn có thể liệt kê các tiện ích mở rộng VS Code mà họ sử dụng hay không. Dù sao thì học sinh cũng sẽ cài đặt nó theo sở thích của mình, nhưng tôi nghĩ nó sẽ tốt như một hướng dẫn cơ bản.
Cảm ơn bạn đã tham gia khóa học và để lại đánh giá tốt. Khi làm video dự án mới mình sẽ làm video giới thiệu ngắn gọn về tiện ích mở rộng Visual Studio Code Editor, v.v. Vậy thì, năm mới vui vẻ nhé~
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
Tôi đã nghiên cứu HTML và CSS được khoảng một tháng và đang làm việc để tạo trang chủ. Tuy nhiên, khi tôi đang tìm kiếm những hạn chế về mặt thiết kế, Tôi phát hiện ra nó có tên là Bootstrap. Khi thử sử dụng Bootstrap, tôi có cảm giác như đang nghiên cứu một điều gì đó mới mẻ, không giống như CSS mà tôi đã nghiên cứu trước đây. Vì thế tôi bắt đầu tìm kiếm các bài giảng. Sau khi nghe thầy giảng, sự hiểu biết của tôi được cải thiện rất nhiều. Bây giờ tôi có thể sử dụng nó đúng cách. Cảm ơn bạn rất nhiều. Dưới đây là những câu hỏi và ý kiến. ====================================================== === Đây là phần về tiêu chuẩn web. Sau khi làm việc với dự án, hãy lưu HTML vào trang xác thực https://validator.w3.org/ Nếu bạn đăng ký Tất cả các phần chiều rộng được nhập vào lớp đều tạo ra lỗi. Tất nhiên, ngay cả khi xảy ra lỗi thì việc sử dụng trang web cũng không có vấn đề gì. Tôi tự hỏi liệu lỗi này có phải là vấn đề về tiêu chuẩn web hay không. Ví dụ: khi tôi nhận được một công việc tại một công ty và được hướng dẫn tạo một trang web tuân thủ các tiêu chuẩn web, tôi đã tự hỏi liệu đây có phải là một vấn đề hay không. Sau khi xóa phần bị lỗi và ghi trực tiếp vào file css thì phần lỗi đó đã biến mất. Tôi không chắc tại sao, nhưng khi nó được viết trong lớp Vị trí hơi khác một chút khi được viết bằng css. Phần đó có thể được sửa bằng cách sửa đổi giá trị col. (Trong ba cột của thanh điều hướng được chỉ định là col-3, col-5 và col-4, logo ở col-5 bị lệch sang trái, Bằng cách thay đổi nó thành col-4 col-4 col-4, logo nằm ở giữa) Nếu phần này có vấn đề với tiêu chuẩn web Mình đang thận trọng đề xuất ý kiến của mình vì mình nghĩ thà thầy dạy theo hướng viết bằng CSS ngay từ đầu sẽ tốt hơn. Đây không phải là vấn đề đúng hay sai mà tôi chỉ đặt câu hỏi về điều gì đó mà tôi tò mò nên mong bạn không cảm thấy khó chịu. Dưới đây là những suy nghĩ của tôi về các bài giảng sau này. ====================================================== ==== Trước khi nghe bài giảng của thầy, tôi đã tham khảo một số mẫu trên Internet nhưng khi áp dụng vào thực tế, tôi không thể có được hình dáng như mong muốn. Với kiến thức hạn chế của mình, tôi nghĩ Có lẽ phiên bản Bootstrap khác và tác giả ban đầu của mẫu đã tùy chỉnh một số phần khác ngoài CSS do Bootstrap cung cấp. Có vẻ như nó không thể hoạt động bình thường trong tệp chỉ mục của tôi, tệp chỉ có liên kết cdn. Vì vậy điều tôi đề nghị là, Sử dụng nhiều phiên bản và mẫu Mã được lấy từ đây và đó Bạn có thể vui lòng cho tôi biết quá trình tạo một trang web? Tôi nghĩ nó sẽ là một trợ giúp tuyệt vời. (Tùy thuộc vào sự khác biệt của phiên bản, phần mã này của tác giả gốc cần được sửa đổi. Nếu CSS không hoạt động bình thường, làm cách nào để phân tích mã và sửa nó) Cảm ơn bạn một lần nữa, Tôi sẽ chỉ nói ngắn gọn thế này thôi.
Cảm ơn bạn đã xem xét của bạn. Tôi rất vui vì nó đã giúp ích được gì đó. Về một số thắc mắc... 1. Mình học HTML đã lâu (thực ra thì không cần học HTML, chỉ mất 1-2 tiếng thôi) nên thực sự mình không biết về xác thực HTML. Thêm chiều rộng hoặc chiều cao làm thuộc tính cho phần tử img, v.v. Mình sẽ nghiên cứu trước phần này và làm video khi cập nhật dự án mới sau này. Cảm ơn bạn đã cho tôi biết. 2. Bootstrap là một framework rất dễ dàng để viết mã web miễn là bạn biết HTML và một chút CSS. Nếu bạn liên kết với Bootstrap cdn, những phần CSS không sử dụng chắc chắn sẽ được đưa vào web (tất nhiên, số lượng mã sẽ tăng lên), vì vậy các chuyên gia thiết kế CSS từng cái một, chỉ những phần thiết yếu. Khóa học này thực chất là một khóa học bootstrap, vì vậy nếu bạn sử dụng quá nhiều CSS tùy chỉnh, nó có thể không phù hợp với chủ đề của khóa học. Trên thực tế, một số dự án đang bị chỉ trích vì sử dụng quá nhiều CSS tùy chỉnh hoặc nó không cần thiết. Vì vậy, khi bạn nghiên cứu Bootstrap ở một mức độ nào đó, bạn sẽ hiểu rằng lớp Bootstrap được viết bằng CSS chung vì những khái niệm và lý do này, và cuối cùng, tôi nghĩ bạn sẽ có thể vượt ra ngoài Bootstrap và tự tạo CSS. Trang Tử nói: “Bắt được cá thì hãy vứt lưới đi”. Tôi cũng như spya mong rằng sau khi hiểu đầy đủ về Bootstrap, chúng ta sẽ có thể tự mình thiết kế web mà không bị hạn chế bởi Bootstrap. 3. Tôi đã nghĩ đến quá trình tạo một trang web bằng cách sử dụng một số phiên bản và mẫu của Bootstrap... Tuy nhiên, tôi thận trọng vì một số vấn đề về bản quyền. Trên thực tế, trang web một trang đầu tiên được tôi tạo dựa trên một mẫu và cách viết mã hoàn toàn mới. Nếu tôi tạo video của riêng mình bằng cách sử dụng mã của nhà thiết kế hoặc chỉ với những sửa đổi nhỏ, tôi nghĩ sẽ có vấn đề, cả về mặt pháp lý và lương tâm. Và tôi không có quyền chỉ trích các nhà phát triển web khác. Tôi hiện đang chuẩn bị một khóa học viết mã chủ đề WordPress (khoảng 2/3 chặng đường) và tôi đang nghĩ đến việc dạy một khóa học liên quan đến JavaScript sau đó. Khi có thời gian rảnh, tôi dự định thêm một dự án Bootstrap mới hoặc một bài học cập nhật Bootstrap quy mô nhỏ vào khóa học này. Chúng tôi sẽ cố gắng cải thiện nó bằng cách phản ánh các yêu cầu trên nhiều nhất có thể. Cảm ơn bạn một lần nữa ~
Đánh giá 1
∙
Đánh giá trung bình 5.0
Đánh giá 7
∙
Đánh giá trung bình 5.0
5
Bài giảng này truyền tải một cách hiệu quả bản chất của Bootstrap 5. Đây là phương pháp học tập từng bước thông qua việc học ngữ pháp cơ bản chính và sau đó là qua ba dự án thực tế. Khi những điều cơ bản được lặp lại cho từng dự án và mức độ khó tăng lên, Các kỹ thuật nâng cao mới đã được thêm vào để nâng cao khả năng sử dụng ngữ pháp cơ bản của bạn một cách tự nhiên. Tôi dám khẳng định đây là khóa học có hiệu quả học tập rất cao. Cảm ơn bạn đã cung cấp một bài giảng hữu ích.
Hãy khám phá các khóa học khác của giảng viên!
Khám phá các khóa học khác trong cùng lĩnh vực!
477.310 ₫
![[Code Factory] [Cơ bản] Khóa học hoàn chỉnh về NestJS REST API Backend - NestJS CoreHình thu nhỏ khóa học](https://cdn.inflearn.com/public/courses/331985/cover/f0501069-2139-4112-aafa-a9b3a2932860/331985-eng.png?w=420)
