Masz już konto? Zaloguj się

Zbuduj własne portfolio z Tailwind CSS

W tym kursie nauczysz się jak budować responsywne, piękne strony internetowe z szybkością błyskawicy przy pomocy TailwindCSS.

19 lekcji

2h 33min

5 (2 oceny)

Zbuduj własne portfolio z Tailwind CSS - Tworzenie Responsywnych Stron Internetowych

Zapraszam Cię na warsztat z podstaw TailwindCSS - nowoczesnego frameworka CSS, który zrewolucjonizuje Twój sposób projektowania stron internetowych. Czy jesteś deweloperem, designerem czy po prostu osobą, która chce nauczyć się nowej umiejętności, to szkolenie pomoże Ci skorzystać z pełnego potencjału TailwindCSS. Nauczysz się jak budować responsywne, piękne strony internetowe z szybkością błyskawicy przy pomocy TailwindCSS.

Wstęp i co będziemy budować.

Zacznijmy od przedstawienia projektu, który razem zbudujemy podczas tego warsztatu. Będziemy pracować nad stworzeniem nowoczesnej, responsywnej strony portfolio. Podczas budowania strony, zapoznam Cię z podstawowymi i zaawansowanymi funkcjami TailwindCSS, które pomogą Ci w efektywnym projektowaniu i stylizowaniu Twojej strony.

Konfiguracja środowiska.

Zanim zaczniemy kodować, ważne jest, abyś miał dobrze skonfigurowane środowisko do pracy z TailwindCSS. Przeprowadzę Cię przez proces instalacji i konfiguracji TailwindCSS w Twoim projekcie. Pomoże to zrozumieć, jak TailwindCSS jest zbudowany i jak można go dostosować do swoich potrzeb.

Implementacja pełnowymiarową sekcję hero.

Sekcja hero to wizytówka Twojej strony, więc ważne jest, aby była ona atrakcyjna i responsywna. Nauczę Cię, jak zaimplementować sekcję hero, która rozciąga się na całą wysokość i szerokość ekranu. Omówimy różne techniki, takie jak używanie tła obrazu, dodawanie ikon czy efektów obracania i zaznaczania tekstu.

Implementacja widoków na wszystkie rozdzielczości ekranu.

W dzisiejszych czasach, gdzie ludzie korzystają z różnych urządzeń do przeglądania internetu, ważne jest, aby Twoja strona była responsywna i wyglądała dobrze na wszystkich typach urządzeń. Dowiesz się, jak korzystać z podejścia mobile first przy projektowaniu strony, co pomoże Ci zoptymalizować doświadczenie użytkownika na wszystkich rozdzielczościach ekranu.

Dowiedz się jak skutecznie używać klasy container

Klasa container w TailwindCSS jest potężnym narzędziem, które pomaga w zarządzaniu układem Twojej strony. Przeprowadzę Cię przez różne sposoby korzystania z klasy container, aby uzyskać optymalny układ i design dla Twojej strony. Dowiesz się, jak zarządzać marginesami, paddingami, a także jak używać containera do tworzenia układów siatki.

Dla kogo jest ten kurs?

Ten warsztat jest dla początkujących programistów, którzy chcą nauczyć się projektowania stron internetowych przy użyciu TailwindCSS. Idealny dla junior-deweloperów, oraz dla wszystkich, którzy chcą zrozumieć i wykorzystać moc nowoczesnych frameworków CSS.

Czego się nauczysz?

  • Zrozumienie, czym jest TailwindCSS i jak można go wykorzystać.

  • Przykłady zastosowań i możliwości TailwindCSS.

  • Praktyczne prowadzenie przez proces instalacji TailwindCSS.

  • Wykonanie pierwszej strony w TailwindCSS.

  • Tworzenie własnej strony portfolio od zera.

Zawartość

Zbuduj własne portfolio z Tailwind CSS

3 rozdziały 19 lekcji 2h 33min

  • Wstęp

    20min

    Powitanie

    Podgląd lekcji

    1min

    Co będziemy budować?

    1min

    Konfiguracja środowiska

    12min

    Sprawdzenie konfiguracji

    5min

  • Projekt

    2h 12min

    Implementacja headera

    11min

    Implementacja headera - 2

    6min

    Implementacja headera - 3

    17min

    Implementacja sekcji o mnie

    10min

    Implementacja sekcji o mnie - 2

    11min

    Implementacja sekcji z projektami

    5min

    Implementacja sekcji z projektami - 2

    7min

    Implementacja responsywna sekcji z projektami

    11min

    Implementacja sekcji z usługami na telefony

    10min

    Implementacja sekcji z usługami na tablety

    11min

    Implementacja sekcji z usługami na desktopy

    4min

    Implementacja sekcji z opiniami

    11min

    Stopka

    13min

    Stopka na tablety i desktopy

    6min

  • Podsumowanie

    1min

    Zakończenie

    1min

Autor kursu

Daniel Noworyta

Full stack Developer

Średnia ocen autora: 5

