Układ stron internetowych z wykorzystaniem CSS Grid, Flexbox i innych nowoczesnych technik
Kurs prowadzi Javier Usobiaga Ferrer , projektant stron internetowych
Odkryj nowe siatki i inne sposoby projektowania stron internetowych za pomocą CSS Shapes, zmiennych i efektów parallax
Sieć żyje w ciągłych zmianach, a wraz z pojawieniem się CSS Grid i Flexbox zasady gry ponownie się zmieniły. Javier Usobiaga – web designer, FrontEnd developer i współzałożyciel studia Swwweet – ma 13 lat doświadczenia w tworzeniu różnorodnych projektów dla klientów takich jak Barcelona City Council, a swoim bogatym doświadczeniem zaprasza do odkrywania najnowocześniejszych technik i narzędzi które rewolucjonizują sektor.
Jeśli w trakcie Wprowadzenie do Responsive Web Development z HTML i CSS , zacząłeś już w świecie responsywnej sieci, w tym poznasz różne zaawansowane techniki z narzędziami takimi jak CSS Grid, Flexbox, CSS Shapes, jednostki widoku, zmienne CSS, przekształcenia 3D czy paralaksy efekty .
Czego nauczysz się na tym kursie online?
liczba lekcji: 25 & liczba dodatkowych zasobów: 16
- 99% pozytywnych ocen (298)
- Liczba uczestników: 9.119
- 25 lekcji (2 h 16 min)
- Dodatkowe zasoby: 16 (liczba plików: 14)
- Online i we własnym tempie
- Dostępne w aplikacji
- Audio: Hiszpański, Angielski, Francuski, Włoski, Portugalski, Türkçe
- Hiszpański · Angielski · Portugalski · Niemiecki · Francuski · Włoski · Polski · Holenderski · Türkçe · Romanian · Indonesian
- Poziom: Zaawansowany
- Dostęp nielimitowany na zawsze
Jaki jest projekt kursu?
Wykonasz darmowe ćwiczenie z jedną lub więcej poznanymi technikami. Javier zrobi stronę informacyjną o podboju bieguna południowego, możesz wybrać motyw i projekt, który chcesz.
Projekty uczestników kursu
Do kogo jest skierowany ten kurs online?
Każdy, kto interesuje się nowoczesnym projektowaniem i layoutu z CSS Grid, Flexbox i innymi nowoczesnymi technikami.
Wymagania i materiały
Aby wziąć udział w kursie niezbędna jest solidna znajomość HTML i CSS, komputer i edytor kodu.
Oceny
Javier Usobiaga Ferrer
Kurs prowadzi Javier Usobiaga Ferrer
Javier Usobiaga jest projektantem stron internetowych i FrontEnd developerem, od ponad 10 lat i współzałożycielem wraz z Martą Armadą studia Swwweet, specjalizującego się w projektowaniu responsywnych stron internetowych od wstępnej koncepcji do front-end developmentu.
Lubi również swoją rolę nauczyciela projektowania stron internetowych w renomowanych warsztatach i szkołach, takich jak Elisava, IDEP.
Usobiaga rozumie sieć w całości, nie tylko to, jak piękna może być na ekranie komputera, ale także jej użyteczność w różnych urządzeniach i okolicznościach.
W jego słowach „Myślę, że równie ważne jak estetyka jest to, jak szybko się ładuje lub jak dobrze reaguje i wydaje mi się, że w naszej branży często o tym zapominamy”.
Zawartość
-
Cz.1
Wstęp
-
Prezentacja
-
Wpływy
-
-
Cz.2
Kształtowanie układu
-
Jednostki obserwacyjne
-
Obrazy z dopasowaniem do obiektu
-
Kolumny CSS
-
Kształty CSS
-
Zmienne w CSS
-
-
Cz.3
Układ w jednym wymiarze z flexbox
-
Wprowadzenie do flexboxa
-
Właściwości kontenera
-
Właściwości treści
-
Wyrównania w osi głównej i osi poprzecznej
-
Zaawansowane składy
-
Zaawansowane układy z flexbox
-
-
Cz.4
Układ w dwóch wymiarach z siatką CSS
-
Wprowadzenie do siatki CSS
-
Funkcje siatki
-
Dystrybucja i rozmiar
-
Automatyczna responsywna siatka
-
-
Cz.5
Zaawansowana siatka CSS
-
Obszary na siatce
-
Wyrównanie i porządek
-
Zagnieżdżanie
-
Grid (i flexbox) w praktyce
-
-
Cz.6
Trzeci wymiar: głębia i efekty przewijania
-
Wprowadzenie do transformacji 3D
-
Naprawiono nagłówki
-
Przewijaj zsynchronizowane animacje
-
Inspiracje i zasoby
-
-
PK
Projekt końcowy
-
Techniki układania stron internetowych
-
Kurs Domestika - czego możesz się spodziewać?
-
Nauka we własnym tempie
Radość z nauki w domu, bez wyznaczonych terminów. Szybko przyswajasz wiedzę, a swój plan zajęć układasz wedle uznania.
-
Nauka z najlepszymi ekspertami
Przydatne metody oraz ciekawe techniki przedstawione i wyjaśnione przez najlepszych specjalistów z branży kreatywnej.
-
Doświadczeni prowadzący
Wszyscy prowadzący są specjalistami w swojej dziedzinie. Przekazują wiedzę z pasją, tłumaczą zagadnienia w jasny sposób, a podczas zajęć kładą nacisk na praktyczne zastosowanie zdobytej wiedzy.
-
Certyfikaty
PlusJeśli posiadasz subskrypcję Plus, otrzymasz spersonalizowany certyfikat ukończenia kursu podpisany przez instruktora. Możesz go dołączyć do swojego portfolio lub udostępnić w sieciach społecznościowyc
-
Miejsca w pierwszym rzędzie
Wysoka jakość wideo sprawia, że nie umknie Ci żaden szczegół. Dzięki nieograniczonemu dostępowi możesz obejrzeć nagrania tyle razy, ile potrzebujesz, aby przyswoić nowe umiejętności.
-
Dzielenie się wiedzą i pomysłami
Zadawaj pytania, nie wahaj się poprosić o opinię czy poszukać rozwiązania. Podziel się swoimi wrażeniami z nauki z pozostałymi członkami społeczności, którzy tak jak Ty uwielbiają tworzyć.
-
Łączność z kreatywną społecznością z całego świata
Społeczność kilku milionów użytkowników z całego świata, pełnych ciekawości oraz chęci odkrywania i wyrażania swojej kreatywności.
-
Profesjonalna realizacja kursów
Domestika starannie dobiera prowadzących i produkuje wszystkie kursy we własnym zakresie, aby zapewnić wysoką jakość nauki online.
Często zadawane pytania
Co oferują kursy online na platformie Domestika?
Kursy Domestika to zajęcia online, które pozwalają nauczyć się nowych umiejętności i tworzyć niesamowite projekty. Wszystkie nasze kursy oferują możliwość dzielenia się pracą z innymi studentami i/lub nauczycielami, tworząc aktywną społeczność uczącą się. Oferujemy różne formaty:
Kursy Oryginalne: Kompletne zajęcia łączące filmy, teksty i materiały edukacyjne do realizacji konkretnego projektu od początku do końca.
Kursy Basics: Specjalistyczne szkolenia, gdzie opanowujesz określone narzędzia software krok po kroku.
Kursy Specjalizacyjne: Ścieżki nauki z wieloma ekspertami-nauczycielami na ten sam temat, idealne do zostania specjalistą poprzez naukę z różnych podejść.
Kursy Prowadzone: Praktyczne doświadczenia idealne do bezpośredniego nabycia konkretnych umiejętności.
Kursy intensywne (Deep Dives): Nowe procesy twórcze oparte na narzędziach sztucznej inteligencji w przystępnej formie, umożliwiającej dogłębne i dynamiczne zrozumienie.
Jakie są terminy kursów?
Wszystkie kursy są realizowane wyłącznie online - po ich opublikowaniu na platformie Domestika to Ty wyznaczasz termin rozpoczęcia i ukończenia kursu zgodnie z własnym tempem nauki. Lekcję, która najbardziej Cię interesuje, możesz obejrzeć kilka razy, lub przeskoczyć tę, która jest dla Ciebie oczywista. Oprócz tego masz możliwość zadawania pytań, otrzymywania dodatkowych wyjaśnień, dzielenia się Twoimi projektami i wiele więcej.
Co zawierają kursy online platformy Domestika?
Wszystkie kursy podzielone są na części, które zawierają lekcje wideo, teksty wyjaśniające, zadania i ćwiczenia do realizacji projektu krok po kroku, a oprócz tego dodatkowe materiały i dokumenty. Otrzymasz również dostęp do prywatnego forum, gdzie możesz wymieniać poglądy z innymi uczestnikami kursu i prowadzącym, a także dzielić się swoimi pracami i projektem. W ten sposób staniesz się częścią wyjątkowej społeczności kursu.
Otrzymałeś kurs w prezencie?
Możesz wymienić podarunek na kurs wchodząc na strona wymiany, gdzie wprowadzisz otrzymany kod prezentowy.
Cours très instructif, agréable, très complet
Es un curso muy bueno
Um curso prático e direto, com ênfase em um entendimento passo a passo.
buen curso, util y bueno para la finalizacion
good course