✅ Nowoczesny system szkoleniowy dla firm i zespołów! Zobacz ofertę

Zastanawiasz się jak zwiększyć motywację i zaangażowanie w swoim zespole? Poznaj nasz nowoczesny system szkoleniowy dla firm i zespołów. Dzięki skutecznemu systemowi motywacji aż 80% użytkowników kończy szkolenie! Twórz programy nauczania dopasowane nie tylko do specyfiki Twojej działalności, ale przede wszystkim do potrzeb działu, stanowiska czy konkretnego pracownika. Wybierz pakiet

✅ Ucz się o dowolnej porze i oglądaj szkolenia bez dostępu do Internetu w aplikacji mobilnej

Pobierz naszą aplikację mobilną strefakursów.pl i ucz się bez żadnych ograniczeń. Pobieraj kursy i lekcje na swoje urządzenie i oglądaj nawet bez dostępu do Internetu. Dla nowych użytkowników aplikacji mamy niespodziankę! Aby odebrać prezent musisz zezwolić aplikacji na wysyłanie powiadomień. Pobierz aplikację

Pomoc i kontakt

Koszyk

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

Mnogość przeglądarek i urządzeń z jakich korzystają dzisiaj użytkownicy sprawia, że budowa strony wyglądającej dobrze w każdej sytuacji jest zajęciem dość wymagającym, ale nie niemożliwym. Z pomocą przychodzą tutaj technologie takie jak flexbox i grid. Dzięki ich znajomości będziesz mógł znacznie prościej tworzyć elastyczne, responsywne i zawsze świetnie wyglądające layouty. W tym kursie dowiesz się jak wykorzystać ich możliwości, tak by Twoje strony były nowoczesne i wyglądały dobrze niezależnie od urządzenia i przeglądarki, na których będą wyświetlane.

Flexbox czy grid?

Zanim przejdziemy do bardziej praktycznych zadań i pracy z projektami, zapoznam Cię z podstawami pracy z flexbox i grid. Dowiesz się w czym te technologie są do siebie podobne, a czym się różnią. Zobaczysz kiedy lepszym wyborem będzie grid, a kiedy flexbox, a także przekonasz się, że zdarzają się przypadki, kiedy można obie te technologie łączyć. Zdobycie tej wiedzy pozwoli Ci wykorzystywać flexbox i grid w bardziej uniwersalny sposób.

Rozmieszczanie elementów

Duża liczba elementów na stronie bez odpowiedniego ich rozplanowania to gotowy przepis na katastrofę. Katastrofę w postaci kiepsko wyglądającej i nieużytecznej strony. W trakcie kursu pokażę Ci jak takich sytuacji unikać. Dowiesz się jak poprawnie definiować kontenery i zarządzać elementami. Nauczę Cię wyrównywania elementów w pionie i poziomie, ustalania ich kolejności oraz poprawnego zawijania tekstu. Dowiesz się też jak modyfikować szablony siatki czy tworzyć własne linie siatki. Nad naszym kodem będziemy pracować w cenionym przez web developerów i darmowym narzędziu Visual Studio Code.

Responsywne layouty

Większość wiedzy jaką zdobędziesz będzie się opierała głównie na pracy z praktycznymi projektami z wykorzystaniem zarówno na flexbox jak i grid. Bez problemu pozwoli Ci to zadbać o responsywność i poprawny layout w przypadku Twoich stron. W trakcie kursu wspólnie wykonamy projekty zawierające artykuł, formularz i galerie zdjęć. W przypadku wszystkich projektów przyjrzymy się dokładnie zarówno strukturze HTML jak i stylom CSS, tak abyś nie tylko wiedział jak z nimi pracować, ale też rozumiał wszelkie zależności między technologiami.

Co jeszcze powinieneś wiedzieć?

Aby komfortowo korzystać z tego kursu powinieneś posiadać podstawową wiedzę na temat tworzenia stron internetowych i wykorzystania technologii HTML i CSS. Jeżeli jeszcze nie zdobyłeś tej wiedzy, możesz to zrobić dzięki naszym szkoleniom.

ZOBACZ WIĘCEJ

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

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

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

86%

13%

Recenzje użytkowników (90)

Robert Sajdak

1 kwietnia 2024

5.0

Kurs jest czytelnym wprowadzeniem w tematykę flex oraz grid, jako technologii wykorzystywanych w responsywnych projektach. Warto skorzystać. Wiedza poparta kilkoma przykładami praktycznymi.

Mateusz Kunowski

2 marca 2024

5.0

Przyjemny kurs

Arkadiusz Solon

10 lutego 2024

5.0

Polecam

Jakub Waśkiewicz

1 stycznia 2024

5.0

Dużo potrzebnej praktyki zawarte w kursie.

Adam Piotrowski

24 listopada 2023

5.0

Przydatny dla frontend developerów, którzy nie mieli okazji pracować z fexboksem i gridem.

WIĘCEJ RECENZJI

Najczęściej zadawane pytania

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.

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.

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).

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.

Bartosz Szmit

Inżynier technologii internetowych

4.8

(90 ocen)

Flexbox & Grid - responsywne layouty od podstaw

Q: ✅ Dożywotni dostęp do szkolenia i możliwość powtarzania materiału w dowolnym miejscu i czasie.

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.

Q: ✅ Nie wiesz od czego zacząć naukę? Chętnie pomożemy!

W naszej ofercie znajdują się setki kursów online, jeśli nie wiesz od czego zacząć naukę zaufaj naszemu doświadczeniu. Odpowiedz na pytania przygotowane przez naszych specjalistów, a my dopasujemy ścieżkę rozwoju do Twoich preferencji. Rozpocznij teraz

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 lub – Jak to działa?

89zł

Oferta dla firm i zespołów

To szkolenie obejmuje:

Nielimitowany dostęp

5 godzin szkolenia

28 wykładów

21 pytań testowych

Napisy dostępne w językach:
polski, angielski, ukraiński

Dostęp w aplikacji mobilnej

Certyfikat ukończenia

Testy i zadania

Rekomendacje na LinkedIn

Poziom: Podstawowy

Powiązane tematy:

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