Ta lekcja jest w bazie eduweb
Zaloguj się kontem z dostępem albo wykup dostęp do bazy, żeby obejrzeć wideo.
Lekcja 7/ 19Implementacja headera - 3
Zbuduj własne portfolio z Tailwind CSS: Implementacja headera - 3
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.
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.
Kurs Zbuduj własne portfolio z Tailwind CSS
3 rozdziały19 lekcji2h 33min
Wstęp
20min
- Powitanie1min(zablokowana)
- Co będziemy budować?1min(zablokowana)
- Konfiguracja środowiska12min(zablokowana)
- Sprawdzenie konfiguracji5min(zablokowana)
Projekt
2h 12min
- Implementacja headera11min(zablokowana)
- Implementacja headera - 26min(zablokowana)
- Implementacja headera - 317min(zablokowana)
- Implementacja sekcji o mnie10min(zablokowana)
- Implementacja sekcji o mnie - 211min(zablokowana)
- Implementacja sekcji z projektami5min(zablokowana)
- Implementacja sekcji z projektami - 27min(zablokowana)
- Implementacja responsywna sekcji z projektami11min(zablokowana)
- Implementacja sekcji z usługami na telefony10min(zablokowana)
- Implementacja sekcji z usługami na tablety11min(zablokowana)
- Implementacja sekcji z usługami na desktopy4min(zablokowana)
- Implementacja sekcji z opiniami11min(zablokowana)
- Stopka13min(zablokowana)
- Stopka na tablety i desktopy6min(zablokowana)
Podsumowanie
1min
- Zakończenie1min(zablokowana)
Ten kurs jest w bazie eduweb
Dostęp do wszystkich kursów z bazy eduweb za 199 zł/mies.