Kurs Błyskawiczne tworzenie stron z Tailwind CSS
Naucz się budować nowoczesne, responsywne strony internetowe tak szybko, jak nigdy dotąd. Poznaj bardzo popularny framework Tailwind CSS i naucz się wykorzystywać jego potężne możliwości.
Oferta specjalna
Kup ten kurs za 87 zł z kodem
Minimalna wartość w koszyku, aby aktywować kod: 199 zł.
Dostęp od razu po zakupie ·
Płacisz raz i wchodzisz prosto do lekcji - bez subskrypcji, bez czekania na grupę.
Ten kurs jest częścią ścieżki
Web Designer
21578 kursantów
Szczegóły, które warto znać
Opis szkolenia
Czego się nauczysz:
-
wykorzystania Tailwind CSS do budowania stylów nowoczesnych stron
-
pisania stylów na podstawie projektu graficznego
-
konfiguracji edytora w sposób zapewniający optymalną pracę
-
nowoczesnego workflow opartego na node.js, gulp i postcss
-
customizacji Tailwind CSS do potrzeb projektu
-
obsługi formularzy za pomocą Netlify
-
tworzenia dynamicznych, responsywnych layoutów
-
publikowania gotowej strony na GitHub
Każdy chce szybko tworzyć style strony. Dzięki Tailwind CSS możesz zrobić to łatwiej niż kiedykolwiek. Ten unikalny framework umożliwia budowanie stylów za pomocą prostych w użyciu, gotowych klas. Z tym kursem online nauczysz się wykorzystywać te możliwości do pisania kompletnych stylów nowoczesnej i responsywnej strony.

Pisz style bezpośrednio w HTML
Z tym kursem online zobaczysz, że za pomocą gotowych klas można zbudować style dowolnego, nawet bardzo złożonego elementu. Nawet na moment nie musisz opuszczać pliku z kodem HTML, bo jedyne co musisz zrobić to użyć odpowiednich klas. Nazwy klas w Tailwind CSS są tak intuicyjne, że po pewnym czasie nawet nie trzeba zaglądać do dokumentacji.

Unikalny wygląd dla każdego projektu
Gotowe klasy nie oznaczają, że jesteśmy skazani na predefiniowany wygląd elementów strony. W kursie zobaczysz jak łatwo można customizować dowolne właściwości: od kolorów, poprzez rozmiary tekstu aż po odstępy w pionie czy poziomie. Nie tylko masz możliwość błyskawicznego napisania stylów, ale również, bez większego wysiłku możesz je dostosować do potrzeb danego projektu.
Kompletna strona od A do Z
W kursie będziesz razem z autorem budować kompletną stronę na podstawie projektu graficznego. To świetna okazja, aby w praktyce poznać możliwości frameworka Tailwind CSS. Zobaczysz jak mało czasu zajmie przejście od pierwszych znaczników HTML do stworzenia kompletnych stylów. Projekt, który wykonasz to responsywna strona agencji marketingowej o świeżym, nowoczesnym wyglądzie.

Praktyczny workflow front-end developera
W tym kursie online poznasz wiele bardzo przydatnych narzędzi, które składają się na współczesny, wydajny workflow. Zobaczysz, jak w praktyce wykorzystujemy node.js, gulp, postcss czy browser-sync. Poznasz uniwersalne techniki, które potem bardzo ułatwią Ci pracę nad własnymi projektami.
Kompletne wdrożenie
W kursie nie tylko nauczysz się błyskawicznie pisać style, dowiesz się też jak stworzyć i opublikować wersję produkcyjną strony. Nauczysz się m.in. przetwarzać dane z formularzy za pomocą usługi Netlify Forms i opanujesz publikację strony na darmowym koncie Github.

