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.

Osoby które kupowały "CSS. Refaktoryzacja kodu", wybierały także:

• Vue.js 2. Wprowadzenie dla profesjonalistów 96,45 zÅ‚, (29,90 zÅ‚ -69%)
• LESS. Kurs video. Poziom pierwszy. Jak usprawnić pracÄ™ z CSS 89,00 zÅ‚, (35,60 zÅ‚ -60%)
• Zosta 149,00 zÅ‚, (67,05 zÅ‚ -55%)
• CSS i SASS. Kurs video. Praktyczny projekt nowoczesnego dashboardu 99,00 zÅ‚, (44,55 zÅ‚ -55%)
• CSS3. Kurs video. Poziom pierwszy. Nowoczesne i stylowe strony WWW 59,00 zÅ‚, (26,55 zÅ‚ -55%)

Spis treści

CSS. Refaktoryzacja kodu -- 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)