Możesz dołączyć, jeśli posiadasz abonament ahoy! który obejmuje specjalizację Full-stack i Programowanie (lub wszystkie specjalizacje) oraz posiadasz 400 $AHOY na swoim portfelu. Pamiętaj, że za coiny możesz wziąć udział w jednym sprincie w miesiącu. Jeśli tak, wypełnij ankietę:
Pomyślnie zapisano na listę rezerwową.
Do zobaczenia!
Zbuduj własne portfolio z Tailwind CSS
Podczas tego sprintu poznasz Tailwind CSS od podstaw, realizując praktyczne zadania oraz projekt, które mogą wzbogacić Twoje portfolio i budować swoją pozycję na rynku pracy. Nadchodzące trzy tygodnie mogą na długo zmienić sposób, w jaki pracujesz (lub będziesz pracować) na front-endzie. Przygotuj się na naukę w świetnej atmosferze w której z łatwością rozwiniesz swoje umiejętności.
Obecna sytuacja na rynku pracy sprawia, że poszerzanie swoich umiejętności w obszarach, których poszukują pracodawcy, staje się kluczowe. Aby Ci w tym pomóc, stworzyłem kurs „Zbuduj własne portfolio z Tailwind CSS”, w trakcie którego poznasz TailwindCSS — najpopularniejszą bibliotekę stylów wykorzystywaną na front-endzie.
Dlaczego TailwindCSS?
Ostatni raport „State of CSS” jasno wskazuje, że obecnie odkładanie nauki TailwindCSS na później nie jest najlepszym pomysłem. Dzięki swojej elastyczności i łatwości dostosowania, mamy do czynienia z biblioteką, która drastycznie przyspiesza wdrażanie interfejsów użytkownika.
Co zyskasz, uczestnicząc w kursie?
- Czas: Przygotowałem materiały ograniczające teorię do niezbędnego minimum i niemal całkowicie skupiam się na praktycznych projektach zarówno prostych snippetów jak i większej strony www. Czas odzyskasz nie tylko w procesie nauki, ale również po ukończeniu kursu, gdy będziesz wykorzystywać TailwindCSS w swojej pracy.
- Przewagę: Konkurencyjny rynek pracy w branży IT wymaga szukania przewag w postaci m.in. zestawu umiejętności, dzięki którym wyróżnisz się na rynku pracy. W trakcie mojego kursu zbudujesz lub rozwiniesz swoje portfolio projektów, które pomogą Ci w budowaniu swojej pozycji w oczach pracodawców.
- Wsparcie: Nie uczysz się sam, ale pod okiem doświadczonego mentora oraz wśród osób biorących udział w kursie. Spotykając problemy łatwiej rozwiązać je w grupie niż samodzielnie. Obecność innych sprzyja także znalezieniu przestrzeni na naukę nowych rzeczy.
Struktura kursu:
Przez trzy intensywne tygodnie poprowadzę Cię przez wszystkie aspekty TailwindCSS:
- Podstawy: Zrozumienie filozofii TailwindCSS i pierwsze kroki w jego świecie.
- Zaawansowane techniki: Dowiedz się, jak w pełni wykorzystać możliwości TailwindCSS, takie jak niestandardowe wtyczki, konfiguracja i wiele więcej.
- Realne projekty: Zastosuj swoją wiedzę w praktyce, tworząc pojedyncze elementy UI oraz całą aplikację. Wszystko potem możesz dodać do swojego portfolio.
Jeśli przynajmniej jeden z poniższych punktów opisuje Ciebie, to sygnał, że warto dołączyć do tego sprintu:
- Junior Front-end Developer: Jeśli zaczynasz naukę front-endu i chcesz w krótkim czasie zdobyć umiejętności, które mogą Ci realnie pomóc w zdobyciu pierwszej pracy lub awansie, w tym Sprincie znajdziesz wiedzę, która Ci w tym pomoże.
- Front-end Developer: Jeśli praca z CSS nie stanowi dla Ciebie problemu i nawet posiadasz już doświadczenie z TailwindCSS, które chcesz wzbogacić oraz rozwinąć swoje portfolio, to dołączenie do Sprintu będzie świetną inwestycją Twojego czasu.
- Designerzy i Designerki: Jeśli projektujesz i chcesz poszerzyć swoje zrozumienie procesu implementacji Twoich projektów w przeglądarce, nauka TailwindCSS jest genialnym ruchem. Dołączając do sprintu, zrozumiesz zasady obecne w CSS, które w wielu aspektach pokrywają się z tymi, które znasz np. z Figmy. Zdobycie tej wiedzy ułatwi Ci projektowanie oraz współpracę z programistami i programistkami.
Nie jest wymagana wcześniejsza wiedza na temat TailwindCSS, ale zrozumienie HTML i CSS będzie bardzo pomocne w przyswajaniu materiału.
Tydzień 1 Podstawy
Wprowadzenie i wymagania wstępne
Konfiguracja środowiska i preflight
Typografia i sizing
Margines i padding
Border i outline
Flexbox i grid
Modyfikatory
Responsywny design
Odstępy i podziały między elementami
Proporcje obrazów
Zaznaczanie całego tekstu i line height
Domyślne cienie
Gradient i opacity
Formularze, focus i accent
Rozwiązanie zadań z sekcji 1
Tydzień 2 Perełki w TailwindCSS
Layouty w TailwindCSS
Full screen layout
Procentowa szerokość
Poprawiona czytelność
Max width, portrait i landscape
Transforms i transitions
Duration
Timing functions
Delay
Zaawansowane modyfikatory
Odd, even, first, last i only
Empty state i open state
Stany formularza
Style bazujące na parent, sibling i child
Before i after
Customowe wartości
Zmienne css jako wartości
Customowe properties i variants
Rozwiązanie zadań z sekcji 2
Tydzień 3 Konfiguracja i Wtyczki
Dodawanie customowych styli w TailwindCSS
Zrozumienie warstw i @apply
Funkcje screen i theme
Dodawanie customowego css do konfiguracji
Rozszerzenie Theme
Extend i Exchange
Customowe czcionki
Customowe breakpointy
Customowa paleta kolorów
Pluginy i ich aktywowanie/deaktywowanie
Extend preflight
Pisanie swoich pluginów
Używanie oficjalnych pluginów
Kreatywność w TailwindCSS
Image overlays
Masonry layout
Filtry i efekty
Animacje
Rozwiązanie zadań z tygodnia 3
Sesja wprowadzająca
W trakcie sesji zapoznasz się ze mną i uczestnikami kohorty. Poznasz podstawowe założenia, dostaniesz kilka porad, jak dobrze wykorzystać ten wspólny czas i zbudujesz odpowiednie nastawienie do wspólnej pracy.
Wspólne rozwiązywanie zadań + Sesja Q&A #1
W trakcie warsztatów wspólnie popracujemy nad zadaniami domowymi z pierwszego tygodnia. A także odpowiem na wszystkie pytania, które się pojawią. Wszystko po to, abyś przy minimalnym wysiłku i w jak najszybszym czasie zauważył efekty swoich działań.
Wspólne rozwiązywanie zadań + Sesja Q&A #2
W trakcie warsztatów wspólnie popracujemy nad zadaniami domowymi z drugiego tygodnia. A także odpowiem na wszystkie pytania, które się pojawią. Wszystko po to, abyś przy minimalnym wysiłku i w jak najszybszym czasie zauważył efekty swoich działań.
Spotkanie bonusowe: Projekt strony do Twojego Portfolio
Dedykowane spotkanie na temat stworzenia strony do portfolio przy użyciu TailwindCSS. Podczas spotkania omówimy niezbędne aspekty techniczne i przedstawię Ci gotową strategię działania.
Różne warianty dostępu do Sprintu 🔓
Możesz wziąć udział w Sprincie na dwa różne sposoby - kupując bezterminowy dostęp, albo w ramach istniejącego abonamentu. W przypadku istniejącego abonamentu, możesz wziąć udział w jednym Sprincie w miesiącu. Dostęp odbierzesz zarówno na stronie Sprintu jak i w ramach Skrzyni Skarbów. Poniżej znajdziesz natomiast krótkie porównanie:
Pojedynczy zakup
Abonament
Dostęp do materiałów Sprintu
bezterminowy
dopóki płacisz abonament
Kanały społeczności
tylko Sprintu i specjalizacji
wszystkie
Czas dostępu do społeczności
na miesiąc
dopóki płacisz abonament
Dostęp do całego eduweb
❌
✅
W grudniu 2020 roku zdobyłem swoją pierwszą pracę jako programista frontend dla jednego z największych Niemieckich koncernów. Dzisiaj pracuję zawodowo jako programista. Dzielę się wiedzą i doświadczeniem na kanale YouTube. www.youtube.com/c/DanielNoworyta