Course Code:
tailwindcss
Duration:
7 hours
Prerequisites:
- Podstawowa znajomość HTML i CSS
Publiczność
- Deweloperzy
Overview:
Tailwind CSS jest frameworkiem CSS do szybkiego tworzenia niestandardowych interfejsów użytkownika. Zapewnia szeroki katalog CSS klas i narzędzi, umożliwiając użytkownikom łatwe stylizowanie stron internetowych i aplikacji.
Szkolenie na żywo prowadzone przez instruktora (na miejscu lub zdalnie) jest przeznaczone dla programistów, którzy chcą nauczyć się i używać Tailwind CSS do tworzenia i stylizowania interfejsów użytkownika.
Po zakończeniu tego szkolenia uczestnicy będą w stanie
- Dowiedz się, jak skonfigurować środowisko deweloperskie za pomocą Tailwind CLI.
- Twórz komponenty i edytuj układy za pomocą Tailwind CSS.
- Używaj klas narzędzi Tailwind do stylizacji elementów.
- Opanuj podstawy Tailwind CSS.
- Twórz nowoczesne strony internetowe za pomocą Tailwind CSS.
Format kursu
- Interaktywny wykład i dyskusja.
- Dużo ćwiczeń i praktyki.
- Praktyczne wdrożenie w środowisku live-lab.
Opcje dostosowywania kursu
- Aby zamówić niestandardowe szkolenie dla tego kursu, skontaktuj się z nami.
Course Outline:
Wprowadzenie
- Przegląd Tailwind CSS
Pierwsze kroki
- Instalacja Tailwind CSS
- Instalowanie węzła
- Instalowanie kodu VS
- Konfigurowanie środowiska
Tailwind CSS Podstawy
- Dołączanie Tailwind CSS za pomocą HTML
- Tworzenie kontenerów za pomocą klas narzędzi
- Dodawanie właściwości szerokości i wysokości
- Zrozumienie, jak działa flexbox
- Zawijanie i zmiana rozmiaru elementów flex
- Tworzenie siatki i układu wierszy
- Dostosowywanie przepływu elementów w układzie siatki
- Dodawanie odstępów między elementami i ich uzasadnianie
- Uzasadnianie poszczególnych elementów
- Dodawanie dopełnienia i marginesów do elementów
- Stylizowanie tekstu przy użyciu klas narzędzi Tailwind
- Dodawanie i stylizowanie obramowań
- Dodawanie cieni do elementów
- Używanie punktów przerwania w celu dodania responsywnego zachowania
- Używanie selektorów pseudo
- Nakładanie warstw i stosowanie dyrektyw
- Używanie komponentów do ponownego wykorzystania kodu
Konfigurowanie lepszego środowiska programistycznego
- Tworzenie środowiska za pomocą Tailwind CLI
- Dyrektywy i funkcje
Podsumowanie i kolejne kroki
Sites Published: