1
00:00:08,775 --> 00:00:12,383
One of the things that you might notice is
that there are a lot of different options

2
00:00:12,383 --> 00:00:13,920
for how you can view web pages, and

3
00:00:13,920 --> 00:00:16,750
these different options are called
your different browsers.

4
00:00:17,820 --> 00:00:21,070
So different browsers have their pros and
cons.

5
00:00:21,070 --> 00:00:24,220
I am not one of those people
who get really passionate

6
00:00:24,220 --> 00:00:26,750
about having using one over the other.

7
00:00:26,750 --> 00:00:29,590
But I will tell you,
as you become a web developer,

8
00:00:29,590 --> 00:00:33,810
if you decide to, you're going to want
to know some of these differences.

9
00:00:33,810 --> 00:00:37,027
It's perfectly natural to
have a preferred browser, for

10
00:00:37,027 --> 00:00:40,716
most people it's whichever one
was installed on their computer.

11
00:00:40,716 --> 00:00:45,663
But, when you want to create websites,
you might have one browser you use to

12
00:00:45,663 --> 00:00:50,930
look at things, but you really want to
test your site on multiple browsers.

13
00:00:50,930 --> 00:00:52,770
So let's talk about some
of the differences.

14
00:00:54,400 --> 00:01:00,270
First, we have internet explorer and for
a long time, it was the most popular

15
00:01:00,270 --> 00:01:04,758
browser and that was just because it was
the one that came with Microsoft Windows.

16
00:01:04,758 --> 00:01:07,136
It was platform-dependent and

17
00:01:07,136 --> 00:01:12,514
what that means is that it doesn't
automatically work if you have a Mac.

18
00:01:14,124 --> 00:01:20,368
In 2015 Windows 10 came out and instead of
including Internet Explorer as a default,

19
00:01:20,368 --> 00:01:23,870
it's using something
called the Microsoft Edge.

20
00:01:24,890 --> 00:01:27,470
Edge is meant to replace
Internet Explorer.

21
00:01:27,470 --> 00:01:30,950
So people who buy new computers
are going o be using Edge.

22
00:01:30,950 --> 00:01:35,860
But don't forget people don't buy new
computers all the time or even if they

23
00:01:35,860 --> 00:01:40,930
do buy a new computer, they might decide
they still like Internet Explorer better.

24
00:01:40,930 --> 00:01:44,439
So you basely want to make sure that
you're considering both browsers.

25
00:01:45,610 --> 00:01:48,320
Another option is Google Chrome.

26
00:01:48,320 --> 00:01:51,700
Google Chrome was developed
by surprise Google, and

27
00:01:51,700 --> 00:01:56,070
it was a freeware that they created
to be used on Microsoft Windows.

28
00:01:56,070 --> 00:02:00,140
However, if data imported or
even consider change.

29
00:02:00,140 --> 00:02:02,990
So it works on Linux, your Apple machines,

30
00:02:02,990 --> 00:02:07,070
your android, basically most machines
that you're going to come across.

31
00:02:07,070 --> 00:02:11,510
The nice thing about Google Chrome is
that they really focused on security.

32
00:02:11,510 --> 00:02:14,650
So if that’s something that
you’re kind of concerned about,

33
00:02:14,650 --> 00:02:15,660
Chrome is a good way to go.

34
00:02:17,980 --> 00:02:20,240
The next option is Firefox.

35
00:02:20,240 --> 00:02:24,130
Once again, the theme seems to be,
I’m always recommending free and

36
00:02:24,130 --> 00:02:26,290
open source browsers.

37
00:02:26,290 --> 00:02:30,330
What open source means is that they've
actually shared their code with everyone

38
00:02:30,330 --> 00:02:32,630
for how they created Firefox.

39
00:02:32,630 --> 00:02:35,765
And this is a really great way to
let people make suggestions and

40
00:02:35,765 --> 00:02:36,840
improvements to it.

41
00:02:38,110 --> 00:02:44,009
It's also available for Windows, macOS,
Linux, and BSD operating systems.

