CSS. Refaktoryzacja kodu - ebook

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.

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)