51 lekcji
7h 25min
Strony WWW z CSS3 - Nowe Standardy
Praca na praktycznych przykładach
Pracując z kursem, zdobytą wiedzę będziemy wykorzystywać na praktycznym przykładzie kompletnej strony WWW. Najpierw, na prostych przykładach poznasz mechanizmy działania i funkcje CSS3, następnie wykorzystamy te wiedzę na praktycznym przykładzie. Poniżej możesz sprawdzić, jak wygląda strona, z którą będziemy pracować w kursie**Ponieważ część wykorzystanych technik CSS3 jest eksperymentalna, prosimy o przeglądanie strony z pomocą najnowszej wersji Firefox lub Chrome.
Co jeszcze znajdziesz w kursie CSS3?
Pierwsza część kursu zawiera informacje o mniej spektakularnych, ale niezwykle użytecznych narzędziach CSS3, takich jak nowe Selektory czy praca z tekstem. W większości są to właściwości, które już teraz możesz wykorzystać przy tworzeniu nowoczesnych stron WWW i będą pomocne w zoptymalizowaniu elementów graficznych i przyspieszeniu czasu ładowania Twoich witryn. W drugiej części zajmiemy się fantastycznymi nowościami jak Transformacje (oraz 3D), Animacja, Flexible Box Model czy Media Queries.
Animacja w CSS3
Transformacje i Przejścia
Jedną z najciekawszych możliwości CSS3 jest tworzenie transformacji takich jak rotowanie obiektów, przekrzywianie czy skalowanie. W połączeniu z animacją daje to ogromne możliwości a dodatkową zaletą jest krótki czas ładowania. W kursie przyjrzymy się także eksperymentalnym translacjom 3D, które w przyszłości wyznaczą nowy kierunek w efektach wizualnych w sieci.
Tworzenie grafiki i Efekty
W CSS3 możesz generować grafikę strukturalnie - z pomocą kodu, począwszy od prostych gradientów aż po złożone kształty i wzorki. Zalety takiego rozwiązania to między innymi skalowalność oraz zdecydowanie mniejszy rozmiar, ale również elastyczność w stosunku do wykorzystania obrazków i mniejsza ilość zapytań do serwera. W kursie przyjrzymy się także pomocnym generatorom grafiki a nawet pokażę Ci, jak wyeksportować CSS3 z Photoshopa. Dowiesz się również jak tworzyć efekty takie jak zaokrąglone narożniki, cień dla tekstu i wiele więcej!
Strony WWW na wszystkie urządzenia
Typografia i Web Fonty
Obszerny rozdział w Kursie poświęciliśmy na omówienie kreatywnych zastosowań typografii na stronach WWW. Dowiesz się, jak wykorzystać własne fonty na stronie tak, aby każdy użytkownik mógł je zobaczyć. Wykorzystamy do tego celu kilka rozwiązań jak @font-face czy Google Web Fonts. Poza tym omówimy efekty na tekście jak również sposoby na pracę z układem wielokolumnowym. Następnie wszystkie poznane techniki wykorzystamy na naszej kursowej witrynie.
Podsumowując, kurs zawiera między innymi:
- Kompletny projekt strony WWW naszpikowanej efektami CSS3
- Status CSS3 i implementacja w przeglądarkach
- Nowe Selektory oraz inne przydatne właściwości
- Tworzenie efektów wyłącznie z pomocą kodu CSS
- Generowanie grafiki oraz gradientów
- Transformacje obiektów oraz animacje z Transitions
- Model animacji z klatkami kluczowymi
- Masa przydatnych narzędzi i generatorów
- Zastosowania typograficzne i praca z tekstem
- Elastyczne strony WWW dla wielu urządzeń z CSS3
- I wiele, wiele więcej!
Dla kogo jest ten kurs?
Kurs CSS3 w Praktyce przeznaczony jest dla osób, które mają już opanowane podstawy CSS oraz HTML. Osobom początkującym polecamy zapoznanie się w pierwszej kolejności z kursem HTML i CSS - Podstawy. W kursie sk"http://www.eduweb.pl/kursy/xhtmlcss/xhtml-css-praktyka.html" target="blank">HTML i CSS w Praktyce oraz Kurs HTML5. Po przerobieniu kursu polecamy natomiast zapoznać się z materiałem dotyczącym pracy z Media Queries i innymi technikami Resp"http://www.eduweb.pl/kursy/html/elastyczne-strony-www.html" target="blank">Kursie Elastyczne Strony WWW.
Czego się nauczysz?
-
Kompletny projekt strony WWW naszpikowanej efektami CSS3
-
Tworzenie efektów wylacznie z pomoca kodu CSS
-
Generowanie grafiki oraz gradientów
-
Transformacje obiektów oraz animacje z Transitions
-
Zastosowania typograficzne i praca z tekstem
-
Elastyczne strony WWW dla wielu urzadzen z CSS3
Zawartość
Strony WWW z CSS3
15 rozdziały 51 lekcji 7h 25min
-
Wstęp do kursu
7min
-
Wstęp do CSS3
13min
Możliwości CSS
6min
Krótko o historii CSS
7min
-
Niezbędne narzędzia
40min
Wsparcie w przeglądarkach
7min
Przydatne narzędzia
9min
Przycisk w CSS i prefiksy
12min
Biblioteki eCSStender i Modernizr
12min
-
Kolejne etapy pracy
28min
Systematyka dalszej części kursu
5min
Struktura HTML5 strony
19min
Pliki projektów
4min
-
Selektory w CSS
51min
Selektory potomka i rodzeństwa
9min
Pseudoklasy - wprowadzenie
6min
Pseudoklasy w CSS3
5min
Pseudoklasy NTH
9min
Praktyczne wykorzystanie pseudoklas
11min
Pseudoklasy w elementach UI
3min
Selektory atrybutów
9min
-
Typografia na stronie WWW
43min
Reguła @font-face
12min
Google Web Fonts
7min
Tekst w wielu kolumnach
6min
Cień dla tekstu
9min
Efekty na tekście
9min
-
Praca z kolorami
24min
Kolory w CSS3
9min
Gradienty w CSS3
11min
Kolory i Photoshop
4min
-
Kontenery i tło
48min
Zaokrąglanie narożników
12min
Obrazek jako border
11min
Właściwości tła
9min
Wielokrotne tło
11min
Przycinanie tekstu
5min
-
Elastyczny model pudełkowy
30min
Zmiana rozmiaru kontenerów
6min
Elastyczny model pudełkowy
9min
Flex Box w praktyce
7min
-
Transformacje elementów
23min
Transformacje w CSS3
10min
Praktyczne zastosowania
13min
-
Tranzycje w CSS3
39min
Przejścia w CSS3
7min
Przejścia w praktyce
10min
Zdjęcia z Polaroid
13min
Transformacje 3D
9min
-
Animacja w CSS3
47min
Wprowadzenie do animacji
10min
Easing i narzędzia
9min
Animacja po ścieżce
8min
Inne animacje
14min
-
Responsive Web Design
42min
Wprowadzenie do Media Queries
2min
Zastosowania Media Queries
15min
Media Queries na stronie cz. I
9min
Media Queries na stronie cz. II
18min
-
Dodatki
8min
Obsługa jQuery
8min
-
Zakończenie
1min
Zakończenie
1min
Autor kursu
Kurs Strony WWW z CSS3
-
51 lekcji wideo
-
7h 25min materiału
-
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
Zadzwoń +48 880880606
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 Strony WWW z CSS3
-
51 lekcji wideo
-
7h 25min materiału
-
Certyfikat w ramach ścieżek
-
Dostęp z urządzeń mobilnych
Kursy które mogą Cię również zainteresować
Nowości w NextJS13
Daniel Noworyta
Tailwind CSS
Daniel Noworyta
NestJS od Podstaw
Adam Gospodarczyk
Szeroka Perspektywa Full-Stack Web Developmentu
Adam Gospodarczyk
Narzędzia JavaScript Full-Stack Web Developera
Adam Gospodarczyk