Hướng dẫn how to learn bootstrap reddit - cách học bootstrap reddit

Từ kinh nghiệm của tôi, tôi nhận thấy có một số điều mà các nhà phát triển nên biết hoặc mong đợi được biết khi làm việc với Bootstrap. Những điều này sẽ giúp họ hiểu rõ hơn về công cụ và tận dụng tất cả các tính năng của nó:

1. Tìm hiểu SASS: Tìm hiểu về các biến và cách nhập các mô -đun. Các biến thực sự mạnh mẽ. Tôi đặt điều này lên hàng đầu vì tôi vẫn thấy những người đang sửa đổi đầu ra CSS thay vì thay đổi một biến và tổng hợp lại: learn about variables and how to import modules. Variables are really powerful. I put this first because I still see people who are modifying the CSS output instead of changing a single variable and re-compile

2. Học cách biên dịch SASS: Nó có thể là Gulp, Webpack hoặc Laravel Mix, nó không quan trọng. Nhưng sử dụng SASS và một công cụ xây dựng. Tôi đề cập rằng vì tôi vẫn thấy nhiều người thay đổi đầu ra CSS và thay thế màu HEX theo cách thủ công, thay vì thay đổi một biến duy nhất. Nếu bạn không muốn lãng phí thời gian để viết và duy trì một người xây dựng, thì tôi khuyên bạn nên thử bưu kiện. Tôi đã phát hiện ra nó gần đây và đó là một tiết kiệm thời gian.: it can be Gulp, Webpack, or Laravel Mix, it doesn't matter. But use Sass and a build tool. I mention that because I still see many people changing the CSS output and replacing HEX colors manually, instead of changing one single variable. If you don't want to waste time writing and maintaining a builder, then I recommend trying Parcel. I discovered it recently and it is such a time-saver.

3. Tìm hiểu về các biến CSS: Trong phiên bản mới nhất, Bootstrap đã thêm Thuộc tính tùy chỉnh CSS mới (biến). Điều này sẽ giúp rất nhiều trong việc theo chủ đề ứng dụng của bạn và hỗ trợ chế độ tối. Vì vậy, tìm hiểu về các biến CSS. In the latest version, Bootstrap added new CSS custom properties (variables). This will help a lot in theming your app and supporting dark mode. So learn about CSS variables.

4. Tìm hiểu về các tiện ích và thử sử dụng chúng thay vì viết các kiểu tùy chỉnh. Điều này sẽ làm cho kích thước tệp của bạn nhỏ hơn., and try using them instead of writing custom styles. This will make your file size smaller.

5. Sử dụng một thư viện thành phần được xây dựng chuyên nghiệp: Xem cách chúng được xây dựng. WebPixels là một ví dụ tuyệt vời về các thành phần và mẫu bootstrap chất lượng cao. Có một số cái miễn phí để bạn có thể tạo ra ý tưởng về cách bạn nên xây dựng của bạn. See how they are built. Webpixels is a great example of high-quality Bootstrap components and templates. There are some free ones so you can make an idea of how you should build yours.

Chúng nghe có vẻ rất nhiều, nhưng trong thực tế, chỉ là một vài khái niệm sẽ làm cho cuộc sống của bạn như một nhà phát triển dễ dàng hơn nhiều. Dành thời gian của bạn để tìm hiểu một số điều cơ bản trước khi lặn vào việc tạo ứng dụng của bạn. Chất lượng công việc của bạn sẽ có ý nghĩa sau đó.

Chúc may mắn cho tất cả những người đang bắt đầu học bootstrap. Nếu bạn cần ai đó để được tư vấn, tôi đã tạo một kênh Discord mới. Đây là lời mời: https://discord.gg/znevysnv

Nếu tổng quan về CSS về Bootstrap khó hiểu, thì Bootstrap có lẽ hơi xa hơn một chút về khả năng của CSS. Tôi khuyên bạn nên lùi lại một bước và làm việc để tăng cường các kỹ năng CSS nâng cao của bạn trước tiên - xử lý các thứ như truy vấn truyền thông và những thứ tương tự.

