Bootstrap — wygodne projektowanie stron internetowych!

• Kilka oczywistości, czyli co musisz umieć, zanim zaczniesz pracować z Bootstrapem
• Tworzenie struktury witryny, czyli jak zabrać się za różne panele, przyciski i menu
• Charakter strony, czyli czym różni się strona bloga lub promocyjna od tej z formularzami

Bootstrap to jeden z najwygodniejszych, najlepiej dopracowanych frameworków do tworzenia stron i aplikacji internetowych na świecie. Łatwość obsługi idzie tu w parze z możliwością dołączania różnych przydatnych elementów, choćby takich jak biblioteka jQuery, a także ze wspaniałą responsywnością. Jeśli chcesz zacząć tworzyć własne strony z użyciem Bootstrapa, ale nie masz zbyt wiele czasu do stracenia, pora zapoznać się z tą znakomitą książką. Dzięki niej w mig opanujesz najważniejsze zagadnienia i zobaczysz, jak wykorzystać framework w praktyce.
Ten prosty, przejrzysty podręcznik przeznaczony jest dla początkujących i średnio zaawansowanych twórców interfejsów aplikacji i stron internetowych, którzy dobrze znają języki HTML oraz CSS. Znajdziesz tu opis wszystkich najważniejszych elementów Bootstrapa w konkretnym kontekście, listingi z kodem oraz ćwiczenia, które pomogą Ci zapamiętać materiał i wykorzystać go w Twoich projektach. Dowiesz się, jak zapewnić stronie odpowiednią strukturę, zaprojektować główne panele oraz zapewnić intuicyjną nawigację. Zrozumiesz, dlaczego strony o różnej zawartości treściowej powinny wyglądać inaczej, i nauczysz się podkreślać ich odmienność. Na końcu podręcznika znajdziesz także zadania, które pozwolą Ci utrwalić zdobytą wiedzę.

• Wprowadzenie do Bootstrapa
• Projekt startowy
• Panel administracyjny
• Poziome menu główne
• Strona promocyjna produktu
• Tabele, blog, formularze
• Bootstrap szyty na miarę

Twórz eleganckie strony z Bootstrapem!

 

Osoby które kupowały "Bootstrap. Praktyczne projekty", wybierały także:

• Responsive i Bootstrap. Kurs video. Poziom pierwszy. Błyskawiczne tworzenie responsywnych serwisów WWW 89,00 zł, (35,60 zł -60%)
• Vue.js 2. Wprowadzenie dla profesjonalistów 99,00 zł, (49,50 zł -50%)
• Tablice informatyczne. Bootstrap 16,98 zł, (8,49 zł -50%)
• Platforma Node.js. Przewodnik webdevelopera. Wydanie III 58,98 zł, (29,49 zł -50%)
• Bootstrap. Praktyczne projekty 34,90 zł, (17,45 zł -50%)

• 
• 
• 
• 
• 

Spis treści

Bootstrap. Praktyczne projekty -- spis treści

O autorze (9)

Przedmowa (11)

Rozdział 1. Wprowadzenie do Bootstrapa (13)

• Opis i charakterystyka (13)
• Geneza (13)
• Jasna i ciemna strona Bootstrapa (14)
  • Zalety (14)
  • Wady (16)
• Przykłady stron opartych na Bootstrapie (17)
• Magia projektowania responsywnego (18)
  • Media Queries (19)
  • Podejście Mobile-First (21)
• Przygotowanie środowiska pracy (22)
  • Edytor tekstu (23)
  • Przeglądarka (23)
  • Dodatki do przeglądarki Chrome (23)
  • Katalog roboczy (23)

Rozdział 2. Projekt startowy (25)

• Pobieranie podstawowych plików źródłowych (25)
  • Pliki źródłowe (26)
• Szablon startowy (26)
• Omówienie siatki w Bootstrapie (28)
  • Pełny, dwunastokolumnowy układ (29)
  • Prostota responsywności (33)
• Podstawy typografii w Bootstrapie (38)
  • Body (39)
  • Nagłówki (39)
  • Wyrównywanie tekstu (39)
  • Cytowanie (39)
• Podsumowanie rozdziału (40)

Rozdział 3. Panel administracyjny (41)

• Podział strony na sekcje (42)
• Projektowanie siatki panelu administracyjnego (43)
  • Wersja na małe monitory (45)
  • Wersja na ekrany tabletów (46)
  • Wersja na ekrany smartfonów (47)
