Bootstrap w 24 godziny - ebook

Istnieje wiele platform do budowania aplikacji internetowych, jednak Bootstrap wyróżnia się potężnymi możliwościami, bogactwem funkcjonalności, elastycznością w konfigurowaniu i powszechnością zastosowań. Pozwala na szybkie i łatwe tworzenie witryn o efektownym wyglądzie, które równie dobrze prezentują się na różnych ekranach, w tym również urządzeń mobilnych. Zapewnia obsługę m.in. Less, Sass i jQuery, oferuje narzędzia do budowania stron responsywnych oraz elastyczny system siatek. Umiejętność korzystania z tej platformy jest cennym atutem każdego webmastera!

Książka, którą trzymasz w dłoni, pomoże Ci błyskawicznie - bo po 24 najwyżej godzinnych lekcjach - zacząć za pomocą Bootstrapa tworzyć kompletne, funkcjonalne i responsywne witryny WWW. Dzięki przejrzystym instrukcjom i praktycznym poradom w ciągu zaledwie kilku godzin nauczysz się ciekawych sposobów prezentowania treści strony: tekstu, multimediów, tabel, formularzy. Jednym słowem, zaczniesz tworzyć złożone, profesjonalne aplikacje sieciowe.

Dowiedz się, jak:

• zainstalować platformę Bootstrap i za jej pomocą tworzyć strony WWW;
• korzystać ze stylów CSS i poszczególnych komponentów platformy;
• stosować wtyczki JavaScript;
• wykorzystać zaawansowane funkcjonalności platformy Bootstrap;
• dostosować Bootstrap do własnych potrzeb i wymagań.

Przekonaj się, jakim potężnym narzędziem jest Bootstrap!

Jennifer Kyrnin od blisko dwudziestu lat uczy programowania w HTML i XML oraz tworzenia stron internetowych. Utworzyła i utrzymuje wiele witryn o różnej wielkości. Specjalizuje się w tworzeniu responsywnych stron opartych na platformie Bootstrap i systemie WordPress. Jest autorką książek Sams Teach Yourself HTML5 Mobile Application Development in 24 Hours i Sams Teach Yourself Responsive Web Design in 24 Hours.

O autorce (9)

Wprowadzenie (11)

CZĘŚĆ I. PIERWSZE KROKI Z PLATFORMĄ BOOTSTRAP

Godzina 1. Co to jest Bootstrap i dlaczego powinieneś tego używać? (17)

• Co to jest platforma WWW? (18)
• Czym jest platforma Bootstrap? (22)
• Czym Bootstrap różni się od innych platform? (23)
• Dlaczego powinieneś używać platformy Bootstrap? (25)
• Podsumowanie (25)
• Warsztaty (25)

Godzina 2. Pobranie i instalacja platformy Bootstrap (29)

• Skąd pobrać platformę Bootstrap? (30)
• Inne sposoby pobrania platformy Bootstrap (32)
• Podsumowanie (36)
• Warsztaty (36)

Godzina 3. Utworzenie pierwszej strony za pomocą podstawowego szablonu (41)

• Najprostsza strona oparta na platformie Bootstrap (42)
• Podstawowy szablon platformy Bootstrap (43)
• Inne szablony platformy Bootstrap (46)
• Podsumowanie (49)
• Warsztat (49)

Godzina 4. Plik Normalize.CSS i podstawy stylów CSS platformy Bootstrap (53)

• Czym jest plik Normalize.css? (54)
• Struktura platformy Bootstrap (57)
• Podsumowanie (60)
• Warsztaty (60)

CZĘŚĆ II. TWORZENIE I UTRZYMYWANIE STRON ZA POMOCĄ PLATFORMY BOOTSTRAP

Godzina 5. Siatki i sposób ich wykorzystania (65)

• Siatki w projektach stron (66)
• System siatek w platformie Bootstrap (71)
• Jak tworzyć siatki za pomocą platformy Bootstrap? (72)
• Responsywne układy stron w platformie Bootstrap (79)
• Podsumowanie (79)
• Warsztaty (81)

Godzina 6. Etykiety, plakietki, panele, wstawki i transparent Jumbotron (85)

• Etykiety i plakietki (86)
• Wstawki i panele (90)
• Transparent Jumbotron (93)
• Podsumowanie (95)
• Warsztaty (96)

Godzina 7. Typografia platformy Bootstrap (99)

• Podstawowa typografia platformy Bootstrap (100)
• Nagłówki (101)
• Treść (106)
• Inne bloki tekstu (112)
• Podsumowanie (115)
• Warsztaty (116)

Godzina 8. Formatowanie tabel (121)

• Podstawowe tabele (122)
• Klasy platformy Bootstrap do formatowania tabel (123)
• Panele i tabele (127)
• Tabele responsywne (129)
• Podsumowanie (130)
• Warsztaty (131)

Godzina 9. Modelowanie formularzy (135)

