1
00:00:00,750 --> 00:00:01,820
Welcome to you and excel.

2
00:00:02,130 --> 00:00:05,380
So this unit is all about a tool called Bootstrap bootstrap.

3
00:00:05,420 --> 00:00:08,580
It's a really useful sucess in javascript library.

4
00:00:08,580 --> 00:00:11,740
We'll talk more about what a library is and what that means in the next unit.

5
00:00:11,940 --> 00:00:17,430
But basically it helps us make really good looking sites much faster than we would without it.

6
00:00:17,430 --> 00:00:21,600
And in this you know we have four main objectives and then two projects that we'll do towards the end

7
00:00:21,600 --> 00:00:22,050
.

8
00:00:22,080 --> 00:00:27,480
The first objective is that I just want to be able to explain what bootstrap is what a library is and

9
00:00:27,480 --> 00:00:28,650
how those work.

10
00:00:28,650 --> 00:00:34,000
So just conceptually a quick overview of how these pieces fit together and what a library is.

11
00:00:34,140 --> 00:00:38,580
And then I want you to be able to include bootstrap in your own applications two different ways.

12
00:00:38,580 --> 00:00:41,470
The first is by downloading it and including it locally.

13
00:00:41,820 --> 00:00:44,640
And the second is by using something that's called the Cdn.

14
00:00:44,700 --> 00:00:49,640
And then once you have it installed there's two objectives that relate to actually using bootstrap Boucek

15
00:00:49,650 --> 00:00:52,610
comes with a bunch of different components a lot of different pieces.

16
00:00:52,680 --> 00:00:54,680
And I'm going to highlight some of the most important ones.

17
00:00:54,720 --> 00:00:59,640
So our third objective is that you get comfortable using things like the form controls and bootstrap

18
00:00:59,640 --> 00:01:03,270
the buttons the nav bars and some of the other important components.

19
00:01:03,390 --> 00:01:08,370
And then the fourth objective is that you get comfortable using the Boucek grid system to make nice

20
00:01:08,370 --> 00:01:09,610
responsive layouts.

21
00:01:09,750 --> 00:01:12,900
And we'll spend a lot of time on that one because there's a lot to know about the grid.

22
00:01:12,910 --> 00:01:16,860
We'll have a few videos devoted to it as well as the final two projects.

23
00:01:16,860 --> 00:01:21,810
So the first project will be a boot shut based image gallery just like we did in the last unit where

24
00:01:21,810 --> 00:01:26,340
we made an image gallery but this will be used in Boucek and I'm doing that really so you can compare

25
00:01:26,340 --> 00:01:27,630
the two experiences.

26
00:01:27,630 --> 00:01:32,070
See how easy it is to create something without bootstrap than how easy it is to do it with bootstrap

27
00:01:32,100 --> 00:01:32,290
.

28
00:01:32,490 --> 00:01:36,730
It will look a little bit different and won't be all black and white will have a different nav bar so

29
00:01:36,730 --> 00:01:38,250
it will be a different experience.

30
00:01:38,250 --> 00:01:43,220
And then the final project is we're going to create a landing page for a fictional startup and not only

31
00:01:43,220 --> 00:01:44,880
use a lot of components as well.

32
00:01:44,910 --> 00:01:50,160
The grid system now bars some of the buttons and bootstrap and basically everything that we've covered

33
00:01:50,160 --> 00:01:51,610
so far in this unit.

34
00:01:52,250 --> 00:01:56,770
And before we get started I do want to point out that this is our last assess only unit.

35
00:01:57,000 --> 00:01:58,620
Next we're going to cover javascript.

36
00:01:58,620 --> 00:02:03,750
We're going to take a step back from making websites from making real applications that look nice just

37
00:02:03,750 --> 00:02:07,290
to focus on Javascript but then we'll be coming back full force.

38
00:02:07,290 --> 00:02:10,950
Once you finish up the job market basics will start making application to get.

39
00:02:11,100 --> 00:02:14,520
So this is our last chance for a little bit to make some real finished products.

40
00:02:14,580 --> 00:02:17,240
So that's why we're doing two solid projects at the end of this year.

41
00:02:17,640 --> 00:02:18,700
Okay let's get started.