Bootstrap od Zera do Mastera - stwórz znakomite projekty www
- Opis
- Program
- Najczęściej zadawane pytania
- Recenzje
W tym kursie nauczysz się od podstaw tworzyć nowoczesne i responsywne strony WWW w najpopularniejszym front-endowym frameworku czyli Bootstrap.
Kurs przeprowadzi Ciebie krok po kroku od absolutnych podstaw do tematów zaawansowanych włączając w to:
– kontenery
– praca z kolumnami w wierszach, dzielenie treści strony i tworzenie layoutu witryny
– system GRID Bootstrapa z użyciem responsywnych punktów granicznych dzięki czemu strony www dostosowują się do szerokiej gamy urządzeń od telefonów, przez tablety do laptopów i komputerów stacjonarnych
– typografia, stylowanie tekstu, gutters, tabele w Bootstrapie, użycie flexbox etc
– alert – komponent informacji dla użytkownika
– badges – komponent odznak np ilość nieprzeczytanych maili obok przycisku odbioru poczty
– breadcrumb – komponent ścieżki nawigacji użytkownika na stronie
– buttons – przyciski w bootstrapie
– button group – zaawansowana grupa przycisków tworząca jedną całość
– card – komponent kart np do sklepu, gdzie prezentują produkt
– karuzela slajdów – zaawansowany komponent prezentujący obrazki wraz z przypisami
– collapse – komponent do ukrywanie treści
– menu dropdown – komponent łączony np z navbar
– okna modalne – zaawansowany komponent szczególnie użyteczny w aplikacjach na bazie bootstrapa np do otrzymania informacji od użytkownika odnośnie decyzji np potwierdzenie skasowania rekordu w bazie danych itd
– list group – komponent stylowanych list w bootstrapie
– navs – komponent nawigacji
– navbar – zaawansowany komponent z menu, również z dropdown menu oraz hamburgerem dla urządzeń mobilnych co zapewnia pełną responsywność i prostotę nawigacji
– paginacja – komponent prezentujący ilość elementów np w bazie jak ilość podstron etc
– popover – komponent informacji prezentowanych obok przycisków itd
– progress – pasek postępu
– scrollspy – nawigacja aktualizująca na żywo pozycję na stronę wraz z aktywnym elementem w menu
– spinner – komponent animacji ładowania
– toast – komponent notyfikacji, które mogą być układane w stos
– tooltips – komponent podpowiedzi
– tworzenie gotowych aplikacji i stron w Bootstrap
Uwaga kurs wymaga znajomości: Html, CSS oraz podstaw JavaScript. Jeżeli dopiero zaczynasz przygodę z nauką tworzenia stron WWW zapraszam do moich innych kursów, które uczą tej tematyki od absolutnych podstaw.
-
6Grid - system siatkowy do tworzenia layoutów w BootstrapVideo lesson
-
7Grid - prosty blog w bootstrapVideo lesson
-
8Prosty blog - headerVideo lesson
-
9Prosty blog - top menuVideo lesson
-
10Prosty blog - artykułyVideo lesson
-
11Prosty blog - sidebar i footerVideo lesson
-
12Grid jako responsywna siatka BootstrapaVideo lesson
-
13Grid jako responsywna siatka Bootstrapa - ćwiczenieVideo lesson
-
14Miksowanie kolumn Bootstrapa dla zapewnienie pełnej responsywnościVideo lesson
-
15Miksowanie kolumn - ćwiczenieVideo lesson
-
16Prosty blog - miksowanie kolumnVideo lesson
-
35Alert - informacje dla użytkownikaVideo lesson
-
36Alert utworzony w JavaScriptVideo lesson
-
37Badges - odznakiVideo lesson
-
38Breadcrumb - ścieżka nawigacjiVideo lesson
-
39Buttons - przyciskiVideo lesson
-
40Button group - grupa przyciskówVideo lesson
-
41Button group - menu rozwijaneVideo lesson
-
42Card - kartyVideo lesson
-
43Card - responsywny layout zkartamiVideo lesson
-
44Card - obrazek jako wypełnienie i horyzontalna kartaVideo lesson
-
45Karuzela slajdówVideo lesson
-
46Karuzela slajdów - dodatkowe opcjeVideo lesson
-
47Collapse - ukrywanie i pokazywanie elementówVideo lesson
-
48Dropdown to menu z różnymi opcjami wyboruVideo lesson
-
49Okno modalneVideo lesson
-
50List groupVideo lesson
-
51Navs - nawigacja w bootstrapieVideo lesson
-
52Navbar - zaawansowana nawigacja w bootstrapieVideo lesson
-
53Navbar - brand jako nazwa lub logo firmyVideo lesson
-
54Navbar z formularzemVideo lesson
-
55PaginacjaVideo lesson
-
56Popover - prosty komunikatVideo lesson
-
57Progress - pasek postępuVideo lesson
-
58ScrollSpyVideo lesson
-
59ScrollSpy z nawigacją w lewej kolumnieVideo lesson
-
60Spinner - informacja o ładowaniu treściVideo lesson
-
61Toast - proste notyfikacjeVideo lesson
-
62Tooltips - podpowiedziVideo lesson
-
63Generator hasła - wprowadzenieVideo lesson
-
64Generator hasła - kod htmlVideo lesson
-
65Generator hasła - kod html dodatkowych opcjiVideo lesson
-
66Generator hasła - kod JavaScriptVideo lesson
-
67Generator hasła - kod JavaScript - opcjeVideo lesson
-
68Generator hasła - kod JavaScript - tworzenie losowego łańcucha znakówVideo lesson
-
71Formularze w Bootstrap - prosty formularz logowaniaVideo lesson
-
72FieldsetVideo lesson
-
73Color picker - wybór koloruVideo lesson
-
74SelectVideo lesson
-
75CheckboxVideo lesson
-
76Pole radioVideo lesson
-
77Pole wyboru pliku oraz rozmiary kontrolekVideo lesson
-
78Pole range - zakres wyboruVideo lesson
-
79Floating labels - pływające opisy kontrolekVideo lesson
-
80Input group - grupy kontrolekVideo lesson
-
81Input group z dropdown i selectVideo lesson
-
82Layout formularzy z wykorzystaniem grid i guttersVideo lesson
-
83Formularz rejestracji z responsywnym gridVideo lesson
-
84Formularz horyzontalnyVideo lesson
-
85Wielkość kontrolek i labeliVideo lesson
-
86Validacja formularzy z jsVideo lesson
-
87Validacja formularzy po stronie serweraVideo lesson