Inne kursy tego autora
Zbuduj własne portfolio z Tailwind CSS Next.js 13 w Praktyce Kurs Tailwind CSS

Dołącz do ponad 10 tys. zadowolonych z naszych kursów

Patryk Zdebik

17 października 2023

Dawid

30 grudnia 2023

Kurs Zbuduj własne portfolio z Tailwind CSS

  • 19 lekcji wideo

  • 2h 33min materiału

  • Ostatnia rewizja 30.09.2023

  • Certyfikat w ramach ścieżek

  • Dostęp z urządzeń mobilnych

Dlaczego wybrać właśnie ten kurs?

Efektywna nauka

Kurs wideo to najbardziej efektywna a zarazem najprzyjemniejsza forma nauki. Jest on tak prowadzony, byś cały czas mógł go śledzić z zainteresowaniem i zaangażowaniem, a także czerpać satysfakcję ze zdobytej wiedzy!

Wiedza ekspertów

Wiedza, którą otrzymujesz w tym kursie, to nie tylko sucha teoria, ale również wskazówki od praktyka z wieloletnim doświadczeniem, dzięki którym dużo łatwiej będzie Ci opanować materiał i pracować efektywniej.

Praktyczne przykłady

Uczysz się na praktycznych przykładach. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także wzorów, które oszczędzą Ci godziny pracy i poszukiwań.

Pytania i odpowiedzi

Przeczytaj najczęściej zadawane pytania

Masz więcej pytań?

Porozmawiaj z nami na na czacie

Wyślij nam e-mail

Zadzwoń +48 880880606

Czy każdy kurs ma pliki źródłowe?

Nie każdy. Jeśli pliki są dostępne dla danego kursu, znajdziesz je w zakładce źródła. Niektóre kursy nie posiadają źródeł ponieważ nie są potrzebne, inne nie mogły być zamieszczone np. ze względu na prawa autorskie do wykorzystania komercyjnych prac naszych autorów. Staramy się aby kursy były maksymalnie praktyczne i chętnie pokazujemy zaplecze zawodowe naszych autorów, ale niekiedy nie możemy dołączyć go w postaci źródeł.

Jak jest skonstruowany kurs?

Kurs składa się z rozdziałów oraz lekcji. Staramy się, aby optymalnie kursy miały 5-7 rozdziałów po około 5-10 lekcji w każdym. W ten sposób nauka jest optymalna a podtrzymanie uwagi staje się łatwiejsze. Rekomendujemy przerabianie nie więcej niż jednego rozdziału naraz a po jego przerobieniu powtórzenie materiału we własnym zakresie.

Jak najlepiej wykorzystać kurs?

Potraktuj kurs jako inspirację do własnej pracy. Tam, gdzie się da staraj się powtarzać czynności, które wykonuje autor. Nie powtarzaj ich jednak bezmyślnie - spróbuj zmodyfikować przykłady i dostosować je do swoich potrzeb. W ten sposób przyswoisz materiał jeszcze lepiej!

Jak mogę uzyskać dostęp do kursu?

Możesz albo wykupić ten konkretny kurs przez koszyk, uzyskując do niego (i jego rewizji) bezterminowy dostęp, albo wykupić wariant abonamentu, który obejmuje dany kurs i w ten sposób oglądać go oraz inne materiały na platformie tak długo, jak Twój abonament jest aktywny.

Czy kurs jest aktualny?

Staramy się aby wszystkie materiały na stronie były aktualne. Nie znaczy to, że kurs powstał bardzo niedawno. Często na stronie znajdziesz trochę starsze kursy, jednak regularnie wykonujemy ich rewizję i zmieniamy lekcje - czy to przez dodanie stosownych komentarzy z aktualizacją, czy poprzez nagranie danej lekcji jeszcze raz. Datę ostatniej rewizji znajdziesz w informacjach o kursie.

Czym się różni kurs od warsztatu i ścieżki?

Kursy to kilku godzinne, kompleksowe opracowanie danego zagadnienia, podzielone na lekcje i rozdziały. Często uzupełniają je Warsztaty, które mają formę jednej dłuższej, praktycznej lekcji (30min-1h), natomiast ścieżki stanowią zbiór jednych i drugich materiałów - ułożoną z kursów i warsztatów playlistę, która pozwala Ci kompleksowo opanować dane zagadnienie.

We frontendzie nie można stać w miejscu, niezależnie od tego, czy jest się początkującym, czy zaawansowanym. Narzędzia i techniki się zmieniają, więc trzeba cały czas trzymać rękę na pulsie. Jako twórca kursów i programista mogę spokojnie polecić eduweb.pl jako aktualne i dobre źródło wiedzy.

Adam Romański

helloroman.com

Zacznij naukę w Zbuduj własne portfolio z Tailwind CSS

  • 19 lekcji wideo

  • 2h 33min materiału

  • Ostatnia rewizja 30.09.2023

  • Certyfikat w ramach ścieżek

  • Dostęp z urządzeń mobilnych