• Nawigacja pionowa, pomocnicza (48)
  • Podstawowy przykład (48)
  • Odznaki (49)
  • Wyłączanie elementów (49)
  • Kolorowanie kontekstowe (50)
  • Niestandardowa zawartość (50)
  • Nawigacja pomocnicza w wersji mobilnej (51)
• Nawigacja okruszkowa (54)
  • Okruszki na stronie głównej (54)
  • Okruszki na stronach potomnych (54)
• Harmonijka (55)
  • Podstawowy schemat (55)
  • Ożywianie harmonijki (56)
• Alerty informacyjne (58)
  • Odnośniki w komunikacie (59)
  • Zamykanie komunikatu (59)
  • Metody (funkcje) (60)
  • Zdarzenia (60)
• Przyciski (60)
  • Podstawowe zasady (61)
  • Przyciski w projekcie (61)
• Wyskakujące okienka akcji (62)
• Ostatnie szlify (64)
  • Stopka (64)
  • Ostatnio dodane posty (65)
• Podsumowanie (66)

Rozdział 4. Poziome menu główne (67)

• Podstawowy szkielet nawigacji (67)
• Przyciski nawigacyjne (68)
  • Rozwijane listy odnośników (69)
• Pole wyszukiwarki (70)
• Ikony powiadomień (70)
  • Glyphicons, czyli wbudowane ikony (71)
  • Liczba powiadomień (71)
  • Chmurka najświeższych powiadomień (72)
• Zapewnienie responsywności (74)
  • Przycisk menu podręcznego (74)
• Podsumowanie (75)

Rozdział 5. Strona promocyjna produktu (77)

• Struktura witryny (77)
  • Nawigacja (78)
  • Zmiana fontu (79)
  • Zdjęcie poglądowe (80)
  • Cechy produktu (82)
  • Animowany slider (83)
  • Call to action (85)
  • Stopka (86)
  • Dopracowanie szczegółów (86)
• Podsumowanie (87)

Rozdział 6. Strona galerii mediów (89)

• Wstępny szkielet (90)
• Grafika (91)
  • Wideo (92)
• Podsumowanie (93)

Rozdział 7. Strona z tabelą (95)

• Przygotowania (95)
• Różne warianty tabel (97)
  • Tabela-zebra (97)
  • Tabela z pełnym obramowaniem (97)
  • Tabela z aktywnymi wierszami (98)
  • Tabela po liftingu (98)
• Kolorowanie kontekstowe (99)
• Przyciski akcji (99)
• Paginacja (100)
• Responsywność tabel (101)
• Podsumowanie (101)

Rozdział 8. Strona bloga (103)

• Zbiorczy widok wszystkich wpisów (103)
  • Przygotowanie (103)
  • Pierwszy wpis (104)
  • Przyciski akcji (105)
  • Miniaturka zdjęcia (106)
  • Powielanie i wyróżnianie głównego wpisu (106)
  • Paginacja (107)
  • Dodatkowa kolumna po prawej stronie (108)
  • Podsumowanie (111)
• Strona pojedynczego wpisu na blogu (111)
  • Przygotowania (111)
  • Nawigacja (112)
  • Informacja o autorze (112)
  • Podobne wpisy (115)
  • Sekcja komentarzy (116)
• Podsumowanie (119)

Rozdział 9. Strony z formularzami (121)

• Panel logowania (121)
  • Przygotowania (121)
  • Login i hasło (122)
  • Przycisk wysyłania (123)
  • Logo (123)
  • Kosmetyka (123)
• Poziomy panel logowania (124)
• Formularz kontaktowy (125)
  • Kolorowanie kontekstowe (127)
• Formularz ustawień aplikacji (127)
  • Przygotowanie (127)
  • Ustawienia użytkownika (128)
  • Ustawienia systemowe (131)
  • Kosmetyczne poprawki (132)
• Podsumowanie (132)

Dodatek A. Bootstrap szyty na miarę (135)

• Zmiana domyślnych ustawień Bootstrapa za pomocą generatora on-line (135)
• LESS w Bootstrapie (137)
  • Ważniejsze pliki LESS (138)
• Dobre rady (138)

Dodatek B. Zadania dla czytelnika (139)

• Projekt startowy (139)
• Panel administracyjny (140)
• Poziome menu główne (140)
• Strona promocyjna produktu (140)
• Strona galerii mediów (140)
• Strona z tabelą (140)
• Strona bloga (140)
• Strony z formularzami (140)

Skorowidz (142)