"​Wejdź Na WYŻSZY POZIOM KODU z Bootstrapem 4, Stylami Sass i Automatyzacją Zadań"

Zapisz się na pełny kurs Bootstrap 4


Twoja inwestycja w wiedzę:

880 zł ​​197 zł


Dołącz do ​82 zadowolonych kursantów

30-dniowa Gwarancja Satysfakcji

  • check
    W ciągu ponad 14 godzin materiałów, podzielonych na 5 modułów, poznasz sposoby pracy wykorzystywane w dzisiejszych nowoczesnych stronach czy aplikacjach webowych
  • check
    Poznasz edytor Visual Studio Code i nauczysz się go konfigurować (+ wtyczki i motywy)
  • Krok po kroku poznasz Bootstrap 4, czyli jeden z czołowych frameworków HTML/CSS, który jest najbardziej znany ze swojej siatki (grid) i masy gotowych komponentów, których nie musisz już tworzyć od zera
  • Poznasz Sass, czyli style CSS na sterydach. Od teraz będziesz miał dostęp do zmiennych, wygodnego zagnieżdżania kodu (więc już nie musisz go powtarzać), dzielenia stylów Sass na części i dynamicznego dołączania, instrukcje warunkowe, pętle... a to nie koniec! (trochę tego jest)
  • check
    Nauczysz się automatyzować powtarzalne czynności i odpowiednio organizować swój projekt, więc zaoszczędzisz masę czasu i nerwów
  • Wykorzystamy lokalny serwer XAMPP i PHP do lepszego zorganizowania projektu, a Balsamiq - do szybkiego stworzenia prototypu
  • Na sam koniec stworzymy Praktyczny Projekt, czyli stronę w popularnym stylu one page, która wykorzysta framework Bootstrap 4, style Sass, automatyzację w Gulpie i XAMPP oraz pliki PHP do lepszego zorganizowania całego projektu
  • Krok po kroku stworzymy takie sekcje, jak: responsywna nawigacja, element hero, feature boxes (kluczowe korzyści twojej działalności), sekcje z licznikami (będą odliczały do konkretnej wartości), opinie klientów, tabelki cenowe, miejsce na najnowsze wpisy z bloga i stopka, i jeszcze więcej!

Samym HTML i CSS świata nie zawojujesz...


Im więcej projektów będziesz tworzyć, tym szybciej zauważysz, że wiele rzeczy ciągle się powtarza.


Ciągle podobna struktura projektu, nawigacja, w której zmieniasz tylko linki i trochę stylów i masa powtarzalnych elementów...


Zamiast tworzyć to od zera, czy nie lepiej wykorzystać coś, co jest już gotowe i sprawdzone w boju, i tylko dopasować to do swojego projektu?


Na szczęście technologia webowa cały się rozwija, a jednym z najpopularniejszych narzędzi w branży jest Bootstrap 4.

  • check
    Jest to framework, czyli zestaw gotowych komponentów, których nie będziesz już musiał tworzyć na nowo
  • Najbardziej znanym jest grid - responsywna, 12-kolumnowa siatka, która pozwala Ci szybko układać treść na stronie
  • Responsywna nawigacja, karty, okienka modal, slider, przyciski, formularze - wszystko to już jest gotowe i tylko czeka, aż to wykorzystasz
  • Do tego duża społeczność, dzięki której znajdziesz rozwiązania popularnych problemów i masę dodatków, więc nie będziesz musiał wymyślać koła na nowo

Ale... nie zapominajmy o Sass, czyli języku, na którym oparte są wszystkie style Bootstrapa.

  • check
    To rozszerzenie stylów CSS - taki standard w branży - który dodaje do niego wiele funkcji dostępnych zazwyczaj w językach programowania
  • Zmienne, wygodne zagnieżdżanie kodu, dzielenie plików na części, instrukcje warunkowe i pętle, operatory, mapy... i jeszcze więcej
  • check
    Można śmiało powiedzieć, że to style CSS na sterydach. Mają wystarczająco dużo funkcji, by zautomatyzować wiele aspektów naszego projektu, tak jak wykorzystał to... Bootstrap 4

