1
00:00:05,840 --> 00:00:06,230
OK.

2
00:00:06,250 --> 00:00:11,710
So before we get too far into this class I want to go through some of things that you will need to know

3
00:00:11,710 --> 00:00:13,190
before getting started.

4
00:00:13,540 --> 00:00:15,730
If you're not comfortable with each team now.

5
00:00:15,760 --> 00:00:21,040
Hans CSSA I'd definitely suggest you go back to creative online school and check out some of the videos

6
00:00:21,040 --> 00:00:22,680
that are already made on that.

7
00:00:22,900 --> 00:00:23,940
Get up to speed.

8
00:00:23,950 --> 00:00:25,570
Get warm and fuzzy with it.

9
00:00:25,630 --> 00:00:30,910
Get comfortable with it and then come back to this bootstrap class because this is going to be taking

10
00:00:31,000 --> 00:00:36,690
all that knowledge and assuming that you already know the basics of each TMLC assessed turn and we're

11
00:00:36,770 --> 00:00:40,500
going to build it on top of that here.

12
00:00:40,770 --> 00:00:47,350
Now I'll be using Dreamweaver as my HMO editor but I do want to go through a couple other three open

13
00:00:47,400 --> 00:00:49,990
source editors that you can use as well.

14
00:00:49,990 --> 00:00:51,610
I don't think that just brackets.

15
00:00:51,730 --> 00:00:54,800
This is a great teach HTML editor.

16
00:00:54,820 --> 00:00:57,280
Another one is Sublime Text.

17
00:00:57,350 --> 00:00:58,860
Another great each HTML editor.

18
00:00:58,870 --> 00:01:02,540
It's up to you both look a little bit differently but they all do the same thing.

19
00:01:02,800 --> 00:01:06,430
They each work a little bit different but they all do the same thing in the end so where they want to

20
00:01:06,430 --> 00:01:06,890
use them.

21
00:01:06,910 --> 00:01:08,390
Or just a simple text editor.

22
00:01:08,440 --> 00:01:09,520
It's up to you.

23
00:01:09,910 --> 00:01:13,080
OK so the whole reason we're here is bootstrapped.

24
00:01:13,120 --> 00:01:14,740
You go to bootstrap dot com.

25
00:01:14,740 --> 00:01:17,240
You'll be able to find the files that will be working.

26
00:01:17,320 --> 00:01:22,960
Now a little bit more about bootstrap bootstrap was a mobile first framework meaning it was meant to

27
00:01:22,960 --> 00:01:25,010
look good on mobile devices.

28
00:01:25,060 --> 00:01:29,310
Now it's made up of predefined CSSA classes and Javascript.

29
00:01:29,440 --> 00:01:34,490
More specifically Jake Query files that allow it to work and do the things that it does.

30
00:01:34,630 --> 00:01:41,470
It's a free and open source Front-End web framework used for designing templates and Web sites and stylize

31
00:01:41,470 --> 00:01:48,890
and things like typography and forms and buttons and navigation and other things like interface components.

32
00:01:49,170 --> 00:01:54,970
Now bootstrap was originally named Twitter blue print and was developed by Mark Otto and Jacob Thornton.

33
00:01:55,020 --> 00:01:59,990
Over Twitter as a framework to encourage consistency across different Internet tools.

34
00:02:00,030 --> 00:02:04,840
Some before bootstrap they were all different libraries that would lead to a lot of inconsistencies

35
00:02:04,840 --> 00:02:06,420
from one page to another.

36
00:02:07,990 --> 00:02:11,330
So we're really working and again is from get bootstrap.

37
00:02:11,410 --> 00:02:14,440
And there's a couple of different ways that you can work on the files.

38
00:02:14,440 --> 00:02:19,760
First of all you can download the files by clicking here and you can see that there's a couple of different

39
00:02:19,760 --> 00:02:23,550
forms of the bootstrap that you can use.

40
00:02:23,560 --> 00:02:32,920
You can also go back to the home page you can see that you can simply copy and paste into your HTML

41
00:02:32,980 --> 00:02:38,950
document these couple of files that are hosted on other servers that you can just pull automatically

42
00:02:38,950 --> 00:02:40,910
reading to your website and news.

43
00:02:40,940 --> 00:02:44,980
But there are some pros and cons to this because this can speed up your Web site.

44
00:02:45,020 --> 00:02:49,750
So those can be a great thing if you need to edit these files you're in and need it on your desktop

45
00:02:49,750 --> 00:02:52,910
or in your server to be able to make those changes to them.

46
00:02:52,960 --> 00:02:54,590
But there are ways around that.

47
00:02:54,640 --> 00:03:00,320
For the most part in this class we're using these files just to keep things easy and consistent.

48
00:03:00,580 --> 00:03:03,250
So in the next video over Actually you start to build their web page.

49
00:03:03,370 --> 00:03:05,980
Import these components into there and start building.