Pomoc i kontakt
Koszyk
Twój koszyk jest pusty. Wypełnij go wiedzą i zdobądź nowe umiejętności!
Nie wiesz od czego zacząć?
Zobacz nowości
Zaloguj się
strefakursów.pl Programowanie

Flexbox & Grid - responsywne layouty od podstaw:Trailer

Naucz się wykorzystywać Flexbox i Grid do tworzenia responsywnych layoutów. Spraw, by Twoje strony wyświetlały się poprawnie na wszystkich urządzeniach.

Flexbox & Grid - responsywne layouty od podstaw:Jak zdefiniować kontener flex

Naucz się wykorzystywać Flexbox i Grid do tworzenia responsywnych layoutów. Spraw, by Twoje strony wyświetlały się poprawnie na wszystkich urządzeniach.

Flexbox & Grid - responsywne layouty od podstaw:Wyrównywanie elementów siatki w pionie

Naucz się wykorzystywać Flexbox i Grid do tworzenia responsywnych layoutów. Spraw, by Twoje strony wyświetlały się poprawnie na wszystkich urządzeniach.
DARMOWE FRAGMENTY

Ten kurs jest częścią ścieżki:

Web Designer

user-image user-image user-image user-image
Wiedzę z tej ścieżki zdobywa już 21508 kursantów

Opinie użytkowników

Paweł Zarębski
5.0
Kurs Flexbox i Grid polecam osobom które opanowały język znaczników HTML oraz kaskadowe arkusze styli CSS. Autor kursu przestawia ciekawie te dwie techniki dzięki którym łatwo można panować nad układem strony. Polecam.
Dawid Kopicki
5.0
Dla kogoś kto chce być na bieżąco z aktualnymi rozwiązaniami dotyczącymi RWD kurs jest idealnym rozwiązaniem. Dzięki niemu na praktycznych przykładach nauczysz się tworzyć strony w oparciu o Flexbox oraz CSS Grid - poznasz różnice między nimi oraz dowiesz się, jak oraz… Czytaj więcej

Zobacz wszystkie

Czego się nauczysz:

  • tworzenia layoutów dopasowanych do wielu urządzeń i przeglądarek

  • definiowania kontenerów w flexbox i grid

  • tworzenia responsywnych artykułów, formularzy i galerii zdjęć

  • wyrównywania elementów w pionie i poziomie

  • pozycjonowania elementów layoutu

  • dobrych praktyk pracy z HTML i CSS

  • pracy z layoutami wielokolumnowymi

  • poprawnego zawijania tekstu

Flexbox czy grid?

Rozmieszczanie elementów

Responsywne layouty

Co jeszcze powinieneś wiedzieć?

ZOBACZ WIĘCEJ

Oszczędź kupując w pakiecie
-50% na tańszy kurs

Program nauczania
1 Szybkie wprowadzenie:
Wstęp 01m 03s
Jak korzystać z plików 02m 27s
Omówienie technologii flexbox 04m 10s
Omówienie technologii grid 03m 47s
2 Praktyczne podstawy flexbox
Jak zdefiniować kontener flex Podgląd 16m 18s
Zmiana kierunku 14m 41s
Zawijanie wierszy ze zmianą kierunku 12m 04s
Wyrównywanie elementów w pionie 13m 48s
Ustawianie kolejności oraz wymiarów 16m 52s
3 Praktyczne podstawy grid
Jak zdefiniować kontener grid 12m 39s
Jak określić własne linie siatki 14m 38s
Modyfikowanie szablonów siatki 15m 54s
Wyrównywanie elementów siatki w pionie Podgląd 11m 06s
Definiowanie szablonów zaawansowanych 15m 35s
4 Zaawansowane projekty flexbox
Projekt Artykuły - struktura html 12m 24s
Projekt Artykuły - style css 10m 44s
Projekt Formularz - struktura html 17m 07s
Projekt Formularz - style css 09m 58s
5 Zaawansowane projekty grid
Definiowanie stylów siatki poprzez funkcję repeat 13m 34s
Galeria grafiki 2D 17m 54s
Galeria z wykorzystaniem jednostek fr cz.1 13m 06s
Galeria z wykorzystaniem jednostek fr cz.2 11m 56s
6 Łączenie technologii flex i grid
Wykorzystanie parametrów column-count oraz column-gap 09m 28s
Wykorzystanie align-items oraz justify-content 13m 42s
Responsywny formularz z wykorzystaniem różnych parametrów siatki 09m 35s
Galeria z wykorzystaniem flex oraz flex-direction 10m 41s
Galeria oparta o różne parametry siatki 08m 58s
Zakończenie 01m 07s
Ocena uczestników
user-image user-image user-image user-image user-image user-image

