Do kursu dołączamy materiały dodatkowe
Bootstrap. Kurs video. Tworzenie interaktywnych i responsywnych stron internetowych
- Ocena:
- 6.0/6 1 opinii
- Wersja:
- Online
- Czas trwania:
- 08:29:03
- Technologia:
- Popper.js, Bootstrap 5.3, Bootstrap Icons
+ gratis
Kupując ten produkt dodatkowo otrzymasz:
Zrozumieć JavaScript. Wprowadzenie do programowania. Wydanie III ( ebook )
Opis kursu video Bootstrap. Kurs video. Tworzenie interaktywnych i responsywnych stron internetowych
Wybrane bestsellery
-
Kto potrafi tworzyć strony internetowe, ma w ręku niezwykle cenny i przydatny fach! Nowe witryny wyrastają jak grzyby po deszczu - wraz z uruchamianiem kolejnych firm, organizacji i prywatnych inicjatyw, które potrzebują reprezentacji w sieci. Ktoś musi budować te wszystkie internetowe wizytówki przedsiębiorstw, miejsca, gdzie udostępnia się treści(39,90 zł najniższa cena z 30 dni)
64.50 zł
129.00 zł (-50%) -
Znany i uwielbiany przez programistów React doczekał się potomka. Tak bowiem można by nazwać Gatsby.js – generator stron statycznych bazujący na bibliotece React. Gatsby używa jej jako swojej podstawy do budowania interfejsów użytkownika. Dalsze podobieństwa to między innymi struktura projektu i zastosowanie komponentów zapewniających modularność i(39,90 zł najniższa cena z 30 dni)
81.95 zł
149.00 zł (-45%) -
Jeśli myślisz o rozpoczęciu pracy w sektorze IT i czujesz wyraźny pociąg do front-endu – proponowany przez nas kurs zdecydowanie jest dla Ciebie. W jego trakcie zdobędziesz praktyczną wiedzę o tym, jak powstaje nowoczesna i profesjonalna aplikacja internetowa. Podczas szkolenia odtworzysz dla siebie przygotowany wcześniej projekt, poznasz jego tajn(39,90 zł najniższa cena z 30 dni)
70.95 zł
129.00 zł (-45%) -
Vue.js to jeden z trzech najpopularniejszych frameworków JavaScript. Od Reacta i Angulara odróżnia go zwiększona szybkość i elastyczność, a przede wszystkim prostota. Z obsługą tego frameworka nie powinna mieć problemu nawet osoba początkująca; jego twórcy dołożyli wszelkich starań, by praca z nim była przyjemna i efektywna. Przyjrzyjmy się cechom(39,90 zł najniższa cena z 30 dni)
74.50 zł
149.00 zł (-50%) -
W świecie frontendu mnogość nowoczesnych narzędzi, pluginów i frameworków niejednego przyprawi o zawrót głowy. Zmieniają się standardy języków programowania i można rzec – wszystko płynie. Jednak i w tym świecie bez zawahania da się wymienić dwóch największych graczy – są nimi HTML i CSS. Sięgnijmy do niezbędnej teorii i sprawdźmy, dlaczego. Język(39,90 zł najniższa cena z 30 dni)
70.95 zł
129.00 zł (-45%) -
JavaScript jest językiem programowania, bez którego nie mogłyby istnieć używane dziś strony internetowe i aplikacje. Za przeważającą większością z nich bowiem stoi kod pisany właśnie w tym języku. Jego skrypty służą najczęściej do zapewniania interakcji. Reagują one na zdarzenia, walidują dane wprowadzane w formularzach, tworzą – czasem bardzo skom(39,90 zł najniższa cena z 30 dni)
92.95 zł
169.00 zł (-45%) -
Kiedy mówimy o technologiach tworzących stack technologiczny dla JavaScriptu , zapewne wymienimy Vue.js, React lub Angular. To one znalazły się na podium frameworków przeznaczonych do tworzenia stron i aplikacji internetowych. Wszystkie trzy cieszą się popularnością i mają rzeszę zwolenników wśród frontendowych programistów. Wybór odpowiedniego do(39,90 zł najniższa cena z 30 dni)
59.50 zł
119.00 zł (-50%) -
Szeroka dostępność Internetu przyczyniła się do stopniowego odchodzenia od przechowywania danych lokalnie i na nośnikach fizycznych. Dziś rozwiązania te są wypierane przez zdalną bazę danych ulokowaną na zewnętrznym serwerze — powszechnie znanym jako chmura. Zmienia się nie tylko zapis plików, ale także sposób myślenia o wytwarzaniu i utrzymaniu ap(39,90 zł najniższa cena z 30 dni)
74.50 zł
149.00 zł (-50%) -
Wiesz, że ponad połowa aktywności w sieci jest podejmowana przez boty? Powód ich popularności nie powinien być zaskoczeniem - w świecie usług i biznesu chodzi przede wszystkim o poznanie rynku i konkurencji. W tym wypadku kto ma technologię, ten ma przewagę, a daje ją web scraping. Dosłownie tłumaczony jako zdrapywanie sieci, web scraping służy do(39,90 zł najniższa cena z 30 dni)
62.55 zł
139.00 zł (-55%) -
Szybkość, prostota, wszechstronność, interoperacyjność... to dopiero początek długiej listy zalet JavaScript. Choć trudno to sobie wyobrazić, przed erą JavaScript w Internecie dominowały statyczne strony www. Dopiero wraz z nadejściem tego skryptowego języka programowania otworzyły się możliwości podejmowania interakcji z użytkownikiem. JavaScript(39,90 zł najniższa cena z 30 dni)
64.50 zł
129.00 zł (-50%) -
Życie jest zbyt ciekawe, by tracić je na wykonywanie na piechotę czynności, które można zautomatyzować i przyspieszyć! Z taką (prawdopodobnie) myślą do prac nad swoim frameworkiem przystąpił Eric Schoffstall i oto w 2013 roku świat otrzymał Gulpa, task runnera, darmowy i otwarty zestaw narzędzi do budowania aplikacji bazujących na JavaScripcie. Jak(39,90 zł najniższa cena z 30 dni)
64.50 zł
129.00 zł (-50%)
Spis lekcji (odkodowane lekcje)
-
1. Bootstrap w kontekście innych technologii 00:23:21
- 1.1. Wprowadzenie 00:05:47
- 1.2. Podział na frontend oraz backend 00:02:42
- 1.3. Framework - jak go rozumieć? 00:01:53
- 1.4. Wytyczne dotyczące dostępności stron internetowych (WCAG) 00:03:53
- 1.5. Geneza i historia frameworka Bootstrap 00:02:32
- 1.6. Nowości we frameworku Bootstrap 5 oraz 5.3.x 00:06:34
-
2. Język CSS - tryb wyświetlania Flexbox (Flexible Box) 00:15:35
- 2.1. Modele layoutów dostępne w języku CSS 00:03:45
- 2.2. Fleksowy pojemnik (ang. flex container) oraz elementy fleksowe (ang. flex items) 00:01:36
- 2.3. Fleksowy pojemnik - właściwość flex-direction 00:02:00
- 2.4. Fleksowy pojemnik - właściwość justify-content 00:01:46
- 2.5. Fleksowy pojemnik - właściwość align-items 00:01:54
- 2.6. Elementy fleksowe - właściwość order 00:01:53
- 2.7. Przydatne zasoby w Internecie 00:02:41
-
3. Język programowania JavaScript - najważniejsze elementy standardu ECMAScript 6 (2015) 00:17:16
- 3.1. Standard ECMAScript i jego różne wersje 00:03:28
- 3.2. Stałe, a właściwie... zmienne (słowa kluczowe const oraz let) 00:02:23
- 3.3. Funkcje strzałkowe (ang. 'fat arrow' functions) 00:04:01
- 3.4. Interpolacja literałów łańcuchowych (ang. template literals) 00:02:06
- 3.5. Wstęp do funkcji wyższego rzędu (ang. higher-order functions) (ECMAScript 3-6) 00:01:48
- 3.6. Metoda .forEach() przetwarzająca każdy element kolekcji z osobna (ECMAScript 3) 00:03:30
-
4. Rozpoczęcie przygody z Bootstrapem 00:45:24
- 4.1. Visual Studio Code - darmowy edytor kodu źródłowego z kolorowaniem składni 00:05:47
- 4.2. Nowoczesne formaty plików graficznych - WebP (od Google) oraz SVG (od W3C) 00:03:16
- 4.3. Stworzenie dokumentu HTML5 00:05:23
- 4.4. Dodanie znaczników meta 00:07:10
- 4.5. Dodanie ikony witryny (ang. favicon) 00:06:34
- 4.6. Podpięcie Bootstrapa - plik CSS, plik JavaScript, biblioteka Popper oraz Bootstrap Icons 8 00:08:22
- 4.7. Oficjalna dokumentacja Bootstrapa w wersji 5.3.x 8 00:08:52
-
5. Nagłówek 00:43:49
- 5.1. Struktura nagłówka, a właściwie... belki nawigacyjnej (ang. navbar) 00:12:22
- 5.2. Miejsce na logo (ang. brand) 00:10:32
- 5.3. Umieszczenie poszczególnych elementów w jednym wspólnym menu 00:13:25
- 5.4. Przełącznik nawigacji mobilnej - menu hamburgerowe (ang. hamburger menu) 00:04:57
- 5.5. Przyklejenie nagłówka 00:02:33
-
6. Sekcja hero, czyli... slider (karuzela) 00:46:31
- 6.1. Struktura slidera pod postacią karuzeli (ang. carousel) 00:03:41
- 6.2. Pojedynczy slajd - obrazek w tle pojemnika zamiast zwykłego obrazka (plik hero.css) 00:11:16
- 6.3. Pojedynczy slajd - podpis (ang. caption) 00:11:22
- 6.4. Wskaźniki nawigacyjne (ang. indicators) identyfikujące poszczególne slajdy 00:08:07
- 6.5. Nawigacja pomiędzy kolejnymi slajdami - slajd poprzedni, slajd następny 00:08:11
- 6.6. Zmiana sposobu przechodzenia slajdów oraz autouruchamianie slidera (karuzeli) 00:03:54
-
7. Sekcja 'Cytat' 00:12:51
-
8. Sekcja 'Platformy sprzętowe' 00:32:30
- 8.1. Struktura oraz rozstrzelony i wyśrodkowany nagłówek (plik varia.css) 00:09:13
- 8.2. Kolumny oraz pliki SVG w pojemnikach z białym tłem, obrysem i zaokrąglonymi rogami 00:08:52
- 8.3. Grupa przycisków (ang. button group) 00:06:44
- 8.4. Przycisk 'Czytaj więcej' oraz rozwijanie i zwijanie zawartości (ang. collapse) 00:07:41
-
9. Sekcja 'Nowości' 00:35:31
-
10. Sekcja 'Bestsellery' 00:31:54
- 10.1. Struktura pojedynczej karty (ang. card) - ciało, stopka 00:09:04
- 10.2. Obrazek wyróżniający w karcie i wymuszenie na nim proporcji 16:9 00:05:54
- 10.3. Równa wysokość kart... a właściwie ich ciała 00:01:34
- 10.4. Automatyczne przycinanie zbyt długiego tekstu do jednej linijki 00:04:25
- 10.5. Podpowiedź (ang. tooltip) dla potencjalnie przyciętego tekstu (plik bs-tooltip.js) 00:10:57
-
11. Sekcja 'Najczęściej zadawane pytania (FAQ)' 00:24:29
-
12. Sekcja 'Zwiastun' 00:10:49
-
13. Sekcja 'Formularz kontaktowy' 00:44:01
- 13.1. Struktura formularza kontaktowego 00:07:46
- 13.2. Pływające etykiety pól formularza (ang. floating labels) 00:05:03
- 13.3. Dostosowanie wysokości obszaru tekstowego (plik varia.css) 00:04:14
- 13.4. Wybór preferowanej formy kontaktu (przyciski opcji) 00:07:27
- 13.5. Załączanie pliku (wielu plików) do wysyłanej przez użytkownika wiadomości 00:03:37
- 13.6. Akceptacja polityki prywatności (przycisk wyboru) 00:04:33
- 13.7. Aktywacja walidacji formularza domyślnie dostarczanej przez Bootstrap (plik bs-form.js) 00:11:21
-
14. Stopka 00:28:03
- 14.1. Struktura stopki 00:03:09
- 14.2. Odnośnik do polityki prywatności docelowo wyświetlanej w oknie modalnym 00:02:30
- 14.3. Informacja o roku powstania, źródle informacji oraz prawach autorskich 00:05:08
- 14.4. Linki zewnętrzne odsyłające do mediów społecznościowych 00:09:03
- 14.5. Zastrzeżenie (ang. disclaimer) dotyczące wykorzystanych na stronie zasobów 00:03:22
- 14.6. Suplement - przyklejony do dołu ekranu przycisk umożliwiający powrót na samą górę 00:04:51
-
15. Okno modalne 01:02:57
- 15.1. Idea działania okna modalnego 00:02:25
- 15.2. Struktura i zawartość okna modalnego (ang. modal) - nagłówek, ciało, stopka 00:10:22
- 15.3. Otwieranie okna modalnego 00:04:34
- 15.4. Zamykanie okna modalnego 00:02:37
- 15.5. Okno modalne z prawdziwego zdarzenia, czyli jego statyczna odmiana (ang. static backdrop) 00:04:25
- 15.6. Okno modalne z możliwością przewijania 00:02:57
- 15.7. Okno modalne wyśrodkowanie w pionie 00:01:50
- 15.8. Domyślny rozmiar okna modalnego i jego rozmiary opcjonalne 00:03:16
- 15.9. Suplement - dynamiczna podmiana zawartości okna modalnego (plik bs-modal.js) - cz.1 00:08:45
- 15.10. Suplement - dynamiczna podmiana zawartości okna modalnego (plik bs-modal.js) - cz.2 00:16:22
- 15.11. Suplement - dynamiczna podmiana zawartości okna modalnego (plik bs-modal.js) - cz.3 00:05:24
-
16. Niespodzianka - tryb ciemny (nowość!) 00:34:02
- 16.1. Określenie trybu kolorystycznego dla całej witryny albo tylko dla wybranych komponentów 00:03:31
- 16.2. Dostosowanie wyglądu niektórych elementów w trybie ciemnym (plik theme.css) 00:11:39
- 16.3. Umieszczenie w nagłówku kontrolki (przełącznika) do aktywacji trybu ciemnego 00:06:30
- 16.4. Aktywacja trybu ciemnego po kliknięciu w kontrolkę (przełącznik) (plik theme.js) 00:08:18
- 16.5. Zapamiętywanie aktywowanego przez użytkownika trybu ciemnego (plik theme.js) 00:04:04
Videopoint - inne kursy
-
Materiały wideo absolutnie przeważają wśród treści, jakie aktualnie konsumujemy. Nic dziwnego – coraz więcej ludzi nie tylko ogląda, ale także samodzielnie je tworzy i chce się nimi dzielić z odbiorcami. Produkowanie filmów stało się o wiele prostsze, odkąd na scenę wszedł DaVinci Resolve – świetne, w dużej części darmowe narzędzie, za pomocą które(51,60 zł najniższa cena z 30 dni)
83.85 zł
129.00 zł (-35%) -
Jeśli w swojej pracy masz lub miewasz do czynienia z danymi, z pewnością orientujesz się, że do tego celu stworzono dotąd całkiem sporo narzędzi. Nic dziwnego – przy tej liczbie danych, z jaką spotykamy się w dzisiejszym cyfrowym świecie, zdolność do ich sprawnego analizowania i wyciągania z nich konstruktywnych wniosków daje przewagę konkurencyjną(39,90 zł najniższa cena z 30 dni)
90.34 zł
139.00 zł (-35%) -
Dzisiejszą gospodarką rządzi informacja. Kto potrafi ją wyłuskać z zalewu danych, ten zyskuje konkurencyjną przewagę. Świadomi tego twórcy oprogramowania komputerowego stworzyli szereg narzędzi służących wyszukiwaniu informacji, ich przetwarzaniu, analizowaniu i prezentowaniu w sposób dostępny dla odbiorców. Jednym z nich jest Elasticsearch – techn(39,90 zł najniższa cena z 30 dni)
124.50 zł
249.00 zł (-50%) -
Administratorzy sieci komputerowych korzystają z szeregu narzędzi i programów wspomagających ich pracę. Także tych, które automatyzują czynności i przez to czynią zadania administratora prostszymi i mniej angażującymi czasowo niż jeszcze kilka lat temu. Nie zwalnia to jednak osób na tym stanowisku z obowiązku rozumienia, w jaki sposób funkcjonuje s(39,90 zł najniższa cena z 30 dni)
129.35 zł
199.00 zł (-35%) -
Firmy z branży IT prześcigają się w tworzeniu rozwiązań zwiększających wydajność pracy, jak również podnoszących poziom specjalizacji pracowników w określonych dziedzinach. Od kilku już lat pozycja full stack developera, który wykonywał wszystkie prace programistyczne, jest wielką rzadkością. Obecnie na rynku pracy rośnie zainteresowanie testerami(39,90 zł najniższa cena z 30 dni)
103.34 zł
159.00 zł (-35%) -
Czy znasz Angulara? Warto się z nim bliżej zaznajomić, ponieważ należy do najważniejszych frameworków służących do budowania interfejsów użytkownika w aplikacjach internetowych. Stworzony i wspierany przez Google, ma niezwykle spójny ekosystem i oferuje pełny zestaw narzędzi do tworzenia skalowalnych i kompleksowych aplikacji. Co istotne, tworząc z(39,90 zł najniższa cena z 30 dni)
77.35 zł
119.00 zł (-35%) -
Proponowany przez nas kurs video jest poświęcony grupie produktów typu open source, występujących pod wspólną nazwą Elastic Stack. Składają się na nią Elasticsearch, Kibana, Beats i – dla bardziej zaawansowanych – Logstash. Razem stanowią one zestaw narzędzi służących analizie i wizualizacji danych. Celem jest tu przede wszystkim monitorowanie poja(39,59 zł najniższa cena z 30 dni)
64.35 zł
99.00 zł (-35%) -
Sztuczna inteligencja, ChatGPT, sieci neuronowe, uczenie maszynowe, uczenie głębokie... Oto hasła, które elektryzują nie tylko branżę informatyczną na całym świecie. Wraz z rozwojem tej dziedziny wiedzy i w rytmie prezentowania kolejnych narzędzi rosną nadzieje na praktyczne, naukowe i biznesowe zastosowanie drzemiących w niej możliwości. Okazuje s(39,90 zł najniższa cena z 30 dni)
64.50 zł
129.00 zł (-50%) -
Power Apps to platforma stworzona przez Microsoft, umożliwiająca łatwe projektowanie, tworzenie i dostosowywanie aplikacji bez konieczności posiadania głębokiej wiedzy programistycznej. Z użyciem Power Apps można budować niestandardowe aplikacje, które efektywnie wspierają i automatyzują różne procesy w organizacji. Co ciekawe, do tego, by to robić(39,90 zł najniższa cena z 30 dni)
129.35 zł
199.00 zł (-35%) -
Programowanie wieloma językami stoi. Jednym z nich, może jeszcze nie najbardziej znanym, ale zdecydowanie coraz popularniejszym, jest Rust. Słynący z wydajności, bezpieczeństwa i przejrzystości, należy do języków chętnie wybieranych przez nowoczesnych programistów. Szczególnie dobrze sprawdza się podczas projektowania aplikacji sieciowych, gier, sy(39,90 zł najniższa cena z 30 dni)
96.85 zł
149.00 zł (-35%)
Dzięki opcji "Druk na żądanie" do sprzedaży wracają tytuły Grupy Helion, które cieszyły sie dużym zainteresowaniem, a których nakład został wyprzedany.
Dla naszych Czytelników wydrukowaliśmy dodatkową pulę egzemplarzy w technice druku cyfrowego.
Co powinieneś wiedzieć o usłudze "Druk na żądanie":
- usługa obejmuje tylko widoczną poniżej listę tytułów, którą na bieżąco aktualizujemy;
- cena książki może być wyższa od początkowej ceny detalicznej, co jest spowodowane kosztami druku cyfrowego (wyższymi niż koszty tradycyjnego druku offsetowego). Obowiązująca cena jest zawsze podawana na stronie WWW książki;
- zawartość książki wraz z dodatkami (płyta CD, DVD) odpowiada jej pierwotnemu wydaniu i jest w pełni komplementarna;
- usługa nie obejmuje książek w kolorze.
Masz pytanie o konkretny tytuł? Napisz do nas:
Proszę wybrać ocenę!
Proszę wpisać opinię!
Kurs video
Oceny i opinie klientów: Bootstrap. Kurs video. Tworzenie interaktywnych i responsywnych stron internetowych Łukasz Krawczyk (1)
Weryfikacja opinii następuje na podstawie historii zamowień na koncie Użytkownika umiejszczającego opinię.
Użytkownik mógł otrzymać punkty za opublikowanie opinii uprawniającej do uzyskania rabatu w ramach Programu Kadr.
-
6
-
5
-
4
-
3
-
2
-
1
6.0(1)
(0)
(0)
(0)
(0)
(0)