Clonei a Interface do YouTube com Material UI e React.js смотреть онлайн
Entrar para lista de espera do curso The Next Dev - Full-stack Next.js: https://www.thenextdev.io
Neste vídeo vamos mostrar em um projeto React.js como recriar a tela inicial do YouTube com a biblioteca Material-UI que é baseada em Material Design (Linguagem de Design criada pelo Google)
✔ LINKS:
Comunidade WhatsApp: https://chat.whatsapp.com/CZQoD6T3G8l3Mtu6hvMuCI
Instagram: https://instagram.com/lucasnhimi
Linkedin: https://www.linkedin.com/in/lucasnhimi
✔ ÍNDICE:
0:00 | Introdução
4:04 | Create-react-app
5:24 | Instalando Material-UI
6:36 | Utilizando Material-UI
10:25 | Css baseline
12:40 | Customizando tema do Material-UI
18:15 | Estilizando componente com MakeStyles
25:00 | Criando TopBar
37:01 | Criando Navbar (Menu lateral)
39:47 | Customizando componentes Material-UI
50:07 | Listagem de Vídeos
O principal objetivo deste vídeo é mostraras os principais recursos que podemos utilizar da biblioteca Material-UI, como:
Componentes Material Design
Customização de Temas
Estilização de componentes
Customização de componentes
Layout responsivo
Para replicar esta demo você pode utilizar suas próprias imagens, ou utilizar as imagens deste exemplo, basta baixa-las no repositório (Link nas referências).
✔ PLATAFORMA:
https://www.wazana.dev/
✔ REDES SOCIAIS:
Instagram: https://instagram.com/wazana.dev
Linkedin: https://www.linkedin.com/company/wazana-dev/
✔ REFERÊNCIAS:
Material-UI: https://material-ui.com/
React.js: https://reactjs.org/
VS Code: https://code.visualstudio.com/
Repositório Git: https://github.com/lucasnhimi/clone-youtube-materialui
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Clonei a Interface do YouTube com Material UI e React.js» бесплатно и без регистрации, вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.