Największym grzechem branży IT jest stosowanie przestarzałych narzędzi i metodologii. Technika pędzi do przodu, urządzenia się rozwijają, a standardem w internecie są strony responsywne. RWD (Responsive Web Design), do niedawna traktowany jako dodatek lub uzupełnienie platform internetowych, to obecnie najświeższy trend, bez którego trudno wyobrazić sobie nowoczesną witrynę.
W świecie smartfonów, tabletów, laptopów oraz komputerów stacjonarnych stworzenie strony, która będzie się dobrze prezentować i zachowa swoją funkcjonalność na każdym z tych urządzeń, to klucz do sukcesu!
Responsive i Bootstrap. Kurs video. Poziom pierwszy. Błyskawiczne tworzenie responsywnych serwisów WWW stanowi rewelacyjny przewodnik, który wprowadzi Cię w świat Bootstrapa. Dzięki doskonale przygotowanym tutorialom poznasz tajniki świetnego frameworka do szybkiego tworzenia responsywnych i w pełni funkcjonalnych stron internetowych. Bootstrap to obecnie jeden z najpopularniejszych szkieletów do konstruowania atrakcyjnych interfejsów witryn WWW. Projekt zapoczątkowany przez programistów Twittera zyskał licznych zwolenników ze względu na bogactwo komponentów, świetną dokumentację i zgodność ze wszystkimi przeglądarkami.

Co Cię czeka podczas naszego profesjonalnego szkolenia?
Na początku poznasz system siatkowy, który jest fundamentem tworzenia responsywnych układów.
Wykorzystasz zalety komponentów Bootstrapa do błyskawicznego i wygodnego rozbudowania strony o takie funkcje jak panele, paski nawigacji czy formularze.
Znacząco przyspieszysz proces projektowania i zadbasz, by Twoje strony posiadały właściwości RWD.
Użyjesz przydatnych narzędzi do tworzenia interaktywnych elementów witryny.
Nauczysz się zmieniać domyślny wygląd Bootstrap 3, by Twoje projekty odróżniały się od innych, dostępnych w sieci.

A to wszystko...
…dzięki zebranej w jednym miejscu, profesjonalnie przygotowanej dawce wiedzy z dziedziny budowy stron responsywnych.

Tematy poruszane w szkoleniu Responsive i Bootstrap. Kurs video. Poziom pierwszy. Błyskawiczne tworzenie responsywnych serwisów WWW są ściśle związane z normami obowiązującymi w web designie. Szkolenie przedstawia podstawowe zasady projektowania responsywnych stron WWW ze szczególnym uwzględnieniem frameworka Bootstrap wraz z jego głównymi komponentami. Poznanie zawartych w kursie technik tworzenia stron WWW pozwoli Ci osiągnąć biegłość w stosowaniu najnowszych zasad web designu. Umiejętności te, w połączeniu z kreatywnością, z pewnością utorują Ci drogę do sukcesu w branży projektowania witryn internetowych.
Modne, wygodne, responsywne

Responsywność to taka cecha strony internetowej, która pozwala dostosowywać się do rozdzielczości, w jakiej jest przeglądana. Twoja nowa strona responsywna wyświetli się poprawnie na wszystkich urządzeniach, nie tylko na komputerach stacjonarnych, ale także na laptopach, tabletach, smartfonach, a nawet telewizorach.
Responsive i Bootstrap. Kurs video. Poziom pierwszy. Błyskawiczne tworzenie responsywnych serwisów WWW krok po kroku przeprowadzi Cię przez zasady projektowania czułych i elastycznych witryn internetowych, które dostosują się do każdego rodzaju ekranu natychmiast po zmianie rozdzielczości.
Wiadomości i techniki, które przekaże Ci nasz ekspert, pomogą Ci także poprawić już istniejące strony WWW w taki sposób, aby ich wygląd, układ oraz nawigacja były proste i czytelne dla użytkowników zarówno urządzeń mobilnych, jak i komputerów PC. A responsywność strony internetowej jest już niemal koniecznością. Badania wykazują, że aż 90 procent użytkowników smartfonów w ciągu 15 sekund opuszcza stronę internetową bez Responsive Web Design. Czy stać Cię na to, by stracić kolejnego klienta?

