Skocz do zawartości

Frameworki CSS nie takie straszne jak je malują?


Dazai
 Udostępnij

Rekomendowane odpowiedzi

  • Ekspert

frameworki-css.png

 

Witajcie, jest to kolejny poradnik zaliczający się do kompendium początkującego Web Developera napisany po dość długim odstępie czasu od ostatniego tutoriala, który możecie przeczytać tutaj - Wstęp do RWD jako obowiązkowa lektura każdego Juniora. Ostatnimi czasy przesiadując na wielu grupach dotyczących Front-Endu czy też czytając posty na forach napotkałem problem jakim jest błędne zastosowanie frameworków CSS przez początkujących programistów. Dlatego postanowiłem z moją wiedzą wyjść na przeciw i poruszyć kilka kwestii, które moim zdaniem na podstawie obserwacji nawet tutaj, należy wyjaśnić.

Co to jest ten cały Framework CSS?

Więc zaczynając od początku, Framework CSS jest to po prostu zbiór gotowych klas CSS, komponentów, interaktywnych elementów, które można od razu wykorzystać na swoją stronę internetową bądź aplikacje bez potrzeby pisania całej struktury i dbania o dostępność, która w dzisiejszych czasach czy tego chcemy czy nie obejmuje więcej niż samą responsywność. Przykładowo podczas wdrążania nawigacji na naszą stronę nie musimy się przejmować tym, że zapomnimy nadać odpowiednie style dla jakiegoś elementu bądź zapomnimy o widoku na średniej wielkości ekranach gdyż każdy framework zrobi to za nas, a my jedynie musimy to dostosować pod nasze wymagania. W dobie dzisiejszego internetu do najpopularniejszych frameworków należą m.in. Bootstrap oraz Foundation, z czego ten pierwszy jakiś czas temu dostał potężnego update, który sprawia, że korzystanie z niego jest jeszcze bardziej przyjemniejsze niż było.

wady-css.png

 

No dobra, ale co złego jest w stosowaniu takiego narzędzia?

Hmm... wszystko i nic. Przede wszystkim warto sobie to zapisać i zapamiętać, że wszystkie frameworki i już nie tylko CSS, ale poradnik skupia się na nich więc nie będę wybiegał poza obszar tematyczny, pomagają zbudować szybko i dokładnie stronę czy aplikacje bez dokładnej znajomości języka HTML czy CSS. Więc o co ten cały szum? Otóż jako Front-End Dev (tylko i wyłącznie) będziesz pisał projekty, które nie będą korzystały z takich pomocy jak Bootstrap, sam będziesz musiał zadbać o to aby aplikacja czy też strona miała pełną dostępność i tutaj kłania się sposób stosowania frameworka. Jeżeli dopiero uczysz się CSS-a czy HTML-a i nie masz dużego doświadczenia w budowaniu witryn, to nie używaj klocków, które oferują frameworki gdyż w ten sposób poza bezmyślnym kopiowaniem nie nauczysz się sposobu działania i zachowywania danego komponentu. A jak wspomniałem wcześniej trafi się projekt, w którym zamiast korzystać z gotowych rozwiązań sam będziesz musiał bądź musiała zaprojektować strukturę i logikę tak, by później Twój twór stał się gotowcem, z którego inni będą korzystać. Dodatkowo wielu początkujących Developerów robi jeden, ten sam błąd. Decydując się na instalację i używanie frameworka importują jego całą zawartość mimo, że w rzeczywistości wykorzystują tylko kilka procent z tego co oferuje. Tylko po co? Wszystkie znane mi frameworki oferują możliwość dowolnego dostosowania narzędzia po przez wybranie tego co jest nam niezbędne do budowy strony, tak jak to było wygodne w przypadku Bootstrapa 3.

Programiści to lenie!

Tak. Jesteśmy leniami i wiele rzeczy nam się nie chce bądź coś nam się nie podoba i właśnie z takich przypadkach rodzą się frameworki, które ułatwiają wykonanie pewnej czynności. Narzędzia te skracają czas tworzenia dzięki czemu można skupić się na funkcjonalności niż wyglądzie, ale w przypadku gdy dopiero zaczynamy i nie posiadamy wystarczającej wiedzy pozwalającej stworzyć dokładnie ten sam komponent bez korzystania z frameworka, to musimy niestety zacisnąć zęby i opanować podstawy, które później pomogą nam zrozumieć zasadę działania komponentów we frameworkach.

Podsumowanie

Na pewno poradnik ten różnicy się znacznie od pozostałych. Nie wyjaśnia dosłownie jak czegoś używać, a jedynie stara się wytłumaczyć dlaczego tak, a nie inaczej. Myślę, że to świetna odskocznia i idealnie pasuje do głównej myśli jaka nasuwa się czytając cały tutorial, a dokładnie mówiąc - Żeby podczas nauki nie kopiować bezmyślnie linijek kodu. Różne frameworki są na pewno dobrymi i ciekawymi narzędziami, które znacznie ułatwiają i przyspieszają pracę, ale też nie są zalecana do używania przez każdego, a już na pewno nie przez kogoś kto o kodowaniu witryn i aplikacji ma pojęcie znikome. Dlatego mówię i będę prawdopodobnie to mówić, ale używanie frameworka w celach edukacyjnych ma się nijak do efektów, które chce się osiągnąć.

Podziękowania dla @El Profesor za text review.

Odnośnik do komentarza
Udostępnij na innych stronach

  • Ekspert

Art. ciekawy, tak jak wspomniałem prędzej na PW. No i co najważniejsze - prowadzi do dyskusji, więc może warto by ją rozpocząć od tego, że framework nie wymusi na nas stuprocentowej semantyczności HTMLa czy też walidacji W3C. A przecież oba te czynniki biorą czynny udział w pozycjonowaniu strony w wyszukiwarkach internetowych.

No i widzę, że moich poprawek jednak nie zastosowałeś

Odnośnik do komentarza
Udostępnij na innych stronach

  • Ekspert
31 minut temu, El Profesor napisał:

Art. ciekawy, tak jak wspomniałem prędzej na PW. No i co najważniejsze - prowadzi do dyskusji, więc może warto by ją rozpocząć od tego, że framework nie wymusi na nas stuprocentowej semantyczności HTMLa czy też walidacji W3C. A przecież oba te czynniki biorą czynny udział w pozycjonowaniu strony w wyszukiwarkach internetowych.

 

No i widzę, że moich poprawek jednak nie zastosowałeś

A, bo ja widziałem tylko "Może być"

Odnośnik do komentarza
Udostępnij na innych stronach

Problem wciąż nierozwiązany? Dodaj swoją odpowiedź

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto. Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij

×