-40% PRZY ZAKUPACH OD 99 ZŁ       |      DO KOŃCA
0 d 00 h 00 m 00 s
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

19780 użytkowników podnosi swoje kwalifikacje w tej ścieżce kariery.

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

Najczęściej kupowane w pakiecie
Oszczędź 40% z kodem: ZR40SK

Nie wiesz od czego zacząć naukę?

Chętnie pomożemy! Odpowiedz na pytania przygotowane przez naszych specjalistów, a my dopasujemy ścieżkę rozwoju do Twoich preferencji.

Rozpocznij teraz
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

43482 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 2261 wszystkich opinii.

5 4.8 90
4.8
86%
13%
1%
0%
0%
Recenzje użytkowników (90)
PROFIL PUBLICZNY
Potwierdzona transakcja
5.0
5
Kurs jest czytelnym wprowadzeniem w tematykę flex oraz grid, jako technologii wykorzystywanych w responsywnych projektach. Warto skorzystać. Wiedza poparta kilkoma przykładami praktycznymi.
PROFIL PUBLICZNY
Potwierdzona transakcja
5.0
5
Przyjemny kurs
PROFIL PUBLICZNY
Potwierdzona transakcja
5.0
5
Polecam
PROFIL PUBLICZNY
Potwierdzona transakcja
5.0
5
Dużo potrzebnej praktyki zawarte w kursie.
PROFIL PUBLICZNY
Potwierdzona transakcja
5.0
5
Przydatny dla frontend developerów, którzy nie mieli okazji pracować z fexboksem i gridem.
Najczęściej zadawane pytania
minus plus
Jak wygląda uczestnictwo w kursie online?

Kursy online w strefakursów.pl to wideoporadniki przygotowane przez zespół naszych specjalistów. Twoje uczestnictwo w szkoleniu polega na tym, że otrzymujesz dostęp do wykładów wideo oraz innych materiałów szkoleniowych za pośrednictwem platformy szkoleniowej zaraz po zalogowaniu się na swoje konto. 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ść Twoje 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 w nauce 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 szkolenia i jaką ma on formę?

Do każdego ukończonego przez Ciebie szkolenia wystawiamy imienny certyfikat. Warunkiem jego otrzymania jest zaliczenie testów dołączonych do kursu. Na certyfikacie znajduje się Twoje imię oraz nazwisko, nazwa ukończonego kursu, data wystawienia i nazwa instytucji certyfikującej. Warto podkreślić, że jesteśmy wpisani do Rejestru Instytucji Szkoleniowych (nr wpisu 2.12/00119/2017).

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.

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

Tak, do każdego zamówienia mamy obowiązek wystawić fakturę VAT (23%) lub paragon. Rodzaj dokumentu zależy od danych, które podasz w formularzu podczas składania zamówienia. Faktury zwykle wystawiamy do 3 dni roboczych od momentu zaksięgowania wpłaty. Poinformujemy Cię o tym fakcie mailowo, a dokument będzie można pobrać bezpośrednio z poziomu zakładki Historia zamówień na Twoim koncie w strefakursów.pl. Jeśli potrzebujesz dokumentu Proforma lub faktury odroczonej, złóż zamówienie, a w uwagach do zamówienia dodaj komentarz “Proforma” lub "Faktura z odroczonym terminem płatności", lub skontaktuj się z nami telefonicznie bądź mailowo (biuro@strefakursow.pl).

minus plus
Czy dostęp do szkolenia jest ograniczony czasowo?

Po opłaceniu zamówienia otrzymujesz nielimitowany dostęp do zakupionych materiałów. Dzięki temu, że szkolenia są dla Ciebie dostępne zarówno online za pośrednictwem naszej platformy szkoleniowej i offline w aplikacji mobilnej strefakursów.pl, możesz w dowolnym czasie i miejscu powracać do obejrzanych lekcji i powtarzać materiał bez ograniczeń. Dodatkowo po ukończeniu całego szkolenia otrzymasz imienny certyfikat poświadczający Twój udział w szkoleniu. Certyfikat możesz opublikować np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV.

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

Rozpocznij naukę teraz za darmo, zapłać w ciągu 30 dni z logo twisto lub logo paypoJak to działa?

89

za ten zakup otrzymasz zwrot o wartości 8.90 zł

Kup teraz za 53,40 zł z kodem: ZR40SK Pozostało:

(przy zakupach za minimum 99 zł)

for-teamsOferta dla firm i zespołów
To szkolenie obejmuje:
unlimited accessNielimitowany dostęp
clock 5 godzin szkolenia
videos 28 wykładów
test questions 21 pytań testowych
languageNapisy dostępne w językach:
polski, angielski, ukraiński
mobile accessDostęp w aplikacji mobilnej
certificateCertyfikat ukończenia
tests questionsTesty i zadania
linkedin recommendationRekomendacje na LinkedIn
level Poziom: Podstawowy
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!
754 wykładów
19780 uczestników
Dowiedz się więcej
Ścieżka kariery - Web Designer
Uczestnicy kursu kupili również:
Twisto

Odbierz 20% rabatu na pierwsze zamówienie

newsletter signup image
Nasz newsletter obserwuje już 99450 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 :(

Google Recaptcha 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