59815 użytkowników oceniło i zrecenzowało szkolenia strefakursów.pl

Google logo

Średnia ocena uczestników w niezależnym serwisie Google to 4.9/5 ⭐⭐⭐⭐⭐ z 3116 wszystkich opinii.

5 4.8 108
4.8
83%
13%
2%
1%
1%
Recenzje użytkowników (108)
PROFIL PUBLICZNY
Potwierdzona transakcja
5.0
5
Flexbox and Grid to kurs, który pomoże opanować jedne z najpotężniejszych narzędzi do tworzenia responsywnych i elastycznych układów w CSS. Kurs szczegółowo tłumaczy, jak wykorzystać Flexbox i CSS Grid do budowania nowoczesnych layoutów, które będą działać na różnych… Czytaj więcej
PROFIL PUBLICZNY
Potwierdzona transakcja
5.0
5
Polecam
PROFIL PUBLICZNY
Potwierdzona transakcja
5.0
5
Podstawy
PROFIL PUBLICZNY
Potwierdzona transakcja
5.0
5
Super kurs dla osób które chcą poznać Flexbox i Grid od podstaw.
PROFIL PUBLICZNY
Potwierdzona transakcja
5.0
5
Bardzo pomocny kurs. Ugruntował moją wiedzę z tego zakresu. Polecam!!!
Najczęściej zadawane pytania
minus plus
Jak wygląda uczestnictwo w kursie online?

Kursy online w strefakursów.pl to kompletne pakiety materiałów wideo przygotowane przez zespół naszych specjalistów. Po zakupie otrzymujesz natychmiastowy dostęp do wszystkich lekcji, testów i materiałów dodatkowych na swoim koncie - możesz zacząć się uczyć od razu, bez czekania. Konto jest bezpłatne i możesz założyć je w dowolnym momencie lub w trakcie dokonywania pierwszego zakupu w serwisie strefakursów.pl. Materiały, do których otrzymasz dostęp, pozwolą Ci rozwinąć się zawodowo i podnieść swoje kwalifikacje. Każdy kurs przepełniony jest praktyczną wiedzą, która ułatwi Ci osiągnięcie wymarzonych życiowych celów. Zdobytą wiedzę i postępy możesz w łatwy sposób zweryfikować za pomocą licznych testów i ćwiczeń dołączonych do każdego kursu.

minus plus
Czy otrzymam certyfikat ukończenia kursu?

Do każdego ukończonego przez Ciebie kursu wystawiamy imienny certyfikat w formacie PDF - będzie on dostępny na Twoim koncie w zakładce Certyfikaty. Warunkiem jego otrzymania jest zaliczenie testów dołączonych do kursu oraz obejrzenie wszystkich lekcji. Na certyfikacie znajduje się Twoje imię oraz nazwisko, nazwa ukończonego kursu, data wystawienia i unikalny numer certyfikatu. Certyfikat możesz wydrukować lub opublikować w Internecie za pośrednictwem specjalnego odnośnika np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV. Pamiętaj, że certyfikatów nie wysyłamy w formie papierowej.

minus plus
Czy otrzymam fakturę VAT za zamówienie?

Tak, do każdego zamówienia wystawiamy fakturę VAT (23%) lub paragon - w zależności od danych podanych przy zakupie. Pobierzesz ją z zakładki Historia zamówień na swoim koncie. Powiadomimy Cię mailowo, gdy dokument będzie gotowy.
Potrzebujesz proformy? Zaznacz pole "Chcę otrzymać dokument proforma" przy składaniu zamówienia lub napisz: biuro@strefakursow.pl


Zakup w aplikacji mobilnej? Jeśli kupujesz przez App Store lub Google Play, sprzedawcą jest odpowiednio Apple lub Google. Fakturę otrzymasz od nich zgodnie z ich zasadami:



