Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:00,626 --> 00:00:02,340
(upbeat music)
2
00:00:02,340 --> 00:00:05,850
Hello, and welcome to your brand new course,
3
00:00:05,850 --> 00:00:10,617 line:15%
build responsive real-world websites with HTML and CSS.
4
00:00:11,870 --> 00:00:15,060
And if this is your very first contact
5
00:00:15,060 --> 00:00:18,900
with any coding of HTML or CSS,
6
00:00:18,900 --> 00:00:20,740
then let me also welcome you
7
00:00:20,740 --> 00:00:24,130
to the exciting world of web development.
8
00:00:24,130 --> 00:00:26,770
I'm sure that you're gonna love it.
9
00:00:26,770 --> 00:00:29,810
Now as the name of the course says,
10
00:00:29,810 --> 00:00:34,810
this course is all about using the languages of HTML and CSS
11
00:00:35,660 --> 00:00:40,660
to build beautiful, responsive, and also real world website.
12
00:00:41,970 --> 00:00:46,200
And so this course basically covers four big topics,
13
00:00:46,200 --> 00:00:49,570
web design, HTML, and CSS, of course,
14
00:00:49,570 --> 00:00:51,133
and responsive design.
15
00:00:52,070 --> 00:00:54,520
And this course is in my opinion,
16
00:00:54,520 --> 00:00:57,600
the very best way of learning all this
17
00:00:57,600 --> 00:00:59,730
that you will find anywhere.
18
00:00:59,730 --> 00:01:04,560
And so really you have come to the right place here.
19
00:01:04,560 --> 00:01:06,480
Now, before we start learning,
20
00:01:06,480 --> 00:01:10,100
let's take a couple of minutes to get a quick overview
21
00:01:10,100 --> 00:01:13,750
of how the course is organized and structured,
22
00:01:13,750 --> 00:01:17,470
and also the projects that we're going to build together.
23
00:01:17,470 --> 00:01:20,270
So basically that, you know exactly
24
00:01:20,270 --> 00:01:22,053
how this course is gonna work.
25
00:01:23,080 --> 00:01:27,070
So this course is divided into nine sections
26
00:01:27,070 --> 00:01:31,490
with a total of 35 hours of video content.
27
00:01:31,490 --> 00:01:34,540
And it starts right here in section one
28
00:01:34,540 --> 00:01:37,220
where you will get a high-level overview
29
00:01:37,220 --> 00:01:40,840
of web development general, and it will also build
30
00:01:40,840 --> 00:01:44,740
your very fast, but extremely simple webpage,
31
00:01:44,740 --> 00:01:48,180
just to get you excited for what's ahead.
32
00:01:48,180 --> 00:01:50,700
Then in section two, we're gonna move
33
00:01:50,700 --> 00:01:54,140
to the very basics of the HTML language
34
00:01:54,140 --> 00:01:56,160
by building a small project,
35
00:01:56,160 --> 00:02:00,660
to give you a solid foundation for the rest of the course.
36
00:02:00,660 --> 00:02:03,440
After that in section number three,
37
00:02:03,440 --> 00:02:06,410
you're gonna learn the foundations of CSS.
38
00:02:06,410 --> 00:02:10,910
So things like styling text, the CSS box model,
39
00:02:10,910 --> 00:02:13,900
and sizing and positioning elements.
40
00:02:13,900 --> 00:02:17,010
And we will even talk about some developer skills
41
00:02:17,010 --> 00:02:20,403
such as reading documentation and debugging.
42
00:02:21,300 --> 00:02:24,810
Moving on, section number four is all about
43
00:02:24,810 --> 00:02:27,490
building layouts using CSS.
44
00:02:27,490 --> 00:02:30,980
So basically it's about how to arrange elements
45
00:02:30,980 --> 00:02:33,590
on the page in a logical way.
46
00:02:33,590 --> 00:02:37,430
And we can do that in multiple ways in CSS.
47
00:02:37,430 --> 00:02:39,840
And so we will learn all of them,
48
00:02:39,840 --> 00:02:43,220
but actually focus more on modern technologies
49
00:02:43,220 --> 00:02:46,660
called Flexbox and CSS grid.
50
00:02:46,660 --> 00:02:48,530
Then in section five,
51
00:02:48,530 --> 00:02:51,660
we take a small break from web development
52
00:02:51,660 --> 00:02:54,210
and move on to web design.
53
00:02:54,210 --> 00:02:58,010
And this is actually a really special section,
54
00:02:58,010 --> 00:03:02,120
which could infact be an entire course on its own.
55
00:03:02,120 --> 00:03:05,630
So here I teach you countless easy to use design rules
56
00:03:05,630 --> 00:03:07,560
and design guidelines,
57
00:03:07,560 --> 00:03:10,440
so that you can not only build interfaces,
58
00:03:10,440 --> 00:03:13,100
but also know how to make them beautiful
59
00:03:13,100 --> 00:03:15,100
and professional looking.
60
00:03:15,100 --> 00:03:17,540
And there are actually not many people
61
00:03:17,540 --> 00:03:21,670
who are good at development and design at the same time.
62
00:03:21,670 --> 00:03:23,690
And so this part of the course
63
00:03:23,690 --> 00:03:26,343
is gonna be a great opportunity for you.
64
00:03:27,200 --> 00:03:29,370
Next up is section six,
65
00:03:29,370 --> 00:03:32,790
where we will learn all about common website components
66
00:03:32,790 --> 00:03:36,980
and common layout patterns that many websites out there use,
67
00:03:36,980 --> 00:03:40,430
so that then you can build your own websites in the future
68
00:03:40,430 --> 00:03:42,430
using these patterns too.
69
00:03:42,430 --> 00:03:46,200
And we will do this by looking at a ton of examples
70
00:03:46,200 --> 00:03:48,540
and also by building some components
71
00:03:48,540 --> 00:03:51,433
with HTML and CSS ourselves.
72
00:03:52,270 --> 00:03:55,690
Finally, section seven, eight, and nine
73
00:03:55,690 --> 00:03:58,960
are all about building or big course project,
74
00:03:58,960 --> 00:04:01,430
which is called Omnifood.
75
00:04:01,430 --> 00:04:05,790
So here we will finally build that beautiful, responsive
76
00:04:05,790 --> 00:04:10,240
and real world website that this course is all about.
77
00:04:10,240 --> 00:04:13,350
And to do this, you're gonna use all the skills
78
00:04:13,350 --> 00:04:16,400
that you have accumulated up until this point.
79
00:04:16,400 --> 00:04:19,700
And of course also learn a lot of new stuff
80
00:04:19,700 --> 00:04:23,020
such as how to plan and sketch a website,
81
00:04:23,020 --> 00:04:25,010
how to make it responsive
82
00:04:25,010 --> 00:04:28,490
and really how to handle such a big project
83
00:04:28,490 --> 00:04:30,580
from start to finish.
84
00:04:30,580 --> 00:04:34,460
So just look at this beautiful project right here.
85
00:04:34,460 --> 00:04:35,790
By the end of the course,
86
00:04:35,790 --> 00:04:38,300
you will be able to design and build
87
00:04:38,300 --> 00:04:41,320
something just like this on your own.
88
00:04:41,320 --> 00:04:44,910
And that is just amazing, right?
89
00:04:44,910 --> 00:04:46,600
Now, besides all this,
90
00:04:46,600 --> 00:04:49,290
there are also many coding challenges
91
00:04:49,290 --> 00:04:51,280
and also other opportunities
92
00:04:51,280 --> 00:04:55,900
for you to practice the HTML and CSS skills
93
00:04:55,900 --> 00:05:00,180
that you keep acquiring over the course of this course
94
00:05:00,180 --> 00:05:02,690
because practicing is actually
95
00:05:02,690 --> 00:05:05,460
the single most important thing
96
00:05:05,460 --> 00:05:09,273
that you really need to do in order to learn coding.
97
00:05:10,530 --> 00:05:14,620
All right, so I hope that you're gonna have a ton of fun
98
00:05:14,620 --> 00:05:17,160
with this course now that you'll become
99
00:05:17,160 --> 00:05:19,600
ready to build your own websites
100
00:05:19,600 --> 00:05:22,700
and that you will have a successful start
101
00:05:22,700 --> 00:05:25,390
into your web development career.
102
00:05:25,390 --> 00:05:27,120
And with that being said,
103
00:05:27,120 --> 00:05:29,353
let's now finally get started.
104
00:05:29,353 --> 00:05:31,936
(upbeat music)
7712
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.