Hướng dẫn learn bootstrap reddit - 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

Đó 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ừ đó.

Nếu bạn học Bootstrap 4, công tắc sang V5 sẽ rất dễ dàng.

Nội phân chính

• Tôi có nên sử dụng bootstrap 5 hay 4 không?
• Phiên bản bootstrap nào là tốt nhất để học?
• Có đáng để học Bootstrap 4 không?
• Bootstrap vẫn còn đáng để học 2021?

Nhanh chóng chuyển tiếp đến gần một thập kỷ sau. Với sự phát triển của các khung phía trước của JavaScript và một cảnh quan luôn thay đổi của công nghệ và công cụ, rất nhiều người ở ngoài đó hỏi liệu bootstrap có còn phù hợp vào năm 2021. Câu trả lời ngắn gọn là có.

Nếu bạn học Bootstrap 4, công tắc sang V5 sẽ rất dễ dàng.

Nội phân chính

Tuy nhiên - nếu lý do duy nhất để bắt đầu với V4 là bạn có một khóa học Udemy miễn phí cho nó - cá nhân tôi nghĩ rằng nó không đáng để bạn dành thời gian.working with documentation as much as you can you should also try to find some practical tutorials.

Đã có rất nhiều hướng dẫn miễn phí sử dụng V5 vì vậy tôi sẽ bắt đầu với điều đó.

Nếu bạn thực sự cần học V4 - cách tiếp cận được đề xuất bởi U/ZipperJJ nói chung là tốt, tôi cũng sẽ thêm một cái gì đó vào nó.

Bên cạnh việc làm việc với tài liệu nhiều nhất có thể, bạn cũng nên cố gắng tìm một số hướng dẫn thực tế..

Theo thực tế, tôi có nghĩa là các khóa học dạy bạn bootstrap bằng cách xây dựng một số dự án thực tế với nó. Bạn nên tìm kiếm YT cho "Xây dựng dự án danh mục đầu tư với Bootstrap 5", "Bulid một bảng điều khiển quản trị với Bootstrap 5", v.v.

Bạn sẽ học hiệu quả nhất bằng cách xem chính xác các tính năng bootstrap có thể được sử dụng như thế nào trong thực tế.

Cố gắng nhắm đến hiệu quả và không làm chậm bản thân chỉ vì bạn có một hướng dẫn miễn phí cho phiên bản cũ hơn.

PS. Tất nhiên, điều này không áp dụng cho tất cả mọi người - một số người sẽ phải học V4 chỉ vì công ty họ làm việc vẫn sử dụng nó.

Tôi đồng ý, nhưng hầu hết mọi người trong cộng đồng JavaScript sẽ không. Vì vậy, bạn phải biết những nhóm bạn sẽ làm việc với (hoặc).

Tôi bắt đầu với bootstrap, và sau đó angularjs. Nhưng tất cả đều có khuôn khổ cụ thể và tôi bắt đầu gặp vấn đề về hiệu suất, cũng như phải đối phó với các khung luôn thay đổi (AngularJS đã chết).

Tôi đang trong quá trình tách ra khỏi tất cả những điều đó và chỉ sử dụng các lớp HTMLelement thuần túy và ES6.

Bootstrap và các khung CSS khác về cơ bản được mong đợi của một nhà phát triển phía trước để biết. Giống như những người khác đã nói, bạn nên học cách làm mọi thứ với CSS của OLE đơn giản, nhưng một khi bạn biết bạn đang làm gì, hãy học cách sử dụng Bootstrap và/hoặc Khung CSS khác. Đừng lo lắng về đường cong học tập, hãy xem hướng dẫn 1 giờ, sau đó xem qua các tài liệu, thật dễ dàng để có được sự kiên định.

Tôi thích S đi vật liệu vì tôi nghĩ rằng nó có nhiều hơn để cung cấp các linh kiện/JavaScript khôn ngoan và bởi vì bạn có thể sáng tạo hơn trong đó, nhưng Bootstrap được sử dụng nhiều nhất và bạn sẽ gặp phải nó vào một lúc nào đó trong sự nghiệp của bạn.

Tôi nghĩ thật tốt khi tìm hiểu các nguyên tắc cơ bản của bootstrap vì nó rất có ảnh hưởng. Mặc dù nhiều trang web hiện đại và hướng dẫn kiểu nội bộ không sử dụng bootstrap, các thiết kế bố cục của chúng dựa trên cùng một loại hệ thống lưới bố trí và chúng sử dụng các lớp trợ giúp tương tự.

Vì vậy, trong khi bạn không cần biết cụ thể Bootstrap, việc học Bootstrap sẽ giúp bạn tìm hiểu các thực tiễn tốt nhất để tạo hệ thống bố cục/phong cách hiệu quả của riêng bạn và nó sẽ giúp bạn nhanh chóng hiểu được đánh dấu của nhiều trang web.

Xin chào, tất cả mọi người. Tôi đang cố gắng trở thành một Web Front-end Autodidact Front-end và muốn biết khi nào thời điểm thích hợp là học Bootstrap. Ngay bây giờ, tôi vẫn đang cố gắng xây dựng kiến ​​thức về HTML và CSS trước khi tôi chuyển sang JavaScript, nhưng tôi cũng quan tâm đến việc học Bootstrap.

Tôi vẫn có mọi ý định học javascript cộng với một hoặc hai ngôn ngữ back-end, nhưng chỉ muốn biết khi nào tôi nên phù hợp với bootstrap. Cảm ơn!

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 có nên sử dụng bootstrap 5 hay 4 không?

Bootstrap 4 hỗ trợ cả IE 10 và 11.Bootstrap 5 không hỗ trợ IE 10 và 11. Các nút radio, hộp kiểm có giao diện khác nhau trong các hệ điều hành và trình duyệt khác nhau. Biểu mẫu sử dụng bất kỳ trình duyệt mặc định nào cung cấp. Bootstrap 5 doesn't support IE 10 and 11. Radio buttons, checkboxes have different look in different OS and browsers. The form uses whatever default browsers provide.

Phiên bản bootstrap nào là tốt nhất để học?

Bootstrap 3 là phiên bản ổn định nhất của Bootstrap và nó vẫn được nhóm hỗ trợ cho các thay đổi tài liệu và lỗi quan trọng. is the most stable version of Bootstrap, and it is still supported by the team for critical bugfixes and documentation changes.

Có đáng để học Bootstrap 4 không?

Bạn chắc chắn nên học bootstrap. Thật dễ dàng để chọn và vẫn là khung CSS được sử dụng nhiều nhất trên thế giới. Đây cũng là một điểm nhập cảnh tuyệt vời cho các khung CSS nếu bạn chưa học trước đây và có tài liệu tuyệt vời.. It is easy to pick up and remains the most used CSS framework in the world. It's also a fantastic entry point to CSS frameworks if you haven't learned one before and has great documentation.

Bootstrap vẫn còn đáng để học 2021?

Nhanh chóng chuyển tiếp đến gần một thập kỷ sau. Với sự phát triển của các khung phía trước của JavaScript và một cảnh quan luôn thay đổi của công nghệ và công cụ, rất nhiều người ở ngoài đó hỏi liệu bootstrap có còn phù hợp vào năm 2021. Câu trả lời ngắn gọn là có.yes.