|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/kurs-material-ui-w-react/
课程评论：没有评论
课程名称：Kurs Material UI w React 课程概述： 在本课程中，您将学习如何利用现成的组件库Material UI，为React应用程序提供速度和灵活性。您将了解到如何创建功能性且视觉效果良好的Web应用程序，而无需忽视用户界面的设计。通过使用Material UI的现成元素并将其整合到代码中，您将发现设计用户界面并不需要复杂的技巧。此外，课程中还将指导您创建一个简单的应用程序，以便于更好地理解所学内容。特别地，有一节课将专注于展示Material UI与Redux的结合使用。 课程内容包括： - Material UI库的介绍及安装方法 - 如何将选定的组件集成到项目中 - 两种方式为组件添加样式 - 如何使用Material UI实现主题 - Props的概念 - 创建多个小应用 - 如何制作表单和复选框 - 利用Redux创建Snackbar - 设计用户友好的界面 在学习过程中，您将专注于用户友好的界面设计，并确保应用程序在视觉上同样出色。您将运用Google提供的设计指南，通过Material UI调整主题、样式和颜色，设计出既美观又引人注目的用户界面。 另一部分内容涉及React中用户界面样式的多种方法，您将学习到如何使用Material UI这一流行组件库来提升您的开发效率。课程还将探讨Material Design风格，它是Google为简化开发过程而创建的，旨在以平面风格提供设计准则。 按此风格设计的应用已成为许多网站和应用程序的主流，掌握这些技能将对您作为程序员的职业发展大有裨益。
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 aplikacjiJak tworzyć formularze i checkboxy?Jak tworzyć snackbary z wykorzystaniem Reduxa?Stworzysz przyjazne interfejsyTwórz przyjazne interfejsyMyś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 ReactSposobó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 styluStyl 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.
