Tworzenie nowoczesnych stron internetowych wymaga opanowania trzech kluczowych technologii: HTML, JavaScript i CSS. CSS jest zaskakująco potężnym językiem, który ułatwia nadanie atrakcyjnego wyglądu stronie, a równocześnie pozwala na zapewnienie jej responsywności. Niezależnie od tego kod CSS należy tworzyć tak, aby był odpowiednio zorganizowany, czytelny i łatwy w utrzymaniu. Pomocna w osiągnięciu tego celu jest refaktoryzacja — technika polegająca na przeglądaniu kodu w celu usunięcia zbędnych elementów i niespójności.
Trzymasz w ręku praktyczny przewodnik dla projektantów stron internetowych. Przedstawiono tu szereg istotnych zagadnień, takich jak architektura kodu CSS, sposób jego zorganizowania, a przede wszystkim cele i strategie refaktoryzacji kodu. Książka ta okaże się przydatna również dla tych, którzy dopiero zaczynają naukę CSS, jednak chcą od razu zacząć tworzyć kod czytelny, spójny, łatwy w utrzymaniu. Dzięki niej zyskasz wiedzę pozwalającą na bezproblemowe tworzenie, testowanie i wielokrotne wykorzystywanie skryptów CSS.
W tej książce znajdziesz między innymi:
- wyjaśnienie pojęcia refaktoryzacji i korzyści płynących z jej stosowania
- odniesienie refaktoryzacji do architektury oprogramowania
- omówienie takich aspektów CSS, jak kaskada, szczegółowość selektorów i model pola
- wyjaśnienie standardów kodowania i bibliotek wzorców
- organizowanie i testowanie kodu CSS
- strategie refaktoryzacji CSS
Refaktoryzacja. Kodowanie w najlepszym stylu.
Steve Lindstrom napisał swoją pierwszą stronę internetową w 1999 r. jako uczeń szkoły średniej. Od tego czasu tworzy strony WWW i inne aplikacje. Zyskał w tym zakresie ogromne doświadczenie. Często programuje dla branży obronnej, tworzy też aplikacje ułatwiające zarządzanie podróżami. Od pewnego czasu zaczął tworzyć oprogramowanie dla branży handlu elektronicznego.
Spis treści
Przedmowa (9)
1. Refaktoryzacja a architektura (17)
- Czym jest refaktoryzacja? (17)
- Co to jest architektura oprogramowania? (17)
- Braki, które prowadzą do refaktoryzacji (19)
- Kiedy należy refaktoryzować kod? (21)
- Kiedy NIE należy refaktoryzować kodu? (22)
- Czy mogę refaktoryzować swój kod? (22)
- Przykłady refaktoryzacji (23)
- Podsumowanie rozdziału (38)
2. Kaskada (39)
- Czym jest kaskada? (39)
- Szczegółowość selektorów (39)
- Kolejność zestawów reguł (41)
- Lokalny CSS a szczegółowość (42)
- Nadpisywanie kaskady za pomocą deklaracji !important (43)
- Podsumowanie rozdziału (44)
3. Pisanie lepszego CSS (45)
- Używaj komentarzy (45)
- Konsekwentnie organizuj zestawy reguł (46)
- Zachowuj prostotę selektorów (48)
- Rozdzielanie kodu CSS i JavaScript (54)
- Używaj klas (55)
- Przypisuj klasom znaczące nazwy (56)
- Buduj lepsze pola (58)
- Podsumowanie rozdziału (61)
4. Klasyfikowanie różnych rodzajów stylów (63)
- Znaczenie klasyfikowania stylów (63)
- Style standaryzujące (64)
- Style podstawowe (65)
- Style komponentów (77)
- Style strukturalne (93)
- Style narzędziowe (94)
- Style charakterystyczne dla przeglądarek (96)
- Podsumowanie rozdziału (97)
5. Testowanie (99)
- Dlaczego testowanie jest trudne? (99)
- Które przeglądarki należy testować? (100)
- Udział przeglądarek w rynku (100)
- Testowanie z wieloma przeglądarkami (103)
- Testowanie ze starszymi wersjami przeglądarek (107)
- Testowanie najnowszych technologii (109)
- Zewnętrzne usługi testowania (109)
- Testowanie za pomocą narzędzi dla programistów (110)
- Wizualne testy regresji (116)
- Utrzymywanie kodu (120)
- Podsumowanie rozdziału (130)
6. Umieszczanie kodu i strategie refaktoryzacji (131)
- Organizowanie kodu CSS od najmniej do najbardziej szczegółowych stylów (131)
- Wiele plików czy jeden duży plik? (133)
- Badanie kodu CSS przed refaktoryzacją (138)
- Strategie refaktoryzacji (139)
- Mierzenie sukcesu (149)
- Podsumowanie rozdziału (151)
A. Plik normalize.css (153)
Skorowidz (163)