42
00:02:45,900 --> 00:02:48,940
So who's using the different browsers?

43
00:02:48,940 --> 00:02:53,190
Back in 2014,
I can show you that Internet Explorer

44
00:02:54,530 --> 00:03:00,700
had a really big chunk of the market,
right around there.

45
00:03:00,700 --> 00:03:05,480
You had Internet Explorer 11, Internet
Explorer 10, Internet Explorer 9 etc.

46
00:03:05,480 --> 00:03:07,180
So they had the biggest chunk and

47
00:03:07,180 --> 00:03:11,120
then Chrome was getting a lot
bigger as well as Firefox.

48
00:03:11,120 --> 00:03:14,790
Well, when we look over
here at 2017 though,

49
00:03:14,790 --> 00:03:20,110
we can see that Chrome really made a big
surge and up to 64% of desktops and

50
00:03:20,110 --> 00:03:25,280
laptops were using Google Chrome followed
by Firefox, Internet Explorer etc.

51
00:03:26,990 --> 00:03:28,920
This is all going to change,
its going to flux.

52
00:03:28,920 --> 00:03:30,200
You can't pick one browser and

53
00:03:30,200 --> 00:03:33,780
say hey, this is the new one that's
everyone is going to be using.

54
00:03:33,780 --> 00:03:36,680
And the other interesting thing
to kind of think about is,

55
00:03:36,680 --> 00:03:39,610
especially in this old map over here,

56
00:03:39,610 --> 00:03:44,040
people use really old browsers because
people like to use what they're used to.

57
00:03:45,440 --> 00:03:48,030
One thing that I'm hoping
all the students in my class

58
00:03:48,030 --> 00:03:51,720
take into consideration though,
is accessibility.

59
00:03:51,720 --> 00:03:55,220
Accessibility is basically
the ability of a browser

60
00:03:55,220 --> 00:03:58,280
to support all these special
functionalities, and

61
00:03:58,280 --> 00:04:03,530
all these new HTML 5 tags, and
all types of assistive technology.

62
00:04:03,530 --> 00:04:10,510
So one place you can go is this
site www.html5accessibility.com.

63
00:04:10,510 --> 00:04:13,100
And what you'll find at this site

64
00:04:13,100 --> 00:04:16,660
is how well the different
browsers are supporting the text.

65
00:04:16,660 --> 00:04:21,535
So you can see right now,
Edge actually has

66
00:04:21,535 --> 00:04:25,540
100% compliance which isn't surprising
because it's one of the newest browsers,

67
00:04:25,540 --> 00:04:29,180
so they had accesibility in
mind right from the beginning.

68
00:04:29,180 --> 00:04:33,270
The other browsers were created before
people were paying quite as much

69
00:04:33,270 --> 00:04:36,920
attention, so they are definitely making
strides to get better and better.

70
00:04:36,920 --> 00:04:41,999
However, it is important to notice
that Internet Explorer is at 56% and

71
00:04:41,999 --> 00:04:45,950
since it's been basically
relegated to the background,

72
00:04:45,950 --> 00:04:49,513
it's unlikely that it's
going to get much better.

73
00:04:49,513 --> 00:04:53,847
So what I want you to take away from this
is that browsers can really vary in how

74
00:04:53,847 --> 00:04:56,880
well they adhere to different standards.

75
00:04:56,880 --> 00:05:00,880
And different versions of browsers
also need to be considered as well.

76
00:05:00,880 --> 00:05:07,023
Just because something didn't work in
2018, doesn't mean it won't work in 2019.

77
00:05:07,023 --> 00:05:11,922
So the best thing that you can do is write
your code, and then open it up in Safari,

78
00:05:11,922 --> 00:05:16,530
and Firefox, and Chrome,
as many different browsers as you can.

79
00:05:16,530 --> 00:05:19,930
Not only won't make your sight better, but
it will be a little bit interesting for

80
00:05:19,930 --> 00:05:23,660
you as you can look at the different
ways that HTML 5 is supported.