Topics - Video Tutorials & Practice Problems

<v ->Now that we've got a good base of knowledge about boxes</v> I mean CSS. It's time to learn how to put everything together in a real website in lesson seven and eight we were still playing around in a sandbox but in lesson nine, we're gonna really kick things into high gear with material you are unlikely to see in any other CSS tutorial, just as you aren't gonna learn Spanish by reading a Spanish dictionary. You aren't gonna learn CSS by adding borders and margin to an element on a toy page to really understand CSS. You need to see how it fits into a system that lets you modularly structure an entire website to aid us in our task. In this lesson we're gonna install and configure a static site generator called Jekyll. This allow us to chop up our HTML so that Jekyll can automatically recombine sections of it to render whatever is needed for a particular page. After Jekyll is installed and running we'll start the process of tearing apart our previous work to transform it into a set of templates and page layouts that can be easily reused and updated. You might be thinking, "Why do we make something that we're now gonna disassemble and reassemble in a different way?" In the world of programming, it happens all the time. So often in fact, there's a common term for it. Refactoring, in the process of refactoring our site. We'll also add more styling as a way to learn more complex aspects of CSS, and then we'll use those methods to help us refine our design, to make it more suitable for use as a personal or business website.