Po co używać Bootstrapa?

Witam chciałbym dowiedzieć się po co używać bootstrapa? Rozumiem że są tam gotowe elementy do strony i są one do tego responsywne ale czy nie lepiej pisać swój własny kod od 0 w html css? Czy jest on wykorzystywany przez profesjonalnych programistów? Jaki sposób pisania stron ze strony front endowej jest tak naprawdę używany przez profesjonalistów? Bootstrap , SASS zwykły css i html? Pozdrawiam!

ale czy nie lepiej pisać swój własny kod od 0 w html css?

To pytanie zmierza do: czyż nie lepiej byłoby pisać od zera własne systemy operacyjne?

Odpowiedź jest zaskakująca: nie, ponieważ z całą pewnością wyszłoby coś gorszego niż aktualnie istniejące oprogramowanie (tudzież: biblioteki).

Bootstrap jest wykorzystywany, ponieważ w szybki, łatwy oraz maksymalnie przenośny między przeglądarkami sposób umożliwia tworzenie stron od zera - po co za każdym razem oprogramowywać grid od nowa, skoro w Bootstrapie masz już to wbudowane?

Po co od zera tworzyć alerty, skoro już to masz?

Po co (...)

Zresztą, gdybyś stworzył x-stron, sam byś zauważył, że pewne schematy w stylach się po prostu powtarzają i musisz pisać dokładnie identyczny kod. A tak masz Bootstrapa (czy inne frameworki) i magia się po prostu dzieje.

Czy jest on wykorzystywany przez profesjonalnych programistów?

Rzuć okiem w źródła Twoich ulubionych stron internetowych i sam sprawdź :)

zależy od budżetu, jak masz kilkanaście/kilkadziesiąt tysiaków budżetu to można sobie rzeźbić samemu i optymizować do woli, frameworki to taki kompromis pomiędzy wydajnością, a opłacalnością

Im łatwiejszy framework tym mniej daje możliwości... Jeżeli zbudujesz strukturę na Bootstrapie to zapomnij o podziale strony na 5 części w pionie, z drugiej strony kto by dzielił stronę na 5 części w pionie ;)

Bootstrap jest wykorzystywany bo jest łatwy w użyciu. Dużo łatwiej wkleić 3 rzeczy do nagłówka niż pisać parędziesiąt linii kodu żeby strona wyglądała dobrze na wszystkich platformach. Dodatkowo daje 2 możliwości. Pobieranie tylko części fiuczerów (używasz w projekcie tylko grida i modali? pobierz tylko to, będzie mniej do załadowania) daje możliwość ustawienia kolorów, marginesów i chyba wszystkiego o czym można pomyśleć. Dodatkowo jest rozwiany przez ogromną społeczność, jest milion bibliotek które mają integrację z nim. Więc póki nie klepiesz kodu dla googla to osobiście polecam używanie bootstrapa. Ogrom problemów będziesz miał z głowy.

Zależy.

• Jeżeli jesteś designerem, to nienawidzisz Bootstrapa bo wszystko wygląda tak samo i dość przeciętnie.
• Jeśli jesteś front-endem to doceniasz to, że jak postawisz coś na gridzie to będziesz miał 99% dobrze wyświetlone na większości ekranów. Ucieszysz się także, że masz już predefiniowane gotowe komponenty, które możesz sobie dopasować do swoich celów. Bardzo duża część gotowych rozwiązań też jest postawiona na bootstrapie więc proces implementacji czyichś "bibliotek" także przebiega dość sprawnie.
  Ale jak designer będzie chciał np. własny ładniutki navbar to na samą myśl o nadpisywaniu z !important wszystkich styli od bootstrapowego navbara wyjdą ci pryszcze na plecach.
  (* Chociaż możesz modyfikować Bootstrapa na poziomie SASSa i wtedy tego po części unikniesz, ale...)
• Jak jesteś back-endem (ale np. pracujesz sam) i nie chcesz się bawić w cssy to czujesz komfort tego, że na szybko sobie możesz postawić prototyp UI swojej aplikacji i nawet to jakoś wygląda.
  A jak chcesz coś innego, to pozmieniasz kolorki i już masz coś "własnego"

