Day 49: Sublime Text Editor, HTML, and CSS

Continuing with The Odin Project coursework, I took a class on the Sublime text editor.  After that was a class in Codecademy on CSS/HTML.  It was a 7 hour class, and I completed it today, but I have been working on it over the last two weeks, as well as moving forward with other classes in the Web Development 101 chapter of The Odin Project which preceded this 7 hour class.  Here's a screenshot of the 7 hour class after I completed it:

I'm going to start tracking my progress in The Odin Project in my Summary of Coding Skills below.  The Odin Project is divided into 6 sections, which I went over in an earlier blog post, but I will go over again here, with my progress on each section noted in parentheses to the right of each section:

1.  Introduction to Web Development              100% Complete
2.  Web Development 101                                 22% Complete
3.  Ruby Programming                                        0% Complete
4.  Ruby on Rails                                                0% Complete
5.  HTML5 and CSS3                                            0% Complete
6.  Javascript and JQuery                                   0% Complete
7.  Getting Hired as a Web Developer                  0% Complete

I was going over pseudo-selectors, and I learned something interesting:

Make sure to leave a space between body:nth-child. If you don't have a space it means "find the body tag that is an nth-child". If you have a space it means "find the nth-child of the body tag".

Neat, huh?  Having a space between the colon or omitting it changes the action the pseudo-class selector takes.  While going over classes and id's (which I learned about previously when I learned CSS several months ago) today, I wondered why someone would ever use and id, when they could simply use a class.  There was a big debate on stack exchange regarding this, and neither side really had any definitive answer.  As things stand, according to the thread, you should use id's if the id will be unique, and you should use classes if you intend to apply the class to several elements.  This is because this is a best practice.  That doesn't answer why it's a best practice, though, and the debates on this were pretty lengthy.

I enjoyed going through the seven hour course.  Even though it was very simple, it made me much more confident in my knowledge of HTML and CSS, so that's great.  It was also great to go over some concepts again which maybe I had only browsed earlier, such as pseudo-classes.  Tomorrow I'm going to continue with more HTML and CSS refresher courses.  See you guys tomorrow!

SUMMARY OF CODING SKILLS

Total Treehouse Points: 3,823
Treehouse Points by Subject Matter: HTML 663, CSS 1,599, Design 1,193, Development Tools 336, and Miscellaneous
Treehouse Ranking (%): "You have more total points than 86% of all students."

Treehouse Badge(s) Earned Today:
None

Treehouse Courses Completed:
How to Make a Website
HTML
CSS Foundations
CSS Layout Techniques

Aesthetic Foundations
Design Foundations
Photoshop Foundations

Codecademy (& other) Courses Completed:
HTML and CSS (Codecademy) 

Books Read or in Progress:"Head First HTML and CSS," by E. Robson & E. Freeman (In progress, I've read the 37 pg. preface and the first 255 pgs. of actual content, which is the HTML section of the book)

My Progress on The Odin Project:

1.  Introduction to Web Development             100% Complete

2.  Web Development 101                                22% Complete

3.  Ruby Programming                                       0% Complete

4.  Ruby on Rails                                               0% Complete

5.  HTML5 and CSS3                                           0% Complete

6.  Javascript and JQuery                                  0% Complete

7.  Getting Hired as a Web Developer                 0% Complete

Hours Spent Coding Since Last Post (it's been almost two weeks): 10
Total Hours Coding: 242