Material UI Tutorial #17 - Avatars

preview_player
Показать описание
In this Material UI tutorial we'll add avatars to both our Card components and our App Bar too, using the Avatar component.

🐱‍💻 🐱‍💻 Course Files:

🐱‍👤🐱‍👤 JOIN THE GANG -

🐱‍💻 🐱‍💻 My Udemy Courses:

🐱‍💻 🐱‍💻 Useful playlists:

🐱‍💻 🐱‍💻 Other links:

🐱‍💻 🐱‍💻 Social Links:
  1. Net Ninja
  2. react
  3. material ui
  4. react tutorial
  5. material ui tutorial
  6. react material ui
Рекомендации по теме
Material UI Tutorial 0:06:40

Material UI Tutorial #17 - Avatars

React Material UI 0:02:48

React Material UI Tutorial - 17 - Paper

React material UI 0:05:54

React material UI tutorial 17 : BreadCrumb component || Material UI tutorial

How To Use 0:07:30

How To Use Material UI Pagination Component In React Tutorial #17 | Material UI V5

Material UI Course 0:05:40

Material UI Course #1 | Introduction + Installation

Autocomplete - Learn 0:12:37

Autocomplete - Learn Material UI Components in React

Forms and Icons 0:49:03

Forms and Icons in Material UI #17 | MERN Stack Tutorial With Auth

React Material UI 0:07:27

React Material UI Tutorial - 14 - Box

Material UI React 1:45:29

Material UI React Tutorial | Material UI Responsive Project

Material UI: Modern 0:00:21

Material UI: Modern Front-end Framework for User Interfaces Based on Google's Material Design 🎨...

Material UI Tutorial 0:09:20

Material UI Tutorial For Beginners in Hindi #17 App Bars

Material UI Crash 0:30:22

Material UI Crash Course: Intro to React + Material UI V5 (2022 Edition)

Angular Tutorial with 0:00:10

Angular Tutorial with #material #ui 👌👌👌👌 | #shorts #viral #ytshorts #angular | Dz Coding Platform...

React material UI 0:03:01

React material UI tutorial 22: Paper component || Material UI tutorial

Material UI Tutorial 0:09:36

Material UI Tutorial #16 - App Bars

Code a Dictionary 1:39:14

Code a Dictionary with React and Material UI - Tutorial

MaterialUI Flexbox & 0:21:20

MaterialUI Flexbox & Grid Tutorial

MaterialUI Tutorial 04 0:01:54

MaterialUI Tutorial 04 - Toggles

Buttons Material UI 0:08:35

Buttons Material UI | React JS Tutorial for Beginners

Material UI Tutorial 0:12:21

Material UI Tutorial - How to Use Material UI for Styling Your React-based App

Material UI in 1:01:24

Material UI in One Video with Project | React JS Material UI Project Tutorial

Material UI Complete 8:56:41

Material UI Complete Guide with React | Master Modern UI Design (2025 Edition) 🚀 #reactjs #uiux

Learn Material-UI with 0:01:40

Learn Material-UI with ReactJS

Buttons - Learn 0:05:53

Buttons - Learn Material UI Components in React

Комментарии
Автор

You are one of the best teachers out there. Thank you sir!

sonnix
Автор

Very helpful tutorial series. Looking forward to part#18!

Lvlchao
Автор

I'm using the new MUI 5, it took me awhile to get the avatar colors using sx instead of makeStyles. I included this in the html: sx={{backgroundColor: note.category == "work" ? ylow : note.category == "money" ? grn : note.category == "todos" ? pnk : bl}} then this above the return statement: const ylow = yellow[700]; const grn = green[500]; const bl = blue[500]; const pnk = pink[500];

billthomas
Автор

00:01:45 Finally! Mario and B(r)owser in peacful coexistence... ♥ 😅

Apart from that: Your tuts are awesome, perfectly structured, paced and understandable! Thank you so much for you efforts, I highly appreciate it! 👍

DennisHorn
Автор

Please make Advanced Nextjs and typescript series

sumukhakb
Автор

You should learn about switch statements for how you handled the color for the avatar.

alljus
Автор

You are My favourite.! Just one Request .. Please make a series again on React-redux... Using redux hooks.. Hope you will work on it.. Much much Respect..!

amrutkhot
Автор

4:28 nitpick. Prefer `===` equal equal equal.

kelsey_roy
Автор

lovely videos, the avatar isn't rendering on my page

arikedada
Автор

Need a roadmap video to follow your channel content!!!

prafulrane
Автор

I want write className="box active" (.class.class) in material, how should i write?

trandinhthang
Автор

How would i accomplish the styling dependent upon the note prop passed if Im using v5 with the sx property? Thank you!

Frostfyre
Автор

By any chance does anyone know why I'm not getting the emmet suggestions for auto imports such as the Avatar component, I've got ES7 extension, anyone got a clue as to what I'm missing? thanks in advance if you do 👍

dannyman
Автор

I put image in /src/images/...jpg. I use <Avatar className={classes.avatar} src="../src/images/mario.jpg" />.
It doesn't render the image.

jumbo
Автор

Can you please confirm how many videos remaining to complete the series

kovendanragupathi
welcome to shbcf.ru