Łatwo to także można przełożyć na firmy. Tak jak @czysteipachnaceskarpetki wspomniał jeżeli jest duży budżet to firma pisze "swojego bootstrapa", a jak chcą szybko i tanio wyjść ze swoją aplikacją to Bootstrap jest dobrą opcją.

Edit:
Aha, zapomniałem jeszcze o tym, że Bootstrap wyręcza cię z badania rynku np. na temat jakie marginesy będą odpowiednie na takiej rozdzielczości, a jakie na innej. Uśrednia tzw. breakpointy rozdzielczości, ale to już bardziej zasługa samego grida.

Gdyby taki grafik jak ja zabrał się za tworzenie layout'u bez bootstrapa to klękajcie narody. Choćby dlatego jest świetnym narzędziem.

Przy małym budżecie Bootstrap jest jak znalazł bo: klient się cieszy bo w miarę to wygląda i jest przyjemne, dev nie musi dużo się naklepać kodu. Wszyscy zadowoleni.

http://adventurega.me/bootstrap/
( ͡° ͜ʖ ͡°)

Jak ktoś umie pisać media query, i ma cssa w głowie to dla niego jest oczywiste że nie ładuje dodatkowego badziewia gdzie wszystko jest "gotowe" (gotowe wg jakiego projektu? na pewno nie wg projektu twojego grafika) i potem to "gotowe" i tak musisz przeorganizować żeby pasowało do tego co chcesz. I najgorsze: html staje się syfem po dodaniu wszystkich tych klas, a usuń potem jakiś kontener czy inny div i szukaj wiatru w polu co i dlaczego się wyebało.

Dla backendowców którzy nie chcą się zagłębiać w css jest logiczne że popup wystarczy że jest, ale jak siedzi koło ciebie grafik to szybciej zrobisz ten popup samemu, no ale musisz znać css i jquery - wtedy naprawdę pisanie tego zjamie ci tyle co przygotowanie htmla/cssa pod "gotowy" bootstrap.

[Hispano-Suiza napisał(a)]:

No tam człowiek się spuszcza nad tym że "to nie jest szablon", jak to nie? wygląda jak 500% szablonowe rozwiązanie, po drugie ciekawe ile musieli studiować bootstrapa a potem !importantować go żeby wyglądał aż tak "nieszablonowo"

Czarny Programista napisał(a):

[Hispano-Suiza napisał(a)]:

No tam człowiek się spuszcza nad tym że "to nie jest szablon", jak to nie? wygląda jak 500% szablonowe rozwiązanie, po drugie ciekawe ile musieli studiować bootstrapa a potem !importantować go żeby wyglądał aż tak "nieszablonowo"

Właśnie raczej pisze że ta strona wygląda jak wszystkie inne

Take a look around at the same fucking bootstrap page you've seen ten million times before!

bo css to stan umysłu. Tak poważnie to w wielu projektach strona wizualna ma drugoplanowe znaczenie, progam ma być estetyczny i być czytelny, a najważniejesze jest core biznesowe.
Dlatego szkoda czasu na powtórne wymyślanie koła, jak klient chce mieć w terminie działjący program spełniający jego potrzeby biznesowe. Poza tym za bibliotekami takimi jak bootstrap stoi sztab ludzi więc masz pewność, że jak wejdzie np. nowa przeglądarka to biblioteki te zostaną szybko zaaktualizowane i nie trzeba będzie znowu przerabiać własnego kodu w setkach miejsc

[Patryk27 napisał(a)]:

ale czy nie lepiej pisać swój własny kod od 0 w html css?

To pytanie zmierza do: czyż nie lepiej byłoby pisać od zera własne systemy operacyjne?

Odpowiedź jest zaskakująca: nie, ponieważ z całą pewnością wyszłoby coś gorszego niż aktualnie istniejące oprogramowanie (tudzież: biblioteki).

