Czego się nauczysz ?
W kursie nauczysz się wykorzystywać szybkość oraz elastyczność jaką daje Ci gotowa biblioteka komponentów dla Reacta. Zobaczysz jak tworzyć funkcjonalne, a zarazem dobrze wyglądające aplikacje internetowe za pomocą Material UI. W wielu kursach programowania wygląd interfejsu użytkownika jest często pomijany. Z naszym kursem zobaczysz, że wcale tak być nie musi. Wystarczy znajomość stosowania gotowych elementów i umiejętność wdrażania ich w kodzie. Jednak, żeby nauka nie polegała tylko na suchym omówieniu wszystkich komponentów podczas kursu stworzysz prostą aplikację. Dodatkowo jedna lekcja przeznaczona została na pokazanie współpracy Material UI z Reduxem.
Twórz przyjazne interfejsy
Myślenie o przyjaznym dla użytkownika interfejsie nie polega tylko na jego prawidłowym zakodowaniu. W parze idzie również zadbanie o wizualną stronę aplikacji. W tym celu wykorzystasz wytyczne jakie oferuje Google. Za pomocą Material UI dostosujesz motywy, style i kolory. Zaprojektujesz przyjemne i przyciągające wzrok interfejsy użytkownika.
Stylowanie w React
Sposobów na stylowanie interfejsów użytkownika w React jest bardzo dużo. Pomagają w tym różnego rodzaju frameworki, biblioteki, moduły. Jednym z popularniejszych rozwiązań jest wybór komponentów o nazwie Material UI. Można to przyrównać do półki w sklepie, na której leżą buty. W zależności od tego jak chcesz wyglądać wybierasz odpowiedni but. Tak samo jest z komponentami material UI. Wystarczy wybrać potrzebny element, a w zamian otrzymasz kod, gotowy do wdrożenia w Twojej aplikacji.
Co to jest Material UI?
Wielu developerów często ma problem z graficznym wykończeniem tworzonej aplikacji. Zaprojektowanie graficznej części aplikacji pochłania mnóstwo czasu, a często efekt końcowy nie jest zbyt imponujący. Stara prawda mówi, że programista nie będzie dobrym grafikiem, a grafik nie będzie dobrym programistą. Dlatego też w 2004 roku Google postawiło ułatwić to zadanie tworząc bibliotekę gotowych wzorców, którą nazwano material design.
Są to gotowe wytyczne dla grafików, chcących projektować w płaskim stylu material design. Wychodząc naprzeciw programistom stworzono bibliotekę material UI, które czerpie wzorce z material design i opakowuje to w Reactowe komponenty. Dzięki temu można o wiele łatwiej i szybciej tworzyć strony i aplikacje internetowe.
Popularnosć płaskiego stylu
Styl material design czyli tzw. płaski styl wdrażany jest w większości aplikacji oraz stron internetowych. Minimalistyczne projektowanie wyznaczyło trendy już dobre parę lat temu i do dzisiaj pozostaje głównym stylem stosowanym przez projektantów. Dlatego dobrze, byś jako programista potrafił tworzyć stosując obowiązujące trendy.
