1
00:00:00,510 --> 00:00:04,210
HTML and CSS are a fundamental
part of all websites.

2
00:00:04,210 --> 00:00:08,900
But for many websites like Amazon,
Facebook, and Twitter, HTML and CSS

3
00:00:08,900 --> 00:00:13,470
are just two of many other technologies
they use to provide their services.

4
00:00:13,470 --> 00:00:19,590
You may have heard of JavaScript, PHP,
Java, Python, MySQL or Ruby on Rails.

5
00:00:19,590 --> 00:00:22,590
These are just a few of the technologies
that are used to create today's

6
00:00:22,590 --> 00:00:23,490
complex websites.

7
00:00:24,650 --> 00:00:28,520
Web Development is often split into
two areas, front end development and

8
00:00:28,520 --> 00:00:29,330
back end development.

9
00:00:30,350 --> 00:00:34,830
Front end developers use HTML, CSS and
JavaScript to build what the client sees.

10
00:00:34,830 --> 00:00:37,300
The stuff that runs on the browser.

11
00:00:38,510 --> 00:00:42,160
Backend developers are responsible for
what runs on the server.

12
00:00:42,160 --> 00:00:44,360
They use languages like Python, Ruby, and

13
00:00:44,360 --> 00:00:48,380
Java to work with databases to save,
change, and retrieve data.

14
00:00:49,800 --> 00:00:54,470
As an example, JavaScript runs in the
browser to add interactivity to a page.

15
00:00:54,470 --> 00:00:58,460
Like if you wanted to have a window pop
up each time your user clicks a button or

16
00:00:58,460 --> 00:01:01,820
if you wanted to display a group
of images with the slide show.

17
00:01:01,820 --> 00:01:07,250
You'd use HTML and CSS to build and
style the slide show and JavaScript

18
00:01:07,250 --> 00:01:10,430
to program the slide show images, so
that they slide in and out of view.

19
00:01:11,460 --> 00:01:12,960
Or think about a log in page for

20
00:01:12,960 --> 00:01:18,420
website like Facebook, you'd use HTML to
create input field and submit button.

21
00:01:18,420 --> 00:01:22,530
And use CSS to control what the button and
the input fields look like.

22
00:01:22,530 --> 00:01:26,170
But when a user presses enter or
click submit, you might use JavaScript

23
00:01:26,170 --> 00:01:29,510
to make sure the information they
submitted is formatted correctly.

24
00:01:29,510 --> 00:01:32,250
That their email address contains
an @ symbol, for example.

25
00:01:33,310 --> 00:01:35,660
You also might use JavaScript
to throw up an error or

26
00:01:35,660 --> 00:01:38,400
a success message when
the form is submitted.

27
00:01:38,400 --> 00:01:41,820
And then you might need a backend
language like PHP, Python, or

28
00:01:41,820 --> 00:01:46,170
Ruby to save the username or email address
to a database to retrieve it later.

29
00:01:47,320 --> 00:01:52,110
That's how HTML and CSS fit into
the larger field of web development.

30
00:01:52,110 --> 00:01:56,150
As we've seen, HTML and
CSS are the foundation of websites and

31
00:01:56,150 --> 00:01:57,670
web applications.

32
00:01:57,670 --> 00:02:02,370
If it's on the web, it uses HTML and
CSS in some capacity, which is why

33
00:02:02,370 --> 00:02:05,950
learning the basics is an excellent way to
start your journey learning how to code.

34
00:02:07,110 --> 00:02:08,420
In the next part of this course,

35
00:02:08,420 --> 00:02:12,130
we're going to go into a little more
detail about how web pages are structured

36
00:02:12,130 --> 00:02:15,360
and learn all about the most common and
useful HTML tags.

37
00:02:15,360 --> 00:02:15,920
I'll see you there.