Bootstrap cũng là một con thú để làm quen ngay từ đầu, có rất nhiều thứ được đóng gói trong đó có thể không liên quan đến bạn vào thời điểm này. Nếu bạn chỉ đang cố gắng nắm bắt các khái niệm đằng sau một khung đáp ứng, tôi thực sự bắt đầu với CSS Skeleton. Đó cũng là một khung đáp ứng, nhưng với rất ít được thêm vào nó, vì vậy nó dễ nắm bắt hơn nhiều. Một khi bạn hiểu cách hoạt động của Skeleton - Bootstrap sẽ làm cho waaaay có ý nghĩa hơn.

Đó là tất cả về việc hiểu hệ thống lưới. Dành 90% thời gian của bạn để học điều đó. Phần còn lại bạn có thể tìm kiếm trên cơ sở khi cần thiết.

Về cơ bản, nó là 12 khối đối với các khối nhỏ-X-Large (SM, MD, LG, XL) và 24 cho X-Small (XS). Vì vậy, nếu bạn muốn ba cột cho tất cả các kích cỡ nhỏ và lên, bạn sẽ sử dụng col-SM-4 trong mỗi lớp (vì ba cột 4 khối sẽ lấp đầy một hàng 12 khối). Nếu bạn muốn hai cột nhưng muốn không gian trống, bạn sẽ sử dụng col-sm offset-1, v.v.

Chỉ tập trung vào các lưới. Kiểm tra chúng ra một tấn. Liên tục thay đổi kích thước của cửa sổ trình duyệt của bạn và xem nó có ảnh hưởng gì. Phần còn lại là trực quan từ đó.

Tôi coi mình khá tốt với những thứ phụ trợ, nhưng không biết gì với bất cứ điều gì nghệ thuật hoặc thiết kế liên quan.

Bootstrap 4 và 5 làm cho nó rất dễ dàng để tạo các ứng dụng web đẹp, sạch ngay cả đối với những người có rất ít hiểu biết về CSS và thiết kế. Tôi đang sử dụng cả hai cho một dự án phụ ngay bây giờ và tôi không thể tin rằng tôi đã làm một cái gì đó trông rất tốt

Tôi biết HTML và CSS và tôi muốn học Bootstrap ngay bây giờ và tôi đang theo dõi khóa học sụp đổ của Netninja trên YouTube. Vì đó là một khóa học sụp đổ (mặc dù nó rất tốt), anh ấy không bao gồm nhiều chủ đề trong video của mình và ở cuối hướng dẫn của mình, anh ấy luôn khuyên bạn nên xem qua tài liệu. Tôi đã thử đọc nó nhưng dường như tôi không thể học hỏi từ nó đúng cách. Tôi đã có thể học HTML, CSS và C ++ thông qua các tài liệu tham khảo và tài liệu trực tuyến, tôi thấy bootstrap hơi khó hiểu vì có rất nhiều lớp, ID, chức năng, v.v. Cái gì (ví dụ, tôi muốn thêm một hiệu ứng nhất định vào một hình ảnh, làm thế nào để tôi biết ID hoặc lớp bootstrap nào sẽ sử dụng)?

"Mất bao lâu ..."

Các câu hỏi thường được đưa ra và do đó không được yêu thích trong subreddit vì câu trả lời phụ thuộc rất nhiều vào cá nhân và so sánh là vô nghĩa.

Học bất cứ điều gì mất miễn là nó cần cá nhân để nắm bắt tài liệu. So sánh với người khác là vô dụng như tốc độ học tập, điều kiện trước, kinh nghiệm, vv cân nhắc.

Một nền tảng HTML/CSS/JavaScript vững chắc với kinh nghiệm xây dựng các trang web chắc chắn sẽ tăng tốc quá trình.

Bootstrap có khó học không?

Mất bao lâu để học bootstrap?

Bootstrap có dễ học cho người mới bắt đầu không?

Bootstrap có đáng học 2022 không?