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 (293)
- Liczba uczestników: 8.915
- 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
- Hiszpański · Angielski · Portugalski · Niemiecki · Francuski · Włoski · Polski · Holenderski
- 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
Kursy Domestika oferują lekcje online, dzięki którym poznasz różne ciekawe i kreatywne narzędzia oraz zdobędziesz umiejętności do wykonania własnego projektu. Lekcje zawierają treści wideo i pisane, a także inne dodatkowe materiały dydaktyczne, które umożliwią Ci realizację Twojego projektu krok po kroku. Podczas kursu istnieje również możliwość podzielenia się całym procesem tworzenia z innymi uczestnikami i prowadzącym, czyli osobami, które tworzą społeczność kursu.
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.
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.
Możesz wymienić podarunek na kurs wchodząc na strona wymiany, gdzie wprowadzisz otrzymany kod prezentowy.
pigimon324
Es un curso muy ameno y aprendes poco a poco, lo recomiendo
Zobacz tłumaczenie
Ukryj tłumaczenie
marinaobradosan
Plusme parece muy buen curso!
Zobacz tłumaczenie
Ukryj tłumaczenie
castelldraco
Great course! Actually, all of Javier Usobiaga's courses are good.
Zobacz tłumaczenie
Ukryj tłumaczenie
luiselc16
Le hizo falta especificar muchas cosas como el tamaño de las imágenes. Debe vocalizar mejor porque muchas palabras nk se entienden, y "etc" nunca lo deberia decir un profesor porque denota pereza y menos a alumnos que no saben a que se refieren con eso. Y mejorar la explicación de su código porque al tener muchas clases se hace engorroso porque cada desarrollador lo hace diferente. De resto muy bien
Zobacz tłumaczenie
Ukryj tłumaczenie
lucerodav
Interesante curso me ayudó para mi curso de programación,
Zobacz tłumaczenie
Ukryj tłumaczenie