All language subtitles for 1. Welcome!mui

af Afrikaans
ak Akan
sq Albanian
am Amharic
ar Arabic
hy Armenian
az Azerbaijani
eu Basque
be Belarusian
bem Bemba
bn Bengali
bh Bihari
bs Bosnian
br Breton
bg Bulgarian
km Cambodian
ca Catalan
ceb Cebuano
chr Cherokee
ny Chichewa
zh-CN Chinese (Simplified)
zh-TW Chinese (Traditional)
co Corsican
hr Croatian
cs Czech
da Danish
en English
eo Esperanto
et Estonian
ee Ewe
fo Faroese
tl Filipino
fi Finnish
fr French
fy Frisian
gaa Ga
gl Galician
ka Georgian
de German
el Greek
gn Guarani
gu Gujarati
ht Haitian Creole
ha Hausa
haw Hawaiian
iw Hebrew
hi Hindi
hmn Hmong
hu Hungarian
is Icelandic
ig Igbo
id Indonesian
ia Interlingua
ga Irish
it Italian
ja Japanese
jw Javanese
kn Kannada
kk Kazakh
rw Kinyarwanda
rn Kirundi
kg Kongo
ko Korean
kri Krio (Sierra Leone)
ku Kurdish
ckb Kurdish (Soranรฎ)
ky Kyrgyz
lo Laothian
la Latin
lv Latvian
ln Lingala
lt Lithuanian
loz Lozi
lg Luganda
ach Luo
lb Luxembourgish
mk Macedonian
mg Malagasy
ms Malay
ml Malayalam
mt Maltese
mi Maori
mr Marathi
mfe Mauritian Creole
mo Moldavian
mn Mongolian
my Myanmar (Burmese)
sr-ME Montenegrin
ne Nepali
pcm Nigerian Pidgin
nso Northern Sotho
no Norwegian
nn Norwegian (Nynorsk)
oc Occitan
or Oriya
om Oromo
ps Pashto
pl Polish
pt-BR Portuguese (Brazil)
pt Portuguese (Portugal)
pa Punjabi
qu Quechua
ro Romanian
rm Romansh
nyn Runyakitara
ru Russian
sm Samoan
gd Scots Gaelic
sr Serbian
sh Serbo-Croatian
st Sesotho
tn Setswana
crs Seychellois Creole
sn Shona
sd Sindhi
si Sinhalese
sk Slovak
sl Slovenian
so Somali
es Spanish
es-419 Spanish (Latin American)
su Sundanese
sw Swahili
sv Swedish
tg Tajik
ta Tamil
tt Tatar
te Telugu
th Thai
ti Tigrinya
to Tonga
lua Tshiluba
tum Tumbuka
tr Turkish
tk Turkmen
tw Twi
ug Uighur
uk Ukrainian
ur Urdu
uz Uzbek
vi Vietnamese
cy Welsh
wo Wolof
xh Xhosa
yi Yiddish
yo Yoruba
zu Zulu
Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated: 0 1 00:00:00,270 --> 00:00:07,260 Hello and welcome to my course where I'm going to teach you how to implement high fidelity designs with 1 2 00:00:07,260 --> 00:00:09,240 material UI and react. 2 3 00:00:09,240 --> 00:00:15,750 J.S. if you understand what that means and you're already here then you're probably as excited for this 3 4 00:00:15,750 --> 00:00:17,400 as I am to teach it. 4 5 00:00:17,400 --> 00:00:22,560 I really am excited to put this together for you guys because I think a lot of people are gonna be able 5 6 00:00:22,560 --> 00:00:27,680 to benefit from this information and I'm excited to be the one to be putting that out there. 6 7 00:00:27,750 --> 00:00:31,010 So let's start with just a little bit about myself. 7 8 00:00:31,020 --> 00:00:35,080 My name is Zachary Reece and I'm from Wichita Kansas. 8 9 00:00:35,280 --> 00:00:39,180 And I started coding when I was only 9 years old. 9 10 00:00:39,180 --> 00:00:45,690 For me that was third grade and I remember growing up spending most my time on the Internet playing 10 11 00:00:45,690 --> 00:00:52,690 games or e-mailing my friends from school or really just learning and being you know fascinated. 11 12 00:00:52,740 --> 00:00:59,280 All the information that was out there from the very beginning I remember being really interested in 12 13 00:00:59,280 --> 00:01:03,930 how computers worked and how the Internet works and how Web sites were made. 13 14 00:01:03,930 --> 00:01:04,530 Like what. 14 15 00:01:04,800 --> 00:01:11,760 What were these things that I was spending so much time on and interacting with and finding that out 15 16 00:01:11,760 --> 00:01:14,580 was a big part of growing up for me. 16 17 00:01:14,610 --> 00:01:21,420 So that really started in third grade when I was checking out library books on the internet and computers 17 18 00:01:21,780 --> 00:01:27,030 and I stumbled upon this book called creating cool web pages for kids. 18 19 00:01:27,090 --> 00:01:32,310 And when you look back at it now it's definitely a really retro book talking about putting all your 19 20 00:01:32,310 --> 00:01:37,680 code onto a floppy disk and sending that's your ISP for them to host it for you. 20 21 00:01:37,680 --> 00:01:44,580 But what was still relevant and still is relevant today is the basic t email and CSX that that taught 21 22 00:01:44,580 --> 00:01:53,260 me and I remember building you know basic layouts and understanding how the tags all fit together and 22 23 00:01:53,280 --> 00:02:00,960 but what it really taught me was how we can interact with computers and how we're able to use computers 23 24 00:02:01,200 --> 00:02:04,160 to build the things that we want. 24 25 00:02:04,200 --> 00:02:06,590 And for me that was extremely interesting. 25 26 00:02:06,600 --> 00:02:08,910 I was completely fascinated by that. 26 27 00:02:09,000 --> 00:02:13,260 And so that's what I've spent my time learning ever since. 27 28 00:02:13,260 --> 00:02:21,720 So over the past few years of course ever since then I have sort of watched the software development 28 29 00:02:21,720 --> 00:02:28,890 scene and especially the web development scene really change and develop especially with the introduction 29 30 00:02:28,890 --> 00:02:30,010 of react. 30 31 00:02:30,030 --> 00:02:34,290 Now I remember my very first time ever learning react. 31 32 00:02:34,500 --> 00:02:40,980 And I remember the entire time as I was going through it I was thinking oh my gosh this fixes so many 32 33 00:02:40,980 --> 00:02:46,080 of the problems that I've had before when I've been working on my own projects this you know I understand 33 34 00:02:46,080 --> 00:02:52,920 now how you pass around the data and how all of these pieces can fit together to build a working application 34 35 00:02:52,950 --> 00:02:56,940 whereas before I feel like that vision just wasn't as clear. 35 36 00:02:57,000 --> 00:03:02,310 And there was so much that you kind of had to figure out on your own and piece together and you know 36 37 00:03:02,310 --> 00:03:08,050 using J query to hack most of this stuff together and then just using regular old age team see assess 37 38 00:03:08,100 --> 00:03:10,260 to put everything on the screen. 38 39 00:03:10,740 --> 00:03:17,400 So very at the very beginning I understood the power of react and the impact that we would have. 39 40 00:03:17,400 --> 00:03:22,530 And so it's been really interesting to see it grow over the last few years and to see all the things 40 41 00:03:22,530 --> 00:03:31,370 that people have built on top of it like material UI to make that even better so I actually started 41 42 00:03:31,370 --> 00:03:38,600 a custom software company here in Wichita to help bring some of these new advancements like react out 42 43 00:03:38,600 --> 00:03:40,570 here to the Midwest. 43 44 00:03:40,850 --> 00:03:47,090 A lot of businesses out here definitely are using the most modern or advanced technology that they could 44 45 00:03:47,090 --> 00:03:47,680 be. 45 46 00:03:47,810 --> 00:03:54,410 And I really want to change that because I really think it's mostly a matter of knowing you know being 46 47 00:03:54,410 --> 00:04:01,580 aware of what is possible and of more you know best practices that have come about in the last few years 47 48 00:04:02,120 --> 00:04:09,260 and it was actually while building my company website that I was really inspired to make this course 48 49 00:04:12,030 --> 00:04:20,580 so I noticed that there are really not as many resources for material UI out there as you would expect. 49 50 00:04:20,610 --> 00:04:26,480 You know there is a medium articles here and there and the documentation is actually really great. 50 51 00:04:26,580 --> 00:04:33,750 The authors of the library they have done a great job at creating you know not only a detailed descriptive 51 52 00:04:33,750 --> 00:04:36,560 documentation but also interactive. 52 53 00:04:36,570 --> 00:04:42,810 So you are able to play with a lot of settings and see with a lot of things directly on their documentation 53 54 00:04:42,810 --> 00:04:45,290 which I think does make it a lot easier. 54 55 00:04:45,330 --> 00:04:53,340 There are still things out there though they were difficult to understand and I feel like a lot of other 55 56 00:04:53,340 --> 00:04:55,950 people run into these same problems. 56 57 00:04:55,950 --> 00:05:03,620 From what I've seen online and that really is part of why I decided to make this course another reason 57 58 00:05:03,650 --> 00:05:11,090 I decided to make this course was because I felt like after learning react I felt like I understood 58 59 00:05:11,090 --> 00:05:13,550 react and react ecosystem. 59 60 00:05:13,550 --> 00:05:21,750 And you know the functionality of how react and Redux works and how you can build applications. 60 61 00:05:21,860 --> 00:05:23,530 But I didn't. 61 62 00:05:23,640 --> 00:05:26,050 I feel like I still was missing something. 62 63 00:05:26,090 --> 00:05:29,190 There was still a piece to Oh. 63 64 00:05:29,210 --> 00:05:37,280 Now I understand how to just build a perfect great looking production application and that's what I 64 65 00:05:37,280 --> 00:05:38,630 want to give you in this course. 65 66 00:05:38,630 --> 00:05:46,970 I want to give you that feeling that I got after learning material UI that is the key one of the most 66 67 00:05:46,970 --> 00:05:54,020 important things that I learned actually in all of my you know software development was material UI 67 68 00:05:54,050 --> 00:05:59,780 because I feel like it finally filled in that little gap that last piece of the puzzle. 68 69 00:05:59,900 --> 00:06:03,940 And so I really hope that I can help bring that to you guys as well. 69 70 00:06:05,740 --> 00:06:06,530 So yeah. 70 71 00:06:06,540 --> 00:06:13,380 What you'll get from this course is I want to blur the line between design and development. 71 72 00:06:13,510 --> 00:06:22,240 So I want to change the way as a programmer that you look at design and the U.S. designs out in the 72 73 00:06:22,240 --> 00:06:25,350 world by change the way that you think about it. 73 74 00:06:25,360 --> 00:06:31,390 I mean change the way that you see them and change the way that you break it down in your head and how 74 75 00:06:31,390 --> 00:06:35,550 you understand how these layouts can be made. 75 76 00:06:35,680 --> 00:06:40,740 Very simply using material UI with react jazz. 76 77 00:06:41,470 --> 00:06:47,110 So this should hopefully by the end of the course give you the ability to build any website that you 77 78 00:06:47,110 --> 00:06:48,180 can imagine. 78 79 00:06:48,220 --> 00:06:56,380 When I designed my company Web site it was actually before I had learned material UI and so without 79 80 00:06:56,500 --> 00:06:59,790 you know designing specifically for it. 80 81 00:06:59,950 --> 00:07:07,450 The library was still perfect at handling what it needed to do to create the Web site even better than 81 82 00:07:07,450 --> 00:07:09,100 I could have expected. 82 83 00:07:09,190 --> 00:07:15,580 So I really think the once you guys go through these projects and understand the concepts of material 83 84 00:07:15,580 --> 00:07:25,000 why UI I think that that is really going to enable you to come up with really ambitious designs and 84 85 00:07:25,000 --> 00:07:32,040 feel confident about your ability to implement them so I really think that that is going to take your 85 86 00:07:32,040 --> 00:07:38,280 react skills to a whole nother level past anything that you've learned before or past any of projects 86 87 00:07:38,280 --> 00:07:39,510 that you've built before. 87 88 00:07:39,510 --> 00:07:46,090 I think that this will really be the one to make you confident in saying that you know you can build 88 89 00:07:46,110 --> 00:07:53,160 react applications and not just the run of the mill you know regular people who have learned online 89 90 00:07:53,160 --> 00:07:59,220 you will be one of the people who can build something really special and really unique and they can 90 91 00:07:59,220 --> 00:08:01,650 really show off your talents as a developer. 91 92 00:08:01,650 --> 00:08:05,950 So I really hope that that is what you end up getting out of this course. 92 93 00:08:06,090 --> 00:08:10,070 And I think there if you follow along that that's exactly what will happen. 93 94 00:08:10,080 --> 00:08:18,120 So without any further ado I am really excited guys to get started and jump into the concepts and material 94 95 00:08:18,120 --> 00:08:19,470 that we need to get going. 95 96 00:08:19,560 --> 00:08:21,860 So I will see you guys in the next video. 11177

Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.