Co jeszcze trzeba wiedzieć?
Aby w jak najlepszym stopniu wykorzystać wiedzę zawartą w kursie, potrzebna jest podstawowa znajomość HTML oraz CSS. Jeżeli nie zdobyłeś jeszcze takich umiejętności, możesz je szybko i łatwo uzupełnić dzięki naszym szkoleniom.
Kup w pakiecie i oszczędź
Program kursu
6 modułów · 35 lekcji
1 · Wprowadzenie
- Wstęp 03m 25s
- Jak korzystać z materiałów? 01m 04s
- Języki i narzędzia używane w kursie 02m 18s
2 · Konfiguracja środowiska i zapoznanie z Tailwind CSS
- Instalacja TailwindCSS w projekcie 14m 20s
- Tworzenie przycisku 07m 15s
- Media Queries - responsywne tworzenie 06m 09s
- Jak rozszerzać domyślne klasy w Tailwind CSS? 13m 23s
3 · Ciekawostki wprowadzone w Tailwind 2.0
- Ring 10m 33s
- Dark Mode 10m 53s
4 · Strona główna
- Konfiguracja projektu 15m 05s
- Header cz.1 09m 55s
- Header cz.2 05m 35s
- Menu dla urządzeń desktop 17m 24s
- Menu dla urządzeń mobile 19m 51s
- Sekcja hero cz.1 12m 22s
- Sekcja hero cz.2 08m 21s
- Sekcja info cz.1 10m 14s
- Sekcja info cz.2 10m 43s
- Sekcja narzędzia 11m 21s
- Sekcja analityka 14m 09s
- Sekcja blog i newsletter cz.1 14m 14s
- Sekcja blog i newsletter cz.2 13m 16s
- Stopka cz.1 11m 34s
- Stopka cz.2 04m 51s
- Tworzenie animacji 05m 44s
5 · Podstrona cennik
- Przygotowanie pliku html do pracy 03m 16s
- Sekcja główna 29m 06s
- Sekcja ekstra 04m 18s
- F.A.Q. 08m 18s
- Sekcja z recenzjami 12m 54s
- Sekcja testy 11m 08s
6 · Tworzenie wersji produkcyjnej
- Zapoznanie z Netlify 01m 12s
- Deploy strony 04m 14s
- Obsługa formularza zapisu do newslettera 04m 54s
- Zakończenie 01m 01s
Twój instruktor
Krystian Lisowski
Frontend Developer
Opinie kursantów
„Największym wyzwaniem każdego Frontend Developera jest zarzadzanie rozrastającym się kodem CSS w dużych projektach. Boostrap czy Tailwind mają swoje plusy i minusy, ale razem powinni pomóc w rozwiązywaniu różnych problemów w ostylowaniu projektów graficznych UX/UI szczególnie jak kreatywni zaszaleją. Świetnie przedstawiony kurs w odniesieniu nowych praktyk i workflow opartego na Node.js, postcss, gulp, customizacji rozwiązań pod kontem projektu i innych kluczowych przykładów z tego zakresu. Tailwind dla mnie to swego rodzaju utility-first-framework, którego główną ideą są Klasy CSS, które możemy nadpisywać i nie martwić się o wymyślanie ich nazw. To też odejście od sztampowego pixel perfect. "
Czytaj więcej
Zwiń
„Bardzo ciekawy, praktyczny i dobrze poprowadzony kurs - dziękuję.
Prowadzący w rzetelny sposób i zrozumiale przeprowadza kursanta przez wszystkie aspekty tworzenia strony www przy pomocy frameworka Tailwind CSS - od konfiguracji środowiska, poprzez podstawowe pojęcia i semantykę posługiwania się klasami do stylowania poszczególnych elementów strony, skończywszy na wykonaniu deploy'a na serwer zdalny - Netlify. Mamy także instrukcję związaną z obsługą stworzonego w HTML formularza.
Tailwind to potężne narzędzie, które upraszcza i przyspiesza proces stylowania tworzonej strony.
Gorąco polecam kurs i praktykę z tym frameworkiem!
Pozdrawiam -
Robert"
Czytaj więcej
Zwiń
„Tailwind to świetne narzędzie do szybszego tworzenia stron. Dzięki temu kursowi łatwo opanujesz zasady pracy w Tailwindzie i oszczędzisz sporo czasu."
„Super prowadzący. Wszystko dobrze wyjaśnione na praktycznych przykładach. Spora dawka niezbędnej wiedzy. POLECAM!!!"
„Super!"
„Dobry kurs... co prawda jest już wersja v4 ale warto zrobić v2 aby zrozumieć sens Tailwind Css. "
„Bardzo dobrze wykonany kurs, jak i inne tego autora, polecam 10000%"
„teraz będzie mi się zdecydowanie efektywniej pracować, dziękuję ;) "
„Konkretne, dobrze zorganizowane i pełne praktycznej wiedzy."
Najczęściej zadawane pytania
Jak wygląda uczestnictwo w kursie online?
Kursy online w strefakursów.pl to kompletne pakiety materiałów wideo przygotowane przez zespół naszych specjalistów. Po zakupie otrzymujesz natychmiastowy dostęp do wszystkich lekcji, testów i materiałów dodatkowych na swoim koncie - możesz zacząć się uczyć od razu, bez czekania. Konto jest bezpłatne i możesz założyć je w dowolnym momencie lub w trakcie dokonywania pierwszego zakupu w serwisie strefakursów.pl. Materiały, do których otrzymasz dostęp, pozwolą Ci rozwinąć się zawodowo i podnieść swoje kwalifikacje. Każdy kurs przepełniony jest praktyczną wiedzą, która ułatwi Ci osiągnięcie wymarzonych życiowych celów. Zdobytą wiedzę i postępy możesz w łatwy sposób zweryfikować za pomocą licznych testów i ćwiczeń dołączonych do każdego kursu.
Czy otrzymam certyfikat ukończenia kursu?
Do każdego ukończonego przez Ciebie kursu wystawiamy imienny certyfikat w formacie PDF - będzie on dostępny na Twoim koncie w zakładce Certyfikaty. Warunkiem jego otrzymania jest zaliczenie testów dołączonych do kursu oraz obejrzenie wszystkich lekcji. Na certyfikacie znajduje się Twoje imię oraz nazwisko, nazwa ukończonego kursu, data wystawienia i unikalny numer certyfikatu. Certyfikat możesz wydrukować lub opublikować w Internecie za pośrednictwem specjalnego odnośnika np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV. Pamiętaj, że certyfikatów nie wysyłamy w formie papierowej.
Czy otrzymam fakturę VAT za zamówienie?
Tak, do każdego zamówienia wystawiamy fakturę VAT (23%) lub paragon - w zależności od danych podanych przy zakupie. Pobierzesz ją z zakładki Historia zamówień na swoim koncie. Powiadomimy Cię mailowo, gdy dokument będzie gotowy.
Potrzebujesz proformy? Zaznacz pole "Chcę otrzymać dokument proforma" przy składaniu zamówienia lub napisz: biuro@strefakursow.pl
Zakup w aplikacji mobilnej? Jeśli kupujesz przez App Store lub Google Play, sprzedawcą jest odpowiednio Apple lub Google. Fakturę otrzymasz od nich zgodnie z ich zasadami:
Możesz również pobrać dokument przez stronę Apple. Przejdź pod ten adres: https://reportaproblem.apple.com/, następnie zaloguj się swoim Apple ID, znajdź zakup na liście i kliknij, aby zobaczyć szczegóły i ewentualnie pobrać dokument. Apple zwykle wystawia fakturę jako dostawca usług cyfrowych. Jeśli potrzebujesz faktury VAT, możesz skontaktować się z pomocą techniczną Apple, aby uzyskać dodatkowe informacje na temat zgodności faktury z przepisami w Twoim kraju.
Zakup w Google Play(Android)
Gdy dokonujesz zakupu w aplikacji strefakursów.pl na Android za pośrednictwem Google Pay sprzedawcą jest Google. Fakturę lub dokument zakupu znajdziesz zgodnie z poniższą instrukcją:
- Otwórz aplikację Google Play.
- Kliknij ikonę swojego profilu w prawym górnym rogu.
- Wybierz Płatności i subskrypcje > Historia zakupów.
- Znajdź interesujący Cię zakup i kliknij na niego, aby zobaczyć szczegóły. Jeśli chcesz pobrać fakturę, kliknij przycisk Faktura (jeśli jest dostępny).
Możesz również znaleźć fakturę na stronie Google Pay. Przejdź pod ten adres: pay.google.com i zaloguj się na swoje konto Google, z którego dokonano zakupu. W sekcji Aktywność znajdziesz wszystkie transakcje dokonane w Google Play. Kliknij daną transakcję, aby zobaczyć szczegóły i pobrać fakturę.
Ile mam czasu na przerobienie materiałów?
Tyle, ile potrzebujesz! Uczysz się we własnym tempie - bez presji i bez abonamentu. Płacisz raz i zachowujesz dostęp do zakupionego kursu na swoim koncie bez z góry określonej daty końcowej. Przez pierwsze 12 miesięcy od zakupu dbamy o aktualność materiałów i zapewniamy pełną dostępność testów oraz certyfikatu. Później kurs nadal pozostaje na Twoim koncie - wracasz do lekcji, kiedy masz ochotę. Szczegółowe zasady dostępu znajdziesz w regulaminie.
Powiązane tematy
Zobacz też
Podobne kursy
Programowanie
Produktywne tworzenie stron z LESS & SASS
119 zł
Programowanie
Kurs Bootstrap 4 - od podstaw
119 zł
Programowanie
Kurs Bootstrap 4 - praktyczny projekt
119 zł
Programowanie
Warsztaty tworzenia stron internetowych
119 zł
Programowanie
Flexbox & Grid - responsywne layouty od podstaw
119 zł
Programowanie
Kurs HTML i JavaScript - praktyczne projekty
149 zł
Programowanie
Kurs Metodologia BEM - jak pisać dobry kod CSS
129 zł
Programowanie
Fundamenty CSS - stylowanie stron od podstaw
159 zł
Programowanie
Fundamenty języka HTML - kodowanie stron od podstaw
159 zł
Programowanie
Kurs Tworzenie stron internetowych - praktyczne projekty
159 zł
Ten kurs jest częścią ścieżki
Web Designer
Twórz atrakcyjne i funkcjonalne strony internetowe z użyciem nowoczesnych technik. Opanuj kluczowe podstawy, niezbędne narzędzia i zacznij tworzyć wspaniałe strony!
Dostęp od razu po zakupie ·
159 zł
Zwiastun kursu
Wszystkie opinie
39 zweryfikowanych opinii
4,8

