Also, I'll be posting the section I'm on and what percent of it I've completed in the title of every blog post. So, for example, today's post lets the reader know that I'm on Web Development 101 and I've completed 33% of that course. There's seven courses that I must complete in order to complete The Odin Project. Each course is extensive. Here they are, just to get our bearings:
1. Introduction to Web Development 100% Complete
2. Web Development 101 33% 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'm listing the progress % in the title of every blog post to encourage me to push more to move that number upwards, since I won't want the % number in the title of each blog post to stay the same for too long. This makes me keep an eye on the bigger picture of completing TOP during the day to day studying within each section of the courses.
So the current section of TOP is called JQuery 101, and the first requirement is that I complete codecademy's JQuery course, which I'm working on right now. I learned that seeing many $ signs in code is a quick way to know you're looking at JQuery code. To use JQuery, we can download it and host it on our own website or we can use google to link to it by inserting this link in our HTML (in the head or footer):
And here's a reminder from our CSS and HTML days:
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="stylesheet.css"/>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<div></div>
</body>
</html>
That will come in handy as a quick cheat sheet for HTML page basics and linking to the CSS and JavaScript external files. We used this JQuery code to target a div and make it fade out:
$(document).ready(function() {
$('div').fadeOut(1000);
});
Neat!
I'm listing the progress % in the title of every blog post to encourage me to push more to move that number upwards, since I won't want the % number in the title of each blog post to stay the same for too long. This makes me keep an eye on the bigger picture of completing TOP during the day to day studying within each section of the courses.
So the current section of TOP is called JQuery 101, and the first requirement is that I complete codecademy's JQuery course, which I'm working on right now. I learned that seeing many $ signs in code is a quick way to know you're looking at JQuery code. To use JQuery, we can download it and host it on our own website or we can use google to link to it by inserting this link in our HTML (in the head or footer):
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>And here's a reminder from our CSS and HTML days:
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="stylesheet.css"/>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<div></div>
</body>
</html>
That will come in handy as a quick cheat sheet for HTML page basics and linking to the CSS and JavaScript external files. We used this JQuery code to target a div and make it fade out:
$(document).ready(function() {
$('div').fadeOut(1000);
});
Neat!
SUMMARY OF CODING SKILLS
Total Treehouse Points: 5,385
Treehouse Points by Subject Matter (Miscellaneous not included):
HTML: 663
CSS: 1,599
Design: 1,193
Development Tools: 747
JavaScript: 1,120
Treehouse Ranking (%): "You have more total points than 94% of all students."
Treehouse Badge(s) Earned Today:
Treehouse Courses Completed:
How to Make a Website
HTML
CSS Foundations
CSS Layout Techniques
Aesthetic Foundations
Design Foundations
Adobe Photoshop Foundations
Adobe Illustrator Foundations (66% complete, switched focus from web design to web dev)
Git Basics
Introduction to Programming
JavaScript Basics
Codecademy (& other) Courses Completed:
HTML and CSS (Codecademy)
Design Foundations
Adobe Photoshop Foundations
Adobe Illustrator Foundations (66% complete, switched focus from web design to web dev)
Git Basics
Introduction to Programming
JavaScript Basics
Codecademy (& other) Courses Completed:
HTML and CSS (Codecademy)
Books Read or in Progress:
Completed: "Head First HTML and CSS," by E. Robson & E. Freeman (768 pgs.)
In Progress: "Head First JavaScript," by Eric Freeman and Elisabeth Robson (on pg. 56)
Completed: "A Smarter Way to Learn JavaScript," by Mark Myers (293 pgs., 89 chapters in this book, with 20 coding questions/problems per chapter, for a total of 1,780 JavaScript questions/coding problems answered)
My Progress on The Odin Project:
1. Introduction to Web Development 100% Complete
2. Web Development 101 33% 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 Today: 1
Total Hours Coding: 616
No comments:
Post a Comment