Python for Entrepreneurs Transcripts
Chapter: Build web apps with Pyramid: Applied web development
Lecture: Concept: Shared layout (motivation)
Login or
purchase this course
to watch this video and the rest of the course contents.
0:02
Let's talk about layout and a common look and feel. Obviously, we would like to have one place to maintain the look and feel of our application,
0:12
we'd like to have the overall look and feel of the site easily adapted and brought into every single page that we create
0:19
and if we had a new page, we want to be able to do that super easily as well as if we want to make changes like
0:25
here I have a little "brought to you by H I R E D" thing on my podcast, what if I want to change that? I'd like to be able to change that in one place
0:32
and have everything just take that look and feel, what if I want to switch it to a whiteish rather than a dark colored site;
0:38
I want to be able to do that in one place, similar with navigation, everything. The mechanism by which we accomplish this is shared layout.
0:46
And I want to point out while it's most obvious that this is about the look and feel of our site, there is more to it than that,
0:52
a modern web application is very important to have the same consistent information in all of our site, things like what is the fav icon,
1:01
what is the description, is there an RSS feed, where is it, all that kind of stuff is important.
1:07
It's very important that we consistently bring CSS files all the CSS files in the right order into the page,
1:14
it's also important to bring the right JavaScript files into the page and again, in the right order.
1:19
Of course we want to do this in one place, so we want to make a change it flows through, but it's also just very important to know
1:25
that we are controlling that absolutely consistently across our site. We want to have consistent analytics, so we might have Google analytics,
1:33
maybe Facebook pixels for trying to do Facebook ads, and we want to track conversions,
1:39
all those kinds of things you again want to be able to put that in a shared layout and have that flow or change throughout your site all at once
1:47
we also want to have structured ways for the individual pages to bring in additional CSS and JavaScript. For example maybe you've got some page
1:55
that is kind of a single page app thing and you want to bring in AngularJS, you'd like to have a way for that an individual page
2:03
to consistently bring in the additional JavaScript and CSS that it's going to need,
2:07
and weave that into your overall look and feel and JavaScript ordering and so on, and we can use our shared layout to control this aspect as well.