Learn Enough HTML, CSS and Layout to Be Dangerous: Summary
Summary
Learn Enough HTML, CSS and Layout to Be Dangerous: Summary - Video Tutorials & Practice Problems
Video duration:
3m
Play a video:
<v ->You did it, you learned enough HTML,</v> CSS, and Layout to be dangerous. Let's take a second to look back at everything you accomplished in this tutorial. <v ->Part one, lessons one through four,</v> taught you what is needed for an HTML page to actually be HTML, the basic types of elements that are used to contain and modify content and how to add images and links to pages. You also used simple CSS, applied directly to elements contained in an internal style section and also linked in an external file to create a basic layout for your sample website. <v ->In part two, you started to really learn</v> about CSS and in lessons five through seven, you got hands-on practice applying a variety of CSS styles for things like color and sizing to different elements. You also used both simple and complex selectors to target those styles at specific elements or groups of elements on a page. You learned about combining multiple types of selectors together to leverage the cascading nature of CSS, to change the appearance of containers and child elements, as well as how a browser understands the differing levels of importance that those combinations provide. In lesson eight, you took all of that experience and learned to manipulate the CSS box model to style and position major elements on your page to create a layout. After that, in lesson nine, you installed an entire templating system using just the command line, which is no small feat in its own. There are lots of beginner developers who would quake in fear at the thought of having to install and configure something like Jekyll, using only the command line and a text editor. In lesson 10, you learned how to create templates and layouts and then used those features to create an easy to update custom site. You expanded the site in lesson 11 when you used your newfound CSS flex box skills to create a three column layout. And in lesson 12, you added the ability to create and post blog content to your new site. That wasn't the end though, in lessons 13 and 14, you improved the overall professionalism of the site's appearance by adding custom fonts, an icon library for interactive elements and styled the entire site to work on desktop and mobile using media queries. We've covered a whole lot of ground in this tutorial. So think about how much you've accomplished. You've gone from possibly knowing nothing about HTML or CSS to building a professional looking and functioning website that uses a customizable template system to make publishing content easy, all available on your own domain. Best of all, instead of relying on some mysterious third party software, it was you writing the code and making the changes every step of the way. <v ->In addition to all</v> of the basic technical knowledge you've gained, you've also reinforced good habits about tracking code changes with Git, deployed more content to the live internet using GitHub Pages and perhaps most important, you've continued to develop your technical sophistication. The skills you've learned here can be used in a professional environment with site content that uses a template system or you could strike out on your own to create a site for your own business. You could even start a business making simple sites for other people. You are also well on your way to becoming a software developer with all the preparation you need for tutorials like learn enough JavaScript to be dangerous, learn enough Ruby to be dangerous and the Ruby on Rails tutorial. Good luck.