Jak ta wiedza wpłynie na Twoje zarobki?​

Jeśli spojrzysz na oferty pracy Front End developerów, duża ilość zawiera w sobie 2 słowa: Bootstrap 4 i Sass.


I często są to oferty w zakresie 4.000-10.000 zł, choć zdarzają się też oferty 5-cyfrowe... O zagranicy nawet nie wspominam.


Głównie dlatego, że jest to framework z masą dobrych praktyk, budowany przez społeczność.


Nie twierdzę, że masz wykorzystywać Bootstrapa do każdego projektu, ale znając go... możesz wykorzystać kilka jego gotowych elementów w swoim konkretnym projekcie i zaoszczędzić sobie masę czasu i nerwów.

Patrząc na to, jaki jest popularny, jest duża szansa, że znają go też Twoi koledzy z zespołu. W efekcie Twoja praca jest szybsza, ma wyższą jakość, nie marnujesz czasu i popełniasz mniej błędów, więc firma bez problemu zapłaci Ci wyższe wynagrodzenie.


Zasada win-win - każdy tutaj zyskuje.

Statystyki i przewidywania mówią jasno: do 2020 roku może brakować ok. MILIONA specjalistów w IT – programistów, webmasterów itd.


Umiejętności tworzenia i rozumienia kodu są też coraz bardziej potrzebne w zawodach, które do tej pory nie miały z tym nic wspólnego.


Wykorzystaj więc tę okazję i...

Wejdź na wyższy poziom z kursem "Bootstrap 4"

​Tak właśnie jest zbudowany cały kurs:

Moduł 1: Przygotowanie narzędzi i środowiska pracy (1h 58m)


  • check
    Poznasz edytor Visual Studio Code (łącznie z konfiguracją, wtyczkami, motywami i Emmetem), czyli świetne bezpłatne narzędzie, w którym przejdziemy przez ten kurs
  • check
    Zainstalujemy node.js (przyda się przy automatyzacji zadań) i cmder (oddzielną konsolę), czyli 2 narzędzia, które poprawią nam komfort pracy​
  • check
    Poznasz narzędzie Emmet, które pozwoli Ci pisać kod HTML i CSS dużo szybciej, bo za pomocą skrótów

Moduł 2: Automatyzacja i usprawnianie pracy (1h 25m)


  • check
    Kilka słów dlaczego tak ważna jest dzisiaj automatyzacja zadań. Jest bardzo wiele czynności, które można zautomatyzować: kompilacja plików .scss do .css, przenoszenie ich z jednego miejsca na drugie, łączenie plików w jedną całość, kompilacja nowego kodu ES6 do starszej wersji, by więcej przeglądarek go obsługiwało, minimalizacja plików i zmiana ich nazwy... Kto jeszcze dzisiaj robi to ręcznie?
  • Zobaczysz jak działa ekosystem node.js, czyli wielki zbiór ponad 700.000 paczek, które możesz szybko zainstalować i wykorzystać w swoim projekcie. My wykorzystamy go głównie do zautomatyzowania naszej pracy
  • Dowiesz się jak rozwiązywać problemy z node.js, które mogą pojawić się w Twoim projekcie (czasami są mało intuicyjne, więc warto to znać!)
  • Jeśli uznasz, że nie chcesz korzystać z Gulpa, to przygotowałem też materiał, który omawia 2 inne narzędzia, dostępne na każdym systemie - Windows, Mac i Linux - dzięki którym skompilujesz Sass i wiele innych formatów plików
  • Wykorzystamy XAMPP i PHP do tego, by lepiej zorganizować pliki naszego projektu. Przyda się to najbardziej w momencie, gdy zaczniemy tworzyć nasz praktyczny projekt - pliki HTML po 400-500 linijek to nic fajnego, więc mamy już na to rozwiązanie
  • check
    Kilka słów o narzędziu Balsamiq, które umożliwia szybkie projektowanie interfejsu użytkownika z gotowych bloków, tak jakbyś budował coś z klocków LEGO

