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.