Najważniejszy jest szkielet
Twitter Bootstrap to framework CSS, rozwijany przez programistów Twittera. Zawiera zestaw przydatnych narzędzi ułatwiających tworzenie interfejsu graficznego stron oraz aplikacji internetowych. W przygotowanym dla Ciebie kursie, poza frameworkiem Bootstrap, stosowane są kaskadowe arkusze stylów (CSS), język HTML oraz w niewielkim stopniu język javascript. Interaktywna instrukcja bazuje na wykorzystaniu głównie elementów gotowych. Dzięki wiedzy zdobytej podczas czternastu etapów szkolenia nauczysz się stylizacji takich elementów jak teksty, formularze, przyciski, wykresy, nawigacje oraz innych komponentów wyświetlanych na stronie.
Po opanowaniu podstaw przejdziesz do sposobów rozszerzania Bootstrapa, modyfikowania go oraz optymalizowania. Responsive i Bootstrap. Kurs video. Poziom pierwszy. Błyskawiczne tworzenie responsywnych serwisów WWW jest doskonałą propozycją, jeśli chcesz błyskawicznie poznać i wykorzystać ten szkielet.

1. Wprowadzenie do frameworka Bootstrap 34:53
1.1. Pobranie Bootstrap 31:13
1.2. Stworzenie podstawowego szablonu HTML dla Bootstrap 33:40
2. System siatki (Grid System) Bootstrap 3 52:44
2.1. Omówienie systemu siatki 2:12
2.2. Przedstawienie zasady działania siatki na gotowym przykładzie 2:29
2.3. Klasa .container 3:29
2.4. Omówienie i stosowanie kolumn 5:10
2.5. Zagnieżdżanie kolumn w innych kolumnach5:04
2.6. Poprawienie marginesów przy skrajnych kolumnach5:04
2.7. Zapewnienie poprawnego wyświetlania kolumn względem siebie4:12
2.8. Stosowanie wcięć kolumn5:02
2.9. Kolejność wyświetlania elementów4:54
2.10. Omówienie tzw. breakpoints i odpowiadających im klas kolumn5:06
2.11. Uzupełnienie kodu HTML odpowiednimi klasami Bootstrap6:31
2.12. Stały i elastyczny układ strony3:31
3. Elementy tekstowe Bootstrap 318:33
3.1. Używanie nagłówków3:44
3.2. Klasy Bootstrap do stylizacji tekstu7:12
3.3. Znaczniki tekstu4:41
3.4. Blok cytowany2:56
4. Listy9:06
4.1. Klasy Bootstrap 3 do stylizacji list4:34
4.2. Stosowanie klasy .list-group4:32
5. Tabele9:48
5.1. Budowa podstawowej tabeli - omówienie3:58
5.2. Warianty/rodzaje tabel Bootstrap 35:50
6. Przyciski Bootstrap9:55
6.1. Rodzaje przycisków w Bootstrap 34:37
6.2. Praca z przyciskami Bootstrap5:18
7. Formularze37:55
7.1. Budowa prostego formularza HTML4:11
7.2. Przekształcenie formularza na responsywny formularz Bootstrap3:16
7.3. Rodzaje formularzy Bootstrap7:08
7.4. Grupowanie elementów formularzy5:57
7.5. Praca z przyciskami formularzy4:05
7.6. Dodatkowe komponenty Bootstrap używane przy formularzach8:01
7.7. Walidacja formularzy5:17
8. Nawigacja18:39
8.1. Dwa główne rodzaje nawigacji Bootstrap4:41
8.2. Budowa menu przy użyciu .nav-pills4:36
8.3. Budowa menu z zakładkami przy użyciu .nav-tabs9:22
9. Etykiety12:37
9.1. Omówienie elementów Bootstrap: .label i .badge3:34
9.2. Stosowanie klasy .label4:42
9.3. Stosowanie klasy .badge4:21
10. Alerty6:43
10.1. Alerty Bootstrap6:43
11. Paski postępu9:30
12. Tworzenie responsywnej strony WWW z wykorzystaniem Bootstrap 31:56:55

13. Zmiana domyślnego wyglądu Bootstrap 344:14
13.1. Zmiana domyślnego wyglądu akordeonu strony głównej6:52
13.2. Zmiana wyglądu oraz sposobu wyświetlania menu strony7:19
13.3. Stworzenie prostego logo strony z zastosowaniem Google Fonts6:35
13.4. Zmiana wyglądu listy aktualności7:24
13.5. Zmiana wyglądu strony z artykułem oraz dodatkowych komponentów nawigacyjnych10:21
13.6. Zmiana wyglądu strony kontaktowej5:43
14. Zakończenie7:47
14.1. Sprawdzenie wyglądu strony na symulacjach urządzeń mobilnych7:47