Tailwind CSS: Powitanie
od Podstaw
3 godz. 55 min · HTML i CSS · Full-stack i Programowanie
Daniel NoworytaFull stack DeveloperCzego się nauczysz
- Zrozumienie podstawowych koncepcji i zalet frameworka TailwindCSS.
- Instalacja i konfiguracji frameworka TailwindCSS.
- Tworzenie stylów strony internetowej przy użyciu gotowych klas CSS.
- Stylowanie strony internetowej w sposób responsywny, tak aby dostosowywała się do różnych rozmiarów ekranów.
- Stylowanie strony internetowej w sposób dedykowany dla wyświetlania na dużych ekranach.
- Zastosowanie różnych technik stylowania, takich jak tworzenie układów za pomocą display flex i display grid.
- Zbudowanie atrakcyjnej strony internetowej, korzystając z frameworka TailwindCSS.
- Optymalizacja pracy i przyspieszenia procesu projektowania interfejsów użytkownika dzięki wykorzystaniu gotowych klas CSS oferowanych przez framework TailwindCSS.
Pierwszy rzut oka na TailwindCSS
W tej sekcji zapoznasz się z frameworkiem TailwindCSS i poznasz podstawowe pojęcia związane z systemem klas. Dowiesz się, czym jest TailwindCSS, jakie problemy rozwiązuje i jakie zalety posiada. Będziesz miał okazję zobaczyć, jak wyglądają gotowe klasy CSS, które oferuje TailwindCSS i jak można je wykorzystać w projektach.
Projekt The Eduweb Times
Ta sekcja zawiera praktyczne zadanie polegające na zbudowaniu strony internetowej projektu The Eduweb Times na urządzenia mobilne. Będziesz mieć okazję zastosować swoje nowo zdobyte umiejętności w praktyce, tworząc atrakcyjną i funkcjonalną stronę internetową.
The Eduweb Times i responsywność
Ta sekcja skupia się na stylowaniu strony internetowej projektu The Eduweb Times w sposób responsywny, czyli tak, aby strona dobrze wyglądała na różnych urządzeniach. Zaczniemy od stylowania na Tablety. Nauczysz się, jak tworzyć style, które dostosowują się do rozmiaru ekranu, na którym jest wyświetlana strona.
The Eduweb Times i duże ekrany
Ta sekcja skupia się na stylowaniu strony internetowej projektu The Eduweb Times w sposób dedykowany dla wyświetlania na dużych ekranach, takich jak monitory desktopowe. Nauczysz się, jak wykorzystać różne techniki stylowania, aby stworzyć atrakcyjny i funkcjonalny wygląd strony na większych ekranach.
Dla kogo jest ten kurs?
Ten kurs wprowadzający do frameworka TailwindCSS jest przeznaczony dla programistów i web developerów, którzy mają już podstawową wiedzę i umiejętności z zakresu HTMLa i CSSa, ale chcą nauczyć się używać jednego z najnowocześniejszych narzędzi do stylowania stron internetowych.
Cześć! Bardzo się cieszę, że jesteś tutaj ze mną
na kursie wprowadzającym w świat jednego z najlepszych i najpopularniejszych
frameworków do stylowania aplikacji, jakim niewątpliwie jest Tailwind CSS.
Moim zadaniem będzie skuteczne wprowadzenie Cię w świat tworzenia layoutu
z poziomu samego HTMLa, bez konieczności tworzenia arkuszy stylów, jakie znasz z
tradycyjnego podejścia, gdzie sterujemy za pomocą klas i selektorów w plikach CSS.
Jednak zanim zaczniemy, chcę się upewnić, że jesteś w odpowiednim miejscu.
Dlatego powiem Ci, co będzie niezbędne, by
z sukcesem przejść przez te materiały, które dla Ciebie przygotowałem.
Otóż po pierwsze niezbędna będzie znajomość HTML'a i CSS.
Zresztą odradzam Ci naukę Tailwind'a
zanim nie poznasz dobrze standardowego stylowania za pomocą arkuszy stylów CSS.
W tym kursie nie będę tłumaczył zagadnień związanych z tradycyjnym stylowaniem i
z teorią selektorów, klas czy media queries, czy też tego czym jest flexbox i grid.
Zakładam, że przychodząc tutaj masz już tę wiedzę i chcesz rozszerzyć zakres swoich
możliwości i dodać do swojego repertuaru podejście do stylowania za pomocą klas
odpowiadających za własności wizualne elementu.
I druga niezbędna rzecz to chęć do pracy nad sobą i nauczenia się Tailwind'a.
Chyba obaj dobrze wiemy, że praktyka jest
jedną i jedyną drogą do zostania w czymś dobrym.
Dlatego zachęcam Cię do własnego praktykowania i budowania elementów przy
pomocy podejścia, którego się tutaj dzisiaj ze mną nauczysz.
Tyle i aż tyle będzie Ci potrzebne do
skutecznego poznania stylowania elementów w Twojej aplikacji przy pomocy Tailwind CSS.
Ok, nie wiem jak Ty, ale ja już nie mogę się doczekać na to, co czeka nas podczas tego
wspólnego odkrywania frameworka Tailwind CSS.
Zaczynajmy więc.