Opanuj najnowszą wersję Bootstrapa, żeby tworzyć zindywidualizowane i responsywne aplikacje webowe!

Bootstrap jest coraz popularniejszym frameworkiem CSS i JavaScriptu, sÅ‚użącym do szybkiego i bezproblemowego tworzenia responsywnych interfejsów WWW. W sierpniu 2011 roku zostaÅ‚ zaprezentowany Å›wiatu w jako projekt open source, a dzisiaj jest markÄ… powszechnie znanÄ… wÅ›ród projektantów front-endów aplikacji. Bootstrap jest prosty w użyciu, kompatybilny z różnymi przeglÄ…darkami i umożliwia tworzenie interfejsów mobilnych. Zalety te sÄ… doceniane przez rosnÄ…ce grono użytkowników na caÅ‚ym Å›wiecie. Mimo tej popularnoÅ›ci dość trudno znaleźć dobry materiaÅ‚ do nauki zaawansowanych opcji dostÄ™pnych w najnowszej, czwartej wersji Bootstrapa.

To książka przeznaczona dla developerów, którzy chcÄ… pisać kompletne, przyjemne w użytkowaniu i doskonaÅ‚e jakoÅ›ciowo strony za pomocÄ… Bootstrapa 4. Opisano tu różnorakie podejÅ›cia do tworzenia stron od podstaw. Dowiesz siÄ™, jak budować wÅ‚aÅ›ciwy ukÅ‚ad strony, stosować różne komponenty nawigacyjne Bootstrapa, korzystać z formularzy i stylizować różnego typu treÅ›ci. Zrozumiesz budowÄ™ wtyczki w Bootstrapie, nauczysz siÄ™ pisać wÅ‚asne komponenty i rozszerzać Bootstrapa za pomocÄ… jQuery. W książce przedstawiono także klasy pomocnicze Bootstrapa, dziÄ™ki którym proces tworzenia strony przebiega sprawniej. Nie zabrakÅ‚o również szczegóÅ‚owych instrukcji dotyczÄ…cych optymalizacji strony i jej integrowania z zewnÄ™trznymi frameworkami.

W tej książce między innymi:

• wprowadzenie do Bootstrapa 4 i jego najużyteczniejszych elementów
• tworzenie od podstaw ukÅ‚adu strony
• korzystanie z wtyczek i bibliotek oraz tworzenie wÅ‚asnych wtyczek
• klasy pomocnicze Bootstrapa 4, ich implementacja i możliwoÅ›ci wykorzystania
• tworzenie zaawansowanych interfejsów za pomocÄ… akordeonów, rozwijanych list i grup list

Bootstrap 4 dla projektanta: responsywność, jakość, styl!

Osoby które kupowały "Bootstrap 4 dla zaawansowanych. Jak pisać znakomite aplikacje internetowe. Wydanie II", wybierały także:

• Angular 2. Programowanie z użyciem jÄ™zyka TypeScript 77,10 zÅ‚, (23,90 zÅ‚ -69%)
• RESTful Web Services. Kurs video. Tworzenie restowych aplikacji internetowych w Spring, AngularJS 79,00 zÅ‚, (31,60 zÅ‚ -60%)
• AngularJS. Kurs video. Poziom pierwszy. Tworzenie aplikacji 119,00 zÅ‚, (47,60 zÅ‚ -60%)
• Jest i Cypress. Kurs video. Testy jednostkowe i automatyczne w Angularze 149,00 zÅ‚, (67,05 zÅ‚ -55%)
• Angular. Kurs video. Programowanie reaktywne aplikacji webowych z RxJS 149,00 zÅ‚, (67,05 zÅ‚ -55%)

Spis treści

Bootstrap 4 dla zaawansowanych. Jak pisać znakomite aplikacje internetowe. Wydanie II eBook -- spis treści

O autorach 7

O recenzencie 8

Wstęp 9

Rozdział 1. Podkręcanie Bootstrapa 13

• Wprowadzenie do projektu demo 14
• Co oferuje Bootstrap 4 16
  • UkÅ‚ad 16
  • Nadawanie treÅ›ciom stylu 17
  • Komponenty 18
  • Wsparcie urzÄ…dzeÅ„ mobilnych 21
  • Klasy pomocnicze 21
  • Wspierane przeglÄ…darki 21
  • Sass zamiast Less 22
  • Od pikseli do root emów 22
  • Mieszanie prefiksów 23
  • Ikony 23
  • Szablony 24
  • Kosmetyka 25
• Przygotowanie projektu 25
• Podsumowanie 31

Rozdział 2. Definiowanie stylu 33

• System siatkowy 33
  • Kontenery 34
  • RzÄ™dy 40
  • Kolumny 40
• Obrazy 52
  • Responsywne obrazy 54
  • Modyfikatory obrazów 56
• Responsywne narzÄ™dzia 58
• Podsumowanie 60

Rozdział 3. Tworzenie układu 61

• Tworzenie sekcji 61
• Dodawanie komponentów Bootstrapa 64
  • Jumbotron 65
  • ZakÅ‚adki 66
  • Karuzela 72
  • Karty 75
  • Pasek nawigacyjny 77
  • Okna modalne 84
• Podsumowanie 89

Rozdział 4. O nawigacji, stopkach, ostrzeżeniach i treści 91

• Przyklejanie paska nawigacji 92
  • WiÄ™cej o stylu paska nawigacji 93
• Poprawa nawigacji za pomocÄ… Scrollspy 93
  • Dopasowanie prÄ™dkoÅ›ci przewijania 96
• Okruszki 99
• Ikony 99
  • Wykorzystanie i dostosowanie ostrzeżeÅ„ 102
• Tworzymy stopkÄ™ 107
• Tworzymy dopasowane formularze 109
• Walidacja formularza 116
• Wskaźniki postÄ™pu 118
• Używanie obiektów medialnych 119
• Rysunki 120
• Podsumowanie 122

Rozdział 5. Projektowanie usprawnione dzięki wtyczkom 123

• Wykrywanie przeglÄ…darki 124
• Rozszerzona paginacja dziÄ™ki wtyczce bootpag 126
• WyÅ›wietlanie obrazów za pomocÄ… Lightboksu 135
• Poprawiamy listÄ™ cen za pomocÄ… DataTables 139
• Typeahead 142
• Podpowiedzi 144
• WyskakujÄ…ce okienka 144
• Podsumowanie 145

Rozdział 6. Wtyczki dopasowane do potrzeb 147

• Anatomia wtyczek 148
  • JavaScript 148
  • Sass 153
• Dopasowanie wtyczek do potrzeb 154
  • Konfiguracja wtyczki ostrzegawczej 154
  • Dostosowywanie karuzeli jQuery 161
• Pisanie wÅ‚asnej wtyczki jQuery 166
  • Idea - wtyczka A11yHCM 166
  • Plik a11yhcm.js 169
  • Kod 171
  • Dodawanie stylu 174
• Podsumowanie 176

Rozdział 7. Zaawansowane wtyczki 179

• Budowanie komponentu referencje za pomocÄ… Salvattore'a 179
  • Poznaj Salvattore'a 182
  • Dodawanie Animate.css do Mojej Fotki 187
  • SkaczÄ…ce powiadomienia 188
  • Animowanie siatki Salvattore'a 191
• Hover 192
  • Dodawanie Hovera do Mojej Fotki 193
  • Rozbudowywanie paska nawigacyjnego 193
  • Ikony Awesome Hover 194
  • Salvattore Hover 196
• Podsumowanie 199

Rozdział 8. Narzędzia 201

• Flexbox 201
• WÅ‚aÅ›ciwoÅ›ci display i alignment 202
  • Pomoc dla wÅ‚aÅ›ciwoÅ›ci display 203
  • Pomoc dla wÅ‚aÅ›ciwoÅ›ci alignment 203
• Obramowanie 204
• Kolory kontekstowe 206
• Marginesy i wypeÅ‚nienie 207
• OpÅ‚ywanie (floating) 211
• Przytwierdzanie 211
• PrzeÅ‚Ä…czanie widocznoÅ›ci 212
• Wyrównanie tekstu i przeksztaÅ‚cenia 213
• PodÅ›wietlanie tekstu 214
• Zmniejszanie rozmiaru tekstu 215
• Listy 215
  • Listy bez stylu 215
  • Listy inline 216
• Szerokość i wysokość 217
• Kod 218
• Sub i Sup 219
• Formatowanie danych wprowadzanych przez użytkownika 219
• Formatowanie danych wyjÅ›ciowych użytkownika 220
• Clearfix 220
• Podsumowanie 220

Rozdział 9. Listy i akordeony 221

• Grupy list 221
  • Wchodzenie w interakcjÄ™ z elementami listy 222
  • Stosowanie plakietek 223
  • Stosowanie klas kontekstowych 224
• Ukrywanie treÅ›ci 225
  • Akordeony 226
• Podsumowanie 228

Rozdział 10. Optymalizowanie strony 229

• Optymalizacja CSS-u 230
  • Style inline 230
  • DÅ‚ugie identyfikatory i nazwy klas 231
  • Zasady skracania 234
  • Selektory grupujÄ…ce 234
  • Czas renderowania 235
• Minifikacja CSS-u i JavaScriptu 236
• Przedstawiamy Grunta 236
  • Minifikacja i konkatenacja z Gruntem 238
• Automatyczne uruchamianie zadaÅ„ 240
• Wyrzucanie nieużywanego CSS-u ze strony 242
  • Przetwarzanie HTML-a 244
  • Ustawianie zasobów 247
  • Pozbywanie siÄ™ komentarzy CSS-u 248
• Konkatenacja plików JavaScriptu 249
• Podsumowanie 250

Rozdział 11. Integrowanie z AngularJS i Reactem 251

• Poznajemy AngularJS 252
  • Przygotowanie AngularJS 252
• Poprawianie komponentu referencji 253
  • Uczynienie referencji dynamicznymi 254
  • Tworzenie Promise z $q 256
  • Tworzenie dyrektywy AngularJS 257
  • Pisanie szablonu referencji 259
  • Testowanie dyrektywy testimonial 260
  • Importowanie biblioteki Salvattore 261
• Poznajemy Reacta 262
  • Ustawianie Reacta 262
  • Galeria w bibliotece React 264
  • Wykorzystanie karuzeli 267
• Podsumowanie 271

Skorowidz 273