Bootstrap jest wykorzystywany, ponieważ w szybki, łatwy oraz maksymalnie przenośny między przeglądarkami sposób umożliwia tworzenie stron od zera - po co za każdym razem oprogramowywać grid od nowa, skoro w Bootstrapie masz już to wbudowane?

Po co od zera tworzyć alerty, skoro już to masz?

Po co (...)

Zresztą, gdybyś stworzył x-stron, sam byś zauważył, że pewne schematy w stylach się po prostu powtarzają i musisz pisać dokładnie identyczny kod. A tak masz Bootstrapa (czy inne frameworki) i magia się po prostu dzieje.

Czy jest on wykorzystywany przez profesjonalnych programistów?

Rzuć okiem w źródła Twoich ulubionych stron internetowych i sam sprawdź :)

Wyszłoby coś gorszego niż aktualnie istniejące rozwiązanie? Hahaha! Tylko jeśli piszesz nowego bootsrapa! Jeśli masz do pocięcia PSD to bootstrap tylko przeszkadza, wszytko musisz nadpisywać fonty, marginy, kolory, paddingi no i ten piękny HTML po bootstrapie którego nie wolno tknąć, ma być tak jak bootstrap wymaga, nie tak jak potrzebujesz.

Po co programować grid? Ale serio PO CO? Piszesz 4 media query, tylko 4 i masz RWD, z htmlem bez 50 klas w jednym divie. Myślenie żeby "pisać grid na nowo" mają ci co nie wiedzą co to media query. (czyt: większość przeciętnych użytkowników bootstrapa)
+bootstrapowe rwd kończy się na 760px, jeśli chcesz mniej (a targetując na telefony to chcesz) to i tak musisz sobie dopisać (sorry: skonfigurować bootstrapa...)

Bootstrap jest przenośny między przeglądarkami? Ale mój kod też jest, jak umiesz cssa to wiesz jak go używać żeby się nie przejmować supportem.

Po co od nowa tworzyć alerty? No kurcze, bo mój grafik nie umie pisać HTMLa a bootsrapowy alert muszę nadpisywać, a przecież to tylko DIV z ONCLICKIEM = podstawy html/css/js

Przez profesjonalistów? Hm... chyba masz na myśli profesjonalistów w backendzie, ale to nie profesjonalista we froncie. Jeśli twoja firma tworzy hurtowo strony i design jest sprawą drugorzędną, to bootstrap ci się przyda, ale jeśli jesteś profesjonalistą i pracujesz na froncie z grafikiem to zamiast uczyć się bootstrapa lepiej naucz się cssa.,

[cw1 napisał(a)]

bo css to stan umysłu. Tak poważnie to w wielu projektach strona wizualna ma drugoplanowe znaczenie, progam ma być estetyczny i być czytelny, a najważniejesze jest core biznesowe.
Dlatego szkoda czasu na powtórne wymyślanie koła, jak klient chce mieć w terminie działjący program spełniający jego potrzeby biznesowe. Poza tym za bibliotekami takimi jak bootstrap stoi sztab ludzi więc masz pewność, że jak wejdzie np. nowa przeglądarka to biblioteki te zostaną szybko zaaktualizowane i nie trzeba będzie znowu przerabiać własnego kodu w setkach miejsc

No to jest właśnie myślenie backendowca: front się nie liczy, otóż drogi mój panie złoty na froncie liczy się głównie sfera wizualna, klient twój może chce mieć program działający, ale mój klient zwykle chce mieć ładną stronę tak jak grafik zaprojektował. Bootstrap jest przydatny backendowcom bo dla was front się nie liczy, to tak jakbym ci wmawiał żebyś korzystał z Wordpressa zawsze, no bo przecież jest gotowy, aktualizowany, przez wielu profesjonalistó, przez firmy... to co, od dzisiaj tylko robisz na wordpressie?

nie ma sensu się podpalać, produkcja softu opiera się na trzech prostych, zależnych od siebie aspektach: czas-koszt-jakość
dlatego jedni robią na wordpressie, inni na frameworkach, a inni piszą od podstaw