Xin chào, tôi là một người chơi Angular 8+ và Java Spring Dev chuyên nghiệp, nhưng thật không may, tôi gần như không có kinh nghiệm với HTML và CSS. Chúng tôi luôn trao giao diện người dùng của các quản trị web, và sau đó chúng tôi đưa nó vào cuộc sống. Tôi biết những điều cơ bản của HTML, nhưng CSS tôi gần gũi với không biết gì.
Ngay bây giờ, tôi đang cố gắng đưa ứng dụng của mình lên khỏi mặt đất và tôi muốn hỏi - tôi có thể lao thẳng vào bootstrap, hay tôi nên dành thời gian để học CSS và HTML, sau đó chuyển sang bootstrap? Lý tưởng nhất là tôi muốn có được một MVP và chạy càng sớm càng tốt - nhưng tôi thực sự muốn nghe một số suy nghĩ và sự khôn ngoan khác về điều này.
Thanks!
Tôi cũng là một người mới, tôi hiện đang ở trong một bootcamp. Chúng tôi đã học Bootstrap, sau đó chúng tôi bắt đầu học Vanilla JS, và hiện đang bắt đầu học jQuery và sau đó phản ứng.
Khi tôi lần đầu tiên được giới thiệu với Bootstrap, tôi nghĩ rằng nó là khập khiễng và không cần thiết. Tuy nhiên, khi tôi bắt đầu trả lời các vấn đề thực hành liên quan đến việc chế giễu một trang web nhanh chóng, tôi thấy rằng tôi thích lấy một giải pháp bootstrap - Ex. Một thanh điều hướng nhanh, một số thẻ, vv - để tạo hiệu ứng hình ảnh đơn giản và sạch sẽ.
Bản thân tôi là một người mới, nhưng nếu bạn muốn có thể phác thảo một trang web nhanh chóng trông đẹp và không ngại sử dụng phong cách trước, tôi khuyên bạn nên cắt xén một số bootstrap.
Nếu bạn chỉ muốn tìm hiểu về phụ trợ, thì tôi không thực sự quan trọng, và tiếp tục và bỏ qua nó. Mặc dù vậy, tôi thấy rất thú vị và trao quyền để có thể khởi chạy một trang web nhanh chóng và đẹp mắt.
Không, bạn không cần phải biết rõ về CSS trước khi chuyển sang Bootstrap. Bootstrap là một khung. Vì vậy, nếu bạn đã biết các khái niệm CSS như lớp và ID và nếu bạn biết cách sử dụng chúng, thì bạn có thể bắt đầu học Bootstrap.
Học Bootstrap là về việc học các lớp của nó mà bạn có thể sử dụng trong mã của mình. Ví dụ: để tạo một nút, bạn cần viết mã từ đầu bằng HTML và CSS. Rất nhiều dòng ... nhưng với Bootstrap, bạn có thể dễ dàng thực hiện điều này bằng cách sử dụng một số lớp của nó. Bạn chỉ cần sử dụng một lớp bootstrap và ở đó :]
Nhân tiện, nếu bạn muốn học Bootstrap rất nhanh, hãy thử khóa học này: //www.udemy.com/result-oriented-web-developer
Học cách viết mã là một hành trình đáng kinh ngạc. Nhưng mỗi bước có những cạm bẫy và thách thức của nó để nhận thức được. & NBSP;
Chọn khung CSS như Bootstrap khác với việc học HTML và CSS RAW.
Khi học Bootstrap, bạn đang chơi theo các quy tắc mà các nhà phát triển khác đã đặt ra. Bạn phải tuân theo các quy ước nhất định nếu không, các yếu tố bootstrap khác nhau đã giành được công việc. & NBSP;
Mặt tích cực là nếu bạn tuân theo các quy tắc này, thì mọi thứ sẽ kết hợp nhanh hơn rất nhiều so với khi bạn mã hóa mọi thứ từ đầu.
Nhìn chung, bootstrap không khó để học. Sự đơn giản của nó đã làm cho Bootstrap trở thành khung CSS được sử dụng nhiều nhất trên thế giới và 86% nhà phát triển nói rằng họ sẽ tiếp tục sử dụng nó. Bootstrap rất dễ sử dụng, có tài liệu tuyệt vời và có sự hỗ trợ cộng đồng tuyệt vời. & NBSP;
Tuy nhiên, một số phần của bootstrap khó học hơn những phần khác. Nó có giá trị để có được một ý tưởng về nơi bạn có thể đấu tranh để bạn có thể đặt thêm thời gian sang một bên.
Bootstrap rất dễ học, và điều này đã giúp nó trở thành khung CSS phổ biến nhất trên thế giới. & NBSP;
Chọn Bootstrap có vẻ phức tạp khi học viết mã. Bạn có thể chiến đấu chống lại khuôn khổ. Thông thường, lý do đằng sau điều này là thiếu kinh nghiệm và tiếp xúc. & NBSP;
Tôi đã tìm thấy một khi tôi hiểu rõ hơn về CSS, Bootstrap đã dễ dàng. & NBSP;
Hãy cùng xem một cách khó khăn khi học hỏi và những điều cần chú ý. & NBSP;
1. Bắt đầu
Bootstrap đặc biệt được ghi chép lại nên bắt đầu rất đơn giản. Thử thách đầu tiên bạn sẽ gặp phải là làm cho nó hoạt động trong tài liệu HTML của bạn. & NBSP;
Để đi với CSS:
- Truy cập & nbsp; bắt đầu & nbsp; trang
- Sao chép bảng kiểu CSS
- Mở tài liệu HTML của bạn
- Dán liên kết vào tài liệu của bạn trước bất kỳ bảng kiểu nào khác. & NBSP;
Để kích hoạt javascript: & nbsp;
- Điều hướng đến trang bắt đầu
- Sao chép thẻ bên dưới & nbsp; js & nbsp; tiêu đề. & Nbsp;JS heading.
- Mở tài liệu HTML của bạn & NBSP;
- Dán liên kết ngay trước khi thẻ đóng. & Nbsp;
Về mặt bắt đầu, không có gì khó khăn trong việc học bootstrap. Trong bốn bước dễ dàng, bạn có thể có CSS và chạy trong tài liệu HTML của mình.
Nếu bạn không chắc chắn nơi để dán các thẻ, đừng lo lắng. Họ thậm chí còn có một mẫu khởi động cho HTML của bạn trên trang bắt đầu. Nó không thể đơn giản hơn.
Tôi đã bao gồm một video ngắn dưới đây khi bắt đầu với bootstrap
2. Chọn những điều cơ bản
Bootstrap có rất nhiều yếu tố. Kiểu chữ, nút, điều hướng, phương thức, tab, accordion và băng chuyền chỉ là một vài trong số những thứ có sẵn cho bạn. Ngoài ra còn có rất nhiều thành phần dựa trên JS. & NBSP;
Bootstrap rất khó để học nếu bạn đang gắn bó với các thành phần cơ bản. & NBSP;
Nó trở nên phức tạp hơn một chút khi bạn mang theo các plugin JS. Tuy nhiên, ngay cả đây chỉ là một trường hợp đảm bảo đánh dấu và các lớp chính xác được sử dụng. & NBSP;
Chọn những điều cơ bản của bootstrap rất dễ dàng vì tài liệu của nó. Bạn có thể sao chép và dán mã hoạt động đầy đủ trên trang web của họ. Làm điều này giành chiến thắng cho bạn một sự hiểu biết sâu sắc về khuôn khổ. Nhưng nó sẽ cho phép bạn chơi xung quanh và nắm bắt cách mọi thứ được kết hợp với nhau trong thế giới bootstrap. & NBSP;
3. Học CSS & NBSP;
Một sai lầm mà các nhà phát triển mắc phải khi quyết định liệu họ có nên học Bootstrap & nbsp; là bỏ qua CSS. & NBSP;
Bootstrap chỉ là một khung tóm tắt CSS bằng cách sử dụng các lớp tiền đề. & NBSP;
Thay vì phải tự viết mọi thứ, các lớp học đã được viết sẵn để bạn có thể tiếp tục tạo trang web của mình.
Nó loại bỏ rất nhiều công việc nặng nề nhưng bạn cần phải hiểu CSS. Bạn không cần phải có khả năng thực hiện các truy vấn truyền thông như nó làm cho bạn. Nhưng bạn cần nắm bắt thiết kế đáp ứng để hiểu cách thức hoạt động của nó.
Không có kiến thức CSS trước đó, cuối cùng bạn sẽ chiến đấu với Bootstrap hơn là làm việc với nó. Lỗi sẽ tăng lên và bạn đã thắng được biết tại sao, hoặc làm thế nào để giải quyết chúng.
Bootstrap rất khó để tìm hiểu nếu bạn không có kiến thức CSS trước đó.
Đảm bảo học & nbsp; HTML trước JavaScript và CSS trước Bootstrap. Nó sẽ cứu bạn đau đầu sau này.
4. Tùy chỉnh bootstrap
Một trong những lời chỉ trích lớn được san bằng trên Bootstrap là các trang web sử dụng tất cả trông giống nhau. & NBSP;
Tuy nhiên, bootstrap có thể được tùy chỉnh gần như vô hạn. Nó chỉ là một khuôn khổ. Là một nhà phát triển, công việc của bạn là lấy công cụ và sử dụng nó một cách thích hợp.
Vấn đề là việc tùy chỉnh Bootstrap khó học hơn là chỉ chọn nó và chạy với nó. & NBSP;
Ngay từ sớm, giữ cho nó đơn giản và chỉ làm quen với cách nó hoạt động. Sau đó, khi kiến thức của bạn phát triển, xem xét các biến sửa đổi và các yếu tố khác. & NBSP;
Bootstrap sử dụng SASS là bộ tiền xử lý CSS. Nó cho phép bạn sử dụng các biến, mixin, bản đồ và các tính năng thú vị khác.
Chọn SASS là một kỹ năng trong chính nó và một cái gì đó bạn đã giành được khi bạn ban đầu học Bootstrap. Bạn sẽ phải nắm bắt được các trình quản lý gói NPM khác nhau, kế thừa, nhập tệp và thậm chí & NBSP; tìm hiểu về GitHub.
5. Khả năng đáp ứng
Gần 55% của tất cả lưu lượng truy cập Web hiện là từ các thiết bị di động, vì vậy các trang web đáp ứng là điều cần thiết tuyệt đối. & NBSP;
Các trang web từ đầu những năm 2000 đã không đáp ứng với các kích thước màn hình khác nhau là một điều tuyệt đối. Google hiện bao gồm khả năng sử dụng như một yếu tố xếp hạng quan trọng. & NBSP;
Khả năng đáp ứng được cung cấp ra khỏi hộp với bootstrap và dễ học. Khi bạn có thể nắm bắt được tên lớp cho các điểm dừng khác nhau, bạn sẽ tốt.
Thành công của Bootstrap có thể được quy cho cách dễ dàng hệ thống lưới mà họ sử dụng để học. Nó ngay lập tức cung cấp cho trang web của bạn một cấu trúc đáp ứng.
6. Mẫu và chủ đề
Nó ước tính rằng 22% tất cả các trang web sử dụng ít nhất một số khía cạnh của bootstrap. Trên hết, một phần ba của tất cả các trang web được xây dựng bằng & nbsp; WordPress.
Thị trường cho các mẫu bootstrap và chủ đề là rất lớn.
Nhưng học cách tạo chủ đề bootstrap cho WordPress là khó khăn. Sự phức tạp vượt xa những điều khác mà chúng ta đã thảo luận trong bài viết này. & NBSP;
Tuy nhiên, nó là một cái gì đó để các nhà phát triển người mới nhắm đến. Tạo chủ đề của riêng bạn có nghĩa là bạn có thể cung cấp chất lượng tốt hơn nhanh hơn cho khách hàng của mình. & NBSP;
Bạn cũng có thể đưa chúng lên một thị trường và kiếm thu nhập thụ động từ những người mua chúng. Mặc dù thị trường cho điều này đã bão hòa. & NBSP;
Sẽ mất bao nhiêu thời gian để học bootstrap?
Khoảng thời gian bạn đã được mã hóa sẽ ảnh hưởng đến mức độ khó khăn khi học Bootstrap. Nó cũng sẽ mất nhiều thời gian hơn để chọn khung.
Không có kinh nghiệm mã hóa
Đối với người mới không có kinh nghiệm, bạn có thể mong đợi chọn Bootstrap trong một vài tuần. Sẽ mất nhiều thời gian vì bạn sẽ phải học HTML và CSS khi bạn đi cùng. Hai kỹ năng này có thể mất nhiều tháng để tự học.
Tôi rất khuyến khích không nhảy vào bootstrap trước khi hiểu cách HTML, CSS và JavaScript hoạt động. & NBSP;
Bootstrap được xây dựng để dễ học nhưng không phải là một lối tắt để trở thành nhà phát triển. Đóng đinh những điều cơ bản đầu tiên và nó rất dễ học.
Với mức độ kinh nghiệm này, bạn vẫn có thể đấu tranh để kết hợp một trang web tĩnh cơ bản với bootstrap sau hai tuần.
Nhà phát triển mới
Với một số kinh nghiệm mã hóa trong vành đai của bạn, bạn có thể mong đợi học Bootstrap trong một hoặc hai ngày. & NBSP;
Ý tôi là gì về kinh nghiệm? Bạn nên nắm bắt tốt các nguyên tắc cơ bản đằng sau ba người lớn. Với bootstrap học tập này rất dễ dàng. & NBSP;
Nhiều kinh nghiệm làm cho việc đọc tài liệu dễ dàng hơn. Bootstrap có một số tài liệu tốt nhất, vì vậy, nó rất dễ dàng để chọn cho những người nắm bắt được mã hóa. & NBSP;
Ở cấp độ này, bạn nên cảm thấy thoải mái khi tạo và sửa đổi các yếu tố để dễ dàng kết hợp một trang web.
Nhà phát triển có kinh nghiệm & NBSP;
Là một nhà phát triển có kinh nghiệm, bạn sẽ nhận ra rằng bạn đã biết Bootstrap vì bạn biết CSS. & NBSP;
Về cơ bản, tất cả những gì bạn đang học là cú pháp - những lớp và bố cục tương ứng với phần tử nào. & NBSP;
Thời gian quay vòng để học bootstrap về cơ bản là một vài giờ. Bạn muốn làm việc với tài liệu mở chỉ để gọi nó là công cụ xây dựng của bạn trong HTML.
Ở cấp độ này, bạn sẽ có thể thoải mái tùy chỉnh khung. Đào vào các tệp SASS won là một vấn đề và bạn thậm chí có thể tạo chủ đề của riêng mình.
Sự kết luận
Bootstrap không khó học. Mục đích đằng sau sự sáng tạo của nó là làm cho CSS trở nên đơn giản. Đường cong học tập khá bằng phẳng, đặc biệt nếu bạn đã nắm bắt tốt CSS.
Bootstrap khó học như thế nào cũng sẽ phụ thuộc vào những gì bạn định làm. Các yếu tố cơ bản rất dễ nhận. Nhưng bạn sẽ phải dành thêm một chút thời gian để học nếu bạn muốn tùy chỉnh nó và xây dựng các tính năng bổ sung. & NBSP;
Chỉ cần nhớ không bỏ qua phía trước. Nổi lên cơ bản của HTML, CSS và JavaScript trước, và việc học bootstrap sẽ dễ dàng.
Tài nguyên
Bootstrap 5
Trạng thái của CSS 2020
Số liệu thống kê giao thông di động
Sử dụng bootstrap