Projektowanie frontendu - framework tak czy nie?

pytanie zadane 11 kwietnia 2015 w HTML i CSS przez Arkadiusz Waluk Ekspert (287,950 p.)

Witam bardzo serdecznie!

Właśnie zaczynam projektować sobie kolejną stronkę i nurtuje mnie taka jedna sprawa więc pomyślałem, że poproszę was o poradę.

Zastanawiam się nad frontendem strony, a mianowicie nad tym czy warto skorzystać z jakiegoś frameworka czy lepiej pisać wszystko z palca. Wiadomo chciałbym aby strona była jak najładniejsza, w pełni kompatybilna jak i responsywna. Parę jakiś tam stronek już zrobiłem i jak do tej pory wszystko pisałem sam ale tak naszedł mnie taki pomysł żeby może spróbować czegoś innego. Przejrzałem już ten ranking http://webmastah.pl/10-najlepszych-frameworkow-css/ ale tutaj są tylko wymienione frameworki a ja chciałbym dowiedzieć się czy warto i który najbardziej polecacie. Dodam jeszcze, że oczywiście żadnego z nich nie umiem, dopiero będę się musiał nauczyć.

Co byście polecili, ewentualnie jaki framework i skąd się go uczyć? :)

5 odpowiedzi

odpowiedź 11 kwietnia 2015 przez nefil1m Stary wyjadacz (10,690 p.)

To wszystko zależy od zastosowania. Przy dużych projektach często pisze się takie rzeczy samodzielnie, żeby zaoszczędzić na ilości dodawanych komponetnów do strony. Dodatkowo pisząc wszystko z palca więcej się nauczysz. Frameworki zostaw sobie na czas w którym byłbyś już w stanie sam napisać coś zbliżonego.

Czy warto? Zależy. Jeśli jesteś skupiony na robieniu stron hurtem i wolisz czas poświęcić na skrypty zamiast bawić się w szablon, to tak. Jeśli jednak robisz sobie proste stronki i chcesz wiedzieć jak najwięcej, to nie. Ja tak mam z JS. Zacząłem od jQuery bo mniej pisania, później zacząłem Angulara a skończyło się na tym, że teraz nadrabiam braki z natywnego JS. Tak więc poelcam uczyć się najpierw natywnych technologii a frameworki zostawic na koniec.

odpowiedź 11 kwietnia 2015 przez joker Nałogowiec (31,150 p.)
edycja 11 kwietnia 2015 przez joker

Zdecydowanie na dłuższą metę lepiej tworzyć strony z frameworkiem, dzięki niemu dużo szybciej i łatwiej pisać responsywne strony. Ja polecam Ci Bootstrap do pobrania tutaj:

http://getbootstrap.com

Natomiast kurs Bootstrapa znajdziesz tutaj:

http://kursbootstrap.pl/category/bootstrap-3-2/

Pozdrawiam serdecznie

komentarz 11 kwietnia 2015 przez Arkadiusz Waluk Ekspert (287,950 p.)

Dziękuję za wypowiedź ;)

A czy wiesz może jeszcze gdzie znajdę jakieś dobre gotowe strony lub przykłady oparte na Bootstrapie, tak żebym mógł też przeanalizować co i jak zostało na nich zrobione i zastosować to ewentualnie u siebie?

komentarz 11 kwietnia 2015 przez efiku Szeryf (75,160 p.)

Arkadiusz, a zaglądałeś do dokumentacji Bootstrapa ?

http://getbootstrap.com/getting-started/

Tam masz wszystko opisane co i jak. ;-)

komentarz 11 kwietnia 2015 przez Arkadiusz Waluk Ekspert (287,950 p.)

Oczywiście że zaglądałem, nawet teraz przeglądam sobie o tutaj: http://getbootstrap.com/components/

Zapytałem o gotowe przykłady tylko po to aby móc zobaczyć też na konkretnych gotowych stronach co można z tym zrobić i jak to jest zrobione ale właściwie to już znalazłem http://builtwithbootstrap.com/ i myślę że tutaj jest tego wystarczająco dużo :)

komentarz 11 kwietnia 2015 przez efiku Szeryf (75,160 p.)
edycja 11 kwietnia 2015 przez efiku

Bootstrap Expo :) ->> http://expo.getbootstrap.com/

Sam się niekiedy dziwie, ale mają pomysły niektórzy:D no np to: http://www.teamgeek.co.za/ ( przyklad z expo)

komentarz 5 października 2015 przez Schizohatter Nałogowiec (39,600 p.)

Właśnie na dłuższą metę nie opłaca się używać frameworków. Powinniśmy dążyć do optymalizacji, a używanie frameworka CSS po pierwsze już na wstępie dostarcza duże ilości kodu w postaci CSS (i nawet często to wszystko jest jeszcze okalane dodatkowym JS), a po drugie powoduje zrzucanie wyglądu na stronę HTML (przypisywanie coraz to kolejnych klas, zamiast po prostu edycja stylu. A klasy też ważą kilobajty). Dodatkowo chcąc używać frameworka CSS jest na nas wymuszona konwencja. Wydaje się to normalne, że skoro framework - to konwencja. Natomiast warto zauważyć, jak dużo zbędnego kodu to generuje (a Bootstrap jest wręcz królem nadmiarowego kodu).

Do tego używanie frameworku rozleniwia. Potem do pierdół znowu dociąga się kolejne komponenty i dodatki i to wszystko rośnie w oczach.

Powtarzam jak mantrę - nie warto używać Bootstrapa i jemu podobnych w celu postawienia strony, którą i tak będziemy mocno dostosowywać pod siebie. Albo używamy Bootstrapa i jedziemy na domyślnym wyglądzie, bo to nam w dużej mierze wystarcza (panele administracyjne itp.), albo piszemy kod własnoręcznie, od zera. Nie widzę dużego sensu w mieszaniu tych rozwiązań. Naprawdę, Bootstrap jest super, jak chcemy sobie na szybko postawić prototyp frontendu, aby móc potem pracować z backendem (przyjemna praca z backendem wymaga ładnego frontendu). Ale prototyp, a nie końcową stronę.

odpowiedź 11 kwietnia 2015 przez Mrozo Obywatel (1,260 p.)

Bez wątpienia freamworki potrafią skrócić czas pracy nawet kilkukrotnie jednak jednocześnie narzucają pewne regóły.

Jeżeli zlecenie posiada specyficzne wymagania profesonalniści piszą kod bez wykorzystania freamworków, dzięki temu mają nad nim większą kontrolę a efekt końcowy jest bardziej unikatowy, profesjonalny.

Dlatego freamwork powinien być narzędziem ułatwiającym pracę a nie magicznym pudełkiem, z którego wychodzą świetne efekty.

Moim zdaniem na początku powinieneś zrozumieć ten kod, mniej więcej potrawić sam go napisać. Zajrzyj w plik bootstrapa i naucz się jak można tworzyć poszczególne elementy.

Oprócz samych freamworków istnieją inne bardzo przydatne narzędzia takie jak preprocesory, najbardziej znane: SASS i LESS. Sam bootstrap korzysta z LESS więc na prawdę polecam zainteresować się tym tematem.

Pozdrawiam serdecznie ;)

komentarz 11 kwietnia 2015 przez testerius Pasjonat (23,960 p.)

Chciałem napisać, że SASS i LESS to jedyne warte uwagi preprocesory, ale po zapytaniu wujka G. okazało się, że są inne, równie dobrze zapowiadające się alternatywy.