Flexbox & Grid - responsywne layouty od podstaw - strefakursow.pl

..::(Info)::..

Wielkość: 655 MB
Język: PL
Format: MP4

..::(Opis)::..

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.