Read-only archive. Login and posting are unavailable.

PDA

View Full Version : Angular- Dùng thư viện hay tự design css?


RaitoLight4492
27-12-2019, 06:01
Mình đang làm 1 project angular. Mấy bạn cho mình hỏi là tự viết scss design nó dễ kiểm soát vs tuỳ chỉnh hơn hay dùng thư viện design ngoài như boostrap để làm cho lẹ vậy?
Mình viết trang có dạng dashboard

lulul99
27-12-2019, 10:11
Mình đang làm 1 project angular. Mấy bạn cho mình hỏi là tự viết scss design nó dễ kiểm soát vs tuỳ chỉnh hơn hay dùng thư viện design ngoài như boostrap để làm cho lẹ vậy?
Mình viết trang có dạng dashboard

thì cũng tùy vào quy mô và tính chất của project, theo mình thì dựa vào boostrap làm cho nhanh, dashboard thì có thằng này cũng oke https://adminlte.io/

dreamnight
27-12-2019, 13:15
Mình đang làm 1 project angular. Mấy bạn cho mình hỏi là tự viết scss design nó dễ kiểm soát vs tuỳ chỉnh hơn hay dùng thư viện design ngoài như boostrap để làm cho lẹ vậy?
Mình viết trang có dạng dashboard

Hầu hết project đều dùng bootstrap để thiết kế responsive layout. Bootstrap hiện khá dễ sử dụng, code sample nhiều, utilities control nhiều nên khi có vấn đề bạn dễ dàng tìm được cách gỡ rối. Nếu dựng dashboard thì D3 chart vẫn sài tốt với Bootstrap nhé. SCSS trong Angular chỉ giúp bạn tùy biến styling cho các component khi cần thiết, còn nếu đã define layout, design chuẩn thì hầu như chả cần. Các dự án mình làm với Angular có sài SCSS chủ yếu là đòi hỏi personalized hoặc có thể đổi theme. Còn không thì vẫn CSS thuần để fix bug layout

blah02
27-12-2019, 13:23
Dùng được thư viện thì cứ dùng thôi. Cả 1 cộng đồng nó tạo ra chắc chắn sẽ tốt hơn 1 mình mình tự làm

dragonvms
27-12-2019, 20:17
Thường project mình làm thì bootstrap là bắt buộc, vì những lợi ích mà nó mang lại (grid system, plugin...), tránh được nhiều cross-browser bugs, đồng thời cũng tự custom css cho những component đặc thù.

NoGameNoLoveEzLife
27-12-2019, 20:50
các thím cho em hỏi tí về Bootstrap https://i.imgur.com/6c72DYD.png
Hình này được tự động upload và chèn link bởi Voz Living (https://chrome.google.com/webstore/detail/voz-living/bpfbcbgognjimbmabiiphhofpgdcgbgc)ạ?
tại sao em dùng navbar:tooggler để build web responsive khi nó xổ code ra, mở lên với chrome nó k hiện thanh menu, hiện mỗi cái button ạ, không hiện ra cái list thẻ link ạ, dù trong code HTML đầy đủ cả :( em mới học , nên tìm mãi k ra cách sửa ạ, mong các thím chỉ giáo :adore:

NoGameNoLoveEzLife
27-12-2019, 20:52
https://i.imgur.com/HzDQ7T9.png
Hình này được tự động upload và chèn link bởi Voz Living (https://chrome.google.com/webstore/detail/voz-living/bpfbcbgognjimbmabiiphhofpgdcgbgc)

quan1506
28-12-2019, 22:43
các thím cho em hỏi tí về Bootstrap https://i.imgur.com/6c72DYD.png
Hình này được tự động upload và chèn link bởi Voz Living (https://chrome.google.com/webstore/detail/voz-living/bpfbcbgognjimbmabiiphhofpgdcgbgc)ạ?
tại sao em dùng navbar:tooggler để build web responsive khi nó xổ code ra, mở lên với chrome nó k hiện thanh menu, hiện mỗi cái button ạ, không hiện ra cái list thẻ link ạ, dù trong code HTML đầy đủ cả :( em mới học , nên tìm mãi k ra cách sửa ạ, mong các thím chỉ giáo :adore:

Bật dev tools lên mà inspect element để debug. Code phải biết debug chứ.

RaitoLight4492
30-12-2019, 10:14
Hầu hết project đều dùng bootstrap để thiết kế responsive layout. Bootstrap hiện khá dễ sử dụng, code sample nhiều, utilities control nhiều nên khi có vấn đề bạn dễ dàng tìm được cách gỡ rối. Nếu dựng dashboard thì D3 chart vẫn sài tốt với Bootstrap nhé. SCSS trong Angular chỉ giúp bạn tùy biến styling cho các component khi cần thiết, còn nếu đã define layout, design chuẩn thì hầu như chả cần. Các dự án mình làm với Angular có sài SCSS chủ yếu là đòi hỏi personalized hoặc có thể đổi theme. Còn không thì vẫn CSS thuần để fix bug layout

Vậy cái boostrap là bạn lựa cái bản css chứ không phải scss à ? Tại mình lỡ để cái projetc là scss full luôn thì không biết có đụng gì không? :sweat:

dongdideo
01-01-2020, 20:26
thấy đại đa số các bác dùng bootstrap nhiều nhỉ, e cũng thích bootstrap cơ mà dự án angular hiện tại công ty ko cho sài bootstrap với Jquery, toàn chơi css chay với framework hỗ trợ :sosad: