Python for Entrepreneurs Transcripts
Chapter: Web design: CSS Frontend frameworks and Bootstrap
Lecture: Front-end frameworks introduction
0:03 It's time to go from decent design to really good design.
0:06 We are going to use something called a frontend framework to do this,
0:10 so let's talk about what we are going to particularly focus on
0:13 about frontend frameworks.
0:14 We are going to start by doing a quick survey,
0:17 in this course we are going to use Bootstrap,
0:19 but you'll see that Bootstrap is not the only choice
0:21 and I am not necessarily recommending you use it
0:23 because there is actually a ton of good choices
0:25 which we'll see a few of them right now,
0:28 Bootstrap is just the most popular and the one I really know the best
0:31 so that's why I use it.
0:33 Speaking of Bootstrap, we are going to do a quick introduction
0:36 for those of you who haven't heard of Bootstrap,
0:38 or I am sure you have heard of Bootstrap but maybe don't know
0:40 exactly what is that comprised of and what the moving parts there are.
0:45 We are going to focus specifically on the grid layout.
0:49 Now, this is a topic that very much likely would be best at the end
0:53 because this is kind of a complicated topic relative to the other Bootstrap stuff
0:57 which is very obviously visible and visual,
1:00 but it's also one of the most important parts about Bootstrap,
1:03 we are going to use it for the other examples in this chapter
1:06 so we are going to put it right up front and focus on grid layout.
1:10 Next come up a set of UI components,
1:13 these are buttons, images, forms, navigation, dialogue, and themes.
1:17 So we are going to focus on these various parts of Bootstrap that we can work with,
1:21 the first five or so are quite small,
1:23 see there is a really great set of buttons for call to actions,
1:27 a lot of small classes you can apply to images to get a big bang for your buck and so on.
1:33 But themes at the end is the thing that really makes this super important
1:37 as the entire chapter, because,
1:39 while knowing how to use Bootstrap is important,
1:43 if you just start from there, you still have to basically be a designer
1:45 and be creative and build this, and even if you are,
1:49 you don't necessarily want to start from zero,
1:51 you want to start from more or less something that is like what you want to work with,
1:54 so we'll see that themes allow us to find something that is a very close fit
1:58 to the design that we are looking for,
2:00 and then we can just drop in and boom, make it ours.
2:03 Finally, we are going to bring this all together by building out this
2:07 Bootstrap-based design using a beautiful theme
2:11 for the Blue / Yellow Rockets website.
2:13 So you've seen several pictures of the Blue / Yellow Rockets website
2:16 as I've talked about what we are going to build throughout this course,
2:19 this is what we're actually going to put that HTML, CSS and images together
2:23 to make something that looks like our end product.