• Podstawowe formularze (136)
• Kontrolki formularza obsługiwane przez platformę Bootstrap (143)
• Kontrolki grupowe (148)
• Interaktywne formularze w platformie Bootstrap (151)
• Podsumowanie (153)
• Warsztaty (155)

Godzina 10. Obrazy, multimedia i ikony Glyphicons (159)

• Obrazy (160)
• Obiekty multimedialne (161)
• Miniatury (165)
• Ikony Glyphicons (167)
• Podsumowanie (169)
• Warsztaty (170)

Godzina 11. Modelowanie i stosowanie grup przycisków (173)

• Podstawowe przyciski (174)
• Grupy przycisków (178)
• Skrypt JavaScript do obsługi przycisków (181)
• Podsumowanie (181)
• Warsztaty (182)
• Pytania i odpowiedzi (183)

Godzina 12. Tworzenie systemów nawigacji za pomocą platformy Bootstrap (187)

• Standardowe elementy nawigacyjne (188)
• Rozwijane menu (191)
• Paski nawigacyjne (195)
• Okruszki nawigacyjne i paginacja (203)
• Grupy listowe (205)
• Podsumowanie (208)
• Warsztaty (210)

Godzina 13. Narzędzia platformy Bootstrap (213)

• Klasy pomocnicze (214)
• Narzędzia responsywne (221)
• Klasy do wydruków (222)
• Responsywne osadzanie multimediów (223)
• Zwiększenie dostępności stron za pomocą platformy Bootstrap (224)
• Podsumowanie (224)
• Warsztaty (226)

CZĘŚĆ III. WTYCZKI JAVASCRIPT PLATFORMY BOOTSTRAP

Godzina 14. Wykorzystanie wtyczek JavaScript platformy Bootstrap (233)

• Jak korzystać z wtyczek JavaScript platformy Bootstrap? (234)
• Ustawianie opcji wtyczek (234)
• Interfejs JavaScript API (237)
• Podsumowanie (239)
• Warsztaty (239)

Godzina 15. Okna modalne (243)

• Czym jest okno modalne? (244)
• Jak zdefiniować okno modalne? (244)
• Modyfikowanie okna modalnego (250)
• Podsumowanie (257)
• Warsztaty (259)

Godzina 16. Wtyczki Affix, Tab i ScrollSpy (263)

• Wtyczka Affix (264)
• Wtyczka Tab (266)
• Wtyczka ScrollSpy (270)
• Jednoczesne stosowanie wszystkich wtyczek (271)
• Podsumowanie (272)
• Warsztaty (274)

Godzina 17. Dymki i nakładki (277)

• Dymki (278)
• Nakładki (286)
• Podsumowanie (290)
• Warsztaty (293)

Godzina 18. Przejścia, przyciski, alarmy i paski postępu (297)

• Przejścia (298)
• Przyciski (298)
• Alarmy (302)
• Paski postępu (305)
• Podsumowanie (308)
• Warsztaty (310)

Godzina 19. Wtyczki Collapse i Accordion (315)

• Wtyczka Collapse (316)
• Wtyczka Accordion (320)
• Podsumowanie (326)
• Warsztaty (327)

Godzina 20. Karuzele (331)

• Tworzenie karuzeli (332)
• Stosowanie wtyczki Carousel (338)
• Karuzele na stronach WWW (340)
• Podsumowanie (343)
• Warsztaty (344)

CZĘŚĆ IV. DOSTOSOWANIE PLATFORMY BOOTSTRAP

Godzina 21. Dostosowanie platformy Bootstrap do Twojej witryny (351)

• Stosowanie własnych stylów CSS (352)
• Zastosowanie narzędzia Bootstrap Customizer (357)
• Zewnętrzne narzędzia do dostosowywania platformy Bootstrap (362)
• Podsumowanie (362)
• Warsztaty (362)

Godzina 22. Ułatwienia dostępu w platformie Bootstrap (367)

• Czym są ułatwienia dostępu? (368)
• Ułatwienia dostępu w platformie Bootstrap (370)
• Sztuczki z ułatwieniami dostępu na stronie opartej na platformie Bootstrap (372)
• Podsumowanie (373)
• Warsztaty (373)

Godzina 23. Wykorzystanie języków Less i Sass z platformą Bootstrap (377)

• Czym jest preprocesor kodu CSS? (378)
• Język Less (378)
• Język Sass (383)
• Podsumowanie (387)
• Warsztaty (387)

Godzina 24. Dalsze kroki z platformą Bootstrap (391)

• Edytory platformy Bootstrap (392)
• Platforma Bootstrap i system WordPress (395)
• Rozszerzanie platformy Bootstrap za pomocą zewnętrznych dodatków (403)
• Społeczność użytkowników platformy Bootstrap (404)
• Piękne strony oparte na platformie Bootstrap (404)
• Podsumowanie (407)
• Warsztaty (407)

Skorowidz (411)