Moduł 3: Framework Bootstrap 4 (4h 05m)


  • check
    Jeden z czołowych frameworków HTML/CSS/JavaScript, czyli zestaw gotowych komponentów, które możesz wykorzystać do szybkiego budowania swojej strony
  • Zaczniemy od wyjaśnienia czym jest, potem dołączymy go na stronie
  • Krok po kroku przejdziemy przez jego kluczowe funkcjonalności i komponenty, zaczynając od popularnej responsywnej siatki (grid), która umożliwia łatwe rozmieszczanie elementów na stornie
  • Potem przejdziemy przez wszystkie komponenty jakie oferuje - gotowe przyciski, formularze, responsywna nawigacja, karty, elementy toast, spinnery, paski postępu, wtyczki takie jak slider (karuzela), wyskakujące okienka czy masa gotowych klas (utilities), które pozwolą Ci szybko, bezpośrednio w kodzie HTML, tworzyć layout całej strony

Moduł 4: Style Sass, czyli CSS na sterydach (1h 45m)


  • check
    W tym module poznasz Sass, czyli rozszerzenie stylów CSS, które zapewni Ci wiele korzyści przy pracy (nie będziesz chciał wracać do zwykłych stylów!)
  • Nie oszukujmy się... style CSS są mocno opóźnione w rozwoju. Od teraz będziesz miał dostęp do zmiennych, wygodnego zagnieżdżania kodu (więc już nie musisz go powtarzać), dzielenia stylów Sass na części i dołączania ich w odpowiednim momencie
  • Do tego mixins - funkcje generujące kod CSS, operatory matematyczne, interpolacja, mapy, instrukcje warunkowe, pętle i dodatkowe funkcje wbudowane w język Sass. Więc... wiele funkcji dostępnych zazwyczaj tylko w językach programowania
  • Na koniec pokażę Ci jak Bootstrap 4 współpracuje ze stylami Sass, a to wszystko BARDZO MOCNO poprawi jakość i szybkość twojej pracy

Moduł 5: Praktyczny Projekt, który wykonamy w Bootstrap 4 i Sass, łącznie z automatyzacją w Gulp i językiem PHP (5h 34m)


  • check
    Cały ten moduł to moment, w którym stworzymy praktyczny projekt, czyli podsumowanie całej wiedzy zawartej w kursie
  • Zaczniemy od ustalenia krok po kroku co będziemy robić, a potem zainspirujemy się innymi projektami, by zrozumieć jak są dzisiaj budowane popularne sekcje w bestsellerowych szablonach
  • Przygotujemy sobie kolory, fonty, zdjęcia, ilustracje i ikonki, tak byś miał je pod ręką w trakcie tworzenia projektu
  • Na tej podstawie stworzę mockup i zaczniemy od przygotowania dobrej struktury plików i folderów naszego projektu
  • Potem krok po kroku odtworzymy wszystkie zaplanowane sekcje: responsywna nawigacja, element hero, feature boxes (miejsce na kluczowe korzyści twojej firmy lub działalności), sekcje z licznikami (które będą odliczały do konkretnej wartości), opinie klientów, tabelki cenowe, miejsce na najnowsze wpisy z bloga i stopka
  • Do tego 2 podstrony, na których możesz umieścić informacje o sobie/swojej firmie oraz strona z wpisem na blogu
  • Wszystko oczywiście responsywne i wykonane z podejściem mobile first, czyli zgodnie z najlepszymi branżowymi praktykami!

Całość to ponad 14 godzin wiedzy, dzięki której szybko i wygodnie przejdziesz na wyższy poziom tworzenia stron, poznasz technologie wykorzystywane nawet na wyższych stanowiskach, a w efekcie zwiększysz zarobki i jakość pracy.