Możesz również pobrać dokument przez stronę Apple. Przejdź pod ten adres: https://reportaproblem.apple.com/, następnie zaloguj się swoim Apple ID, znajdź zakup na liście i kliknij, aby zobaczyć szczegóły i ewentualnie pobrać dokument. Apple zwykle wystawia fakturę jako dostawca usług cyfrowych. Jeśli potrzebujesz faktury VAT, możesz skontaktować się z pomocą techniczną Apple, aby uzyskać dodatkowe informacje na temat zgodności faktury z przepisami w Twoim kraju.

Zakup w Google Play(Android)

Gdy dokonujesz zakupu w aplikacji strefakursów.pl na Android za pośrednictwem Google Pay sprzedawcą jest Google. Fakturę lub dokument zakupu znajdziesz zgodnie z poniższą instrukcją:

  • Otwórz aplikację Google Play.
  • Kliknij ikonę swojego profilu w prawym górnym rogu.
  • Wybierz Płatności i subskrypcje > Historia zakupów.
  • Znajdź interesujący Cię zakup i kliknij na niego, aby zobaczyć szczegóły. Jeśli chcesz pobrać fakturę, kliknij przycisk Faktura (jeśli jest dostępny).

  • Możesz również znaleźć fakturę na stronie Google Pay. Przejdź pod ten adres: pay.google.com i zaloguj się na swoje konto Google, z którego dokonano zakupu. W sekcji Aktywność znajdziesz wszystkie transakcje dokonane w Google Play. Kliknij daną transakcję, aby zobaczyć szczegóły i pobrać fakturę.

minus plus
Ile mam czasu na przerobienie materiałów?

Tyle, ile potrzebujesz! Uczysz się we własnym tempie - bez presji i bez abonamentu. Płacisz raz i zachowujesz dostęp do zakupionego kursu na swoim koncie bez z góry określonej daty końcowej. Przez pierwsze 12 miesięcy od zakupu dbamy o aktualność materiałów i zapewniamy pełną dostępność testów oraz certyfikatu. Później kurs nadal pozostaje na Twoim koncie - wracasz do lekcji, kiedy masz ochotę. Szczegółowe zasady dostępu znajdziesz w regulaminie.

Flexbox & Grid - responsywne layouty od podstaw

Naucz się wykorzystywać Flexbox i Grid do tworzenia responsywnych layoutów. Spraw, by Twoje strony wyświetlały się poprawnie na wszystkich urządzeniach.
Kto pyta nie błądzi! Zobacz Najczęściej zadawane pytania

Zacznij naukę już dziś, zapłać wygodnie za 30 dni z Twisto lub PayPo.

tick 30 dniowa gwarancja zwrotu more-information
tick Bez subskrypcji - zachowujesz dostęp
119

Zyskujesz 11.90 zł w punktach na kolejne zakupy.
Team
Oferta
Rozwijaj zespół bez drogich szkoleń stacjonarnych
5 modeli dopasowanych do Twojej firmy. Wybierz swój.
Zobacz ofertę dla firm
To szkolenie obejmuje:
clock 5 godzin materiałów
unlimited-access Bezterminowy dostęp
certificate Imienny certyfikat PDF
video 28 lekcji wideo
level Poziom: Podstawowy
book Testy i zadania
test-questions 21 pytań testowych
linkedin Rekomendacje na LinkedIn
mobile-access Dostęp w aplikacji mobilnej
Ten kurs jest częścią ścieżki
4.8
Web Designer
Twórz atrakcyjne i funkcjonalne strony internetowe z użyciem nowoczesnych technik. Opanuj kluczowe podstawy, niezbędne narzędzia i zacznij tworzyć wspaniałe strony!
675 wykładów
21508 uczestników
Dowiedz się więcej
Ścieżka kariery - Web Designer
Uczestnicy kursu kupili również:
Twisto

Odbierz 10% rabatu na pierwsze zamówienie

newsletter signup image
Nasz newsletter obserwuje już 109169 osób!
Dlaczego warto?
Będziesz regularnie otrzymywał atrakcyjne rabaty
Nie przegapisz żadnej z naszych promocji
Będziesz informowany o aktualnych konkursach
Nie wysyłamy spamu
E-mail jest niepoprawny.
Nie chcę otrzymać zniżki.
shield-error

Ups! Coś poszło nie tak :(

Captcha uznał, że jesteś botem i zablokował Twoją ostatnią akcję. Spróbuj ponownie. W razie problemów skontaktuj się z nami.

ZAMKNIJ I SPRÓBUJ PONOWNIE