Курс Material UI в React — DVD

Tytuł -"Kurs Material UI - w React"

Poziom: średnio zaawansowany

Czas trwania - 4 godziny

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.

• Czym jest biblioteka Material UI i jak ją zainstalować?

• Jak wdrażać do projektu wybrane elementy biblioteki?

• Jak na dwa sposoby stylizować komponenty?

• Jak wdrażać motyw z wykorzystaniem Material UI?

• Co to są propsy?

• Stworzysz kilka małych aplikacji

• Jak tworzyć formularze i checkboxy?

• Jak tworzyć snackbary z wykorzystaniem Reduxa?

• Stworzysz przyjazne interfejsy

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.

spis lekcji

1.Wstęp

2.Czym jest Material-UI

3.Instalacja i pierwsze komponenty

4.Style

5.Motyw

6.Mini aplikacja

7.Kręciołek i back to top button

8.Random users cz.1

9.Random users cz.2

10.Checkboxes

11.Snackbary

12.Zakończenie

Sposób wyboru wersji kursu:

Kurs wideo dostępny jest w dwóch formach:

1. elektronicznej - jako link do pobrania spakowanego archiwum. Otrzymasz po zakupie link na maila. W tym przypadku szukaj aukcji oznaczonej jako wersja cyfrowa.

2. pudełkowej na DVD - zamiast linku do pobrania otrzymasz pod wskazany adres płytę DVD. W tym przypadku szukaj aukcji oznaczonej jako DVD.

Czy kurs będzie pasował do programu, który posiadam ?

Kursy tworzone są na różnych wersjach programu. Jednak w większości przypadków pasują do każdej wersji. Kursy tworzone są w taki sposób, by pasowały i były neutralne na starszych wersjach oprogramowania. Czyli jeśli posiadasz np. Photoshopa z roku 2019, a kurs jest tworzony na wersji Photoshopa 2020, będzie on pasował w 100%.

Czy z kursem otrzymam program?

Kursy to filmiki wideo pokazujące pracę w danym programie. Do żadnego z kursów nie jest dołączony program, w który należy zaopatrzyć się we własnym zakresie.