Kurs Material UI w React

59

Opanuj jedną z najpopularniejszych bibliotek do Reacta i twórz dobrze wyglądające interfejsy.

💰 Dodaj do koszyka 5 dowolnych kursów, a zapłacisz 99 zł za wszystko! 💰
Poziom: średnio zaawansowany
Data wydania: 2019
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

Dla kogo jest ten kurs?

  • Do przerobienia kursu musisz znać podstawy JavaScript, Reacta, HTML oraz CSS
  • W jednej lekcji wykorzystany został Redux, dlatego mile widziana jest jego znajomość

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.

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

Dodaj ocenę