Kliknij tutaj, by zobaczyć spis treści kursu

​A teraz czas na... BONUSY

Oto co jeszcze dostaniesz w pakiecie z kursem:

BONUS 1: Szablon tworzony w kursie (wartość: 450 zł)


  • check
    Otrzymujesz wszystkie pliki pełnego szablonu, który tworzymy podczas kursu. Wszystko będzie oparte o Bootstrap 4, Sass, automatyzację w Gulp i podział plików w PHP, więc będziesz miał idealną strukturę do stworzenia własnego, płatnego projektu dla swoich klientów

BONUS 2: 40% zniżki na hosting w MyDevil.net (oszczędzasz średnio 60-100 zł)


​​Tworząc stronę pewnie będziesz chciał od razu umieścić ją w internecie. Dlatego też poprosiłem MyDevil o kod rabatowy dla swoich kursantów, by mieli jeszcze łatwiejszy start.

Do MyDevil przeniosłem się po serii eksperymentów z różnymi hostingami, w tym z popularnego i "lubianego" hostingu, który nagle, bez zapowiedzi 2-krotnie podniósł ceny.

Strony w MyDevil od razu ​2-krotnie przyspieszyły​​​, jest więcej miejsca, dyski SSD, możliwość uruchamiania aplikacji w NodeJS, darmowe certyfikaty SSL (Let's Encrypt) i wygodny panel administracyjny.

Do tego bardzo dobre opinie i pomoc techniczna. Czego chcieć więcej?

​​BONUS 3: Dostęp do panelu kursanta, w którym wygodnie obejrzysz wszystkie lekcje (bezcenne)


Jakub Jurkian - panel kursanta

Ile kosztuje to szkolenie?​

​Podsumujmy to wszystko:​

  • check
    Otrzymujesz kurs Bootstrap 4, który składa się z 5 modułów. Od przygotowania wszystkich narzędzi, przez automatyzację i usprawnianie swojej pracy, framework Bootstrap 4 i style Sass w szczegółach, a na końcu praktyczny projekt podsumowujący cały kurs.

    Cały kurs trwa ponad 14 godzin i poznasz tam wszystko, co jest potrzebne, byś wszedł na wyższy poziom tworzenia stron. Wartość: 14h x 25 zł = 350 zł (wg średniej ceny bootcampowej)
  • check
    BONUS 1: Szablon tworzony w kursie, który możesz wykorzystać do stworzenia swojego, płatnego projektu (wartość: 450 zł)
  • check
    BONUS 2: ​40% zniżki na hosting w MyDevil.net​ (średnia oszczędność: 60-100 zł)
  • check
    BONUS 3: Dostęp do panelu kursanta, w którym wygodnie obejrzysz wszystkie lekcje (bezcenne)

PODSUMUJMY: 880 zł


Tak jak zawsze, zależy mi na tym, by większa liczba osób miała dostęp do takiej wiedzy, więc w tej chwili możesz dostać cały ten pakiet za jedyne ​197 zł.

Jesteś gotowy, by rozpocząć swoją przygodę z Bootstrapem 4 i Sass?

Tak Kuba, zapisuję się na kurs, który zawiera:

  • check
    Pełne szkolenie Bootstrap 4, dzięki któremu w ciągu 14 godzin nauczysz się automatyzować i usprawniać swoją pracę, poznasz framework Bootstrap 4, style Sass, dowiesz się jak współpracują ze sobą, a na końcu stworzysz praktyczny projekt, który podsumuje całą wiedzę zdobytą w kursie
  • check
    3 bonusy, w tym pełen projekt z kursu i zniżka na szybki hosting
  • check
    Rozumiem, że jestem chroniony przez 30-dniową, bezwarunkową gwarancję satysfakcji

Twoja inwestycja w wiedzę:

880 zł ​​197 zł

Jeśli boisz się, że w Twoim przypadku to nie zadziała lub masz jakiekolwiek inne obawy, to chcę tylko dodać:

Przetestuj to wszystko przez 30 dni na moje ryzyko

30-dniowa gwarancja satysfakcji

Jeżeli czujesz, że to szkolenie może być dla Ciebie, ale jeszcze się boisz to pamiętaj, że mam dla Ciebie moją 100% gwarancję satysfakcji i zwrotu pieniędzy.

Doskonale rozumiem, że każdy ma swój sposób nauczania i akurat mój nie musi Ci odpowiadać.

Ale jeżeli nie spróbujesz, to nie przekonasz się czy było warto. Dlatego przez pełne 30 dni możesz sprawdzać i testować to szkolenie, ze swoimi stronami korzystając z mojego kursu.

Jeżeli COKOLWIEK Ci się nie spodoba, po prostu napisz do mnie maila, a ja zwrócę Ci pieniądze bez żadnych pytań, bez żadnych przeszkód, bez żadnych kłopotów.

Nie robię z tym żadnych problemów, bo zależy mi tylko na zadowolonych osobach, a jedyną drogą do tego, byś był zadowolony jest wypróbowanie tego kursu.

  • check
    Przez 30 dni możesz korzystać z kursu na zasadzie "jazdy próbnej", bez żadnego ryzyka.
    To ja ryzykuję, bo jeśli kurs nie spełni Twoich oczekiwań, będę musiał oddać Ci pieniądze
  • check
    ​Jeżeli w ciągu 30 dni uznasz, że kurs nie jest warty Twoich pieniędzy, po prostu napisz do mnie: "​Kuba, nie podoba mi się ten kurs, poproszę o zwrot pieniędzy" i w ciągu 1-2 dni otrzymasz zwrot na podane konto

Dlaczego jestem aż tak pewny, że ten kurs pomoże Ci tworzyć dobre strony? Bo z gwarancji satysfakcji (wg statystyk z mojego systemu) korzysta tylko 1,82% osób.

Oznacza to, że na każde 100 osób, jedynie 1,82 (jeden i 8/10 człowieka :) prosi o zwrot. Wykonuję je bez żadnych problemów.

Więc generalnie nic nie tracisz, a jazdę próbną masz zupełnie za darmo.

​Dobry układ, prawda?
A teraz podejmij najlepszą dla siebie decyzję.


​OPINIE innych, czyli dlaczego warto się tym zainteresować?

Jeśli będę pisał sam o sobie - będzie to mało wiarygodne. Najprościej będzie, gdy przedstawię Ci opinie, które ludzie zamieszczają albo na moim kanale YouTube, albo przesyłają mi bezpośrednio na skrzynkę:

Do zobaczenia w lekcji pierwszej
Jakub Jurkian


P.S. Pamiętaj - nic nie ryzykujesz. Możesz sam ocenić czy kurs jest wart Twojej uwagi. Przetestuj go przez 30 dni i sam zdecyduj, czy chcesz go zatrzymać. To taka bezpłatna jazda próbna, a ja właśnie dałem Ci kluczyki...

​Kilka słów o autorze...

Od ponad 12 lat jestem programistą-pasjonatem, a strony i aplikacje webowe ​tworzę zawodowo od 6 lat. Jestem też autorem kursów wideo nt. tworzenia stron - od 2013 roku prowadzę kanał na YouTube i bloga, przez które "przewinęło się" już kilkaset tysięcy osób.​

​Aktualne statystyki:
YouTube: ​​​6419 subskrypcji, ​469.584 wyświetleń
Blog: ​84 327 unikalnych odwiedzin w ostatnim roku


Zaczynałem od pisania artykułów dla jednego z czołowych polskich portali IT - benchmark.pl. Prywatnie od 10 lat jestem związany z kulturą hip-hop (głównie taniec breakdance).

JAKUB JURKIAN //  ​Programista, autor kursów wideo

Copyright © 2019 - Jakub Jurkian

>