14.4 Conclusion and further reading - Video Tutorials & Practice Problems
Video duration:
5m
Play a video:
<v Instructor>Congratulations!</v> You've now learned enough CSS and layout to be dangerous. There's only one step left which is to deploy this to production. Let's go here and add everything. (keys clanging) Remember we had to add all those fonts. So it's important to do a "git add -A". So we added all the font-awesome fonts and made some other changes. And now, we can commit them. (keys clanging) And push it up. Let's take a look. (keys clanging) So you can see here, this is our old font. It's because the cache hasn't cleared yet and also the icons aren't there yet. But if we give it a moment to clear and there we go. <v ->Hey there it is that,</v> <v ->We've got our new fonts,</v> icons are there. Looking good. We can even click here and, look at the title. You can see the title customization is working and so on. So this is great. Just as reminder, let's take a look at how far we've come. I'm gonna go back in time to the initialization of our repository. And in order to get this to work remember we were working just with a plain HTML file, not with jekyll, so I'm gonna turn off the jekyll server and then I can check out this original commit. (keys clanging) You can see this is just index.html. So this is where we started. (Instructor chuckling) We went all the way from here (Instructor chuckling) to here. Huge, huge strides. We've got a nice hero. We've got custom fonts. We've got this great structure that lets us build a site. Oops, that didn't work. (Instructor chuckling) What am I thinking? So I clicked on a link, but it's local host but we have the version on the live web. So you can see here, we've got all of these sub-pages. This is a real site. This is industrial strength. There are just a few tiny, tiny things left. And we added the extra little bits of polish like the fav icon and so on. You might notice that this is still mhartl.github.io. And there are some things you can do with custom domains. So this would then be example.com, just the way say michaelhartl.com or learnenough.com or realtutorial.org. There are some extra things. Yeah. <v ->We were gonna try and fit it</v> into this tutorial but explaining how all these things work like why they work, how you set up and sign up for these services. It ended up being (Instructor chuckling) about 120 pages. (other Instructor chuckling) So we figured it maybe it should go in its own thing. <v ->Yeah. So that's settle,</v> that's learn enough custom domains to be dangerous. But this has taken us really far from this incredibly primitive, but still promising page to to this, which is now live on the web. <v ->But if you do want your own domain</v> you should check it out because not only do we sign up for a service to buy the domain set up the domain to work with your site but we also show you how to sign up for Google app engine which lets you have an email address at your custom domain. And that's really like one of those last pieces, if you're trying to make something that looks super professional and you wanna show other people and be able to communicate with them. Being able to have email@yourdomainname.com or yourname@example.com , that's really like the last piece of the pro puzzle. <v ->Yep. So let's check out the master branch</v> while we're thinking about it. (keys clanging) And restart our checklist server. Just to make sure that we're in the right place. Just click here. Here we go. Right. So we mentioned some of the things involved in enough custom domains to be dangerous. There are some other places to go from here. You can look at, "Learn enough JavaScript to be dangerous" which builds on this tutorial. Especially focusing on JavaScript as a programming language and then building out this gallery and making it so that when you click on these different images they won't all be flowers, there'll be a whole bunch of different images here. You click on it and it will change with a tier and also change the description. So that's one place to go from here. And then there's also "Learn enough Ruby to be dangerous". And "The full Ruby rails tutorial", that shows how to make a dynamic web application that has a database backend and all of the sorts of things that you might need for a full web app, as opposed to a static site like this one made with jekyll. But this is a great foundation. This is a real website and you now have the skills necessary to deploy a real website to the live web. Congratulations and good luck.