I have been waking up at 7 a.m. every day this week, including today (Saturday) to go code for several hours at Strange Brew, a coffee shop on the South Side of Austin. This habit has been great at keeping me focused, and I plan to continue it. My brother and one of my friends are also meeting up with me and coding. They don't have any coding experience, but they decided that waking up early and learning a new skill (coding) would be a positive use of their time, so that's why they join me almost every morning. Being Saturday, we didn't get much studying done today, instead spending the morning socializing.
Once I was back home, however, I started up on Treehouse again. The course I'm currently on, which is part two of the Web Design track, is titled HTML. I just started this course today. I have been using Treehouse's in-house editor (workspace) during the first course, but I did have Sublime 2 installed on my PC. Today, I downloaded Notepad ++ to compare it to Sublime 2, but after comparing the two, I decided on Sublime 2. I did not like that Notepad ++ was not indenting my code, and there's a plugin to make it do that, but after I installed the plugin, I received a message saying the plugin wasn't supported by the version of Notepad ++ that I had, and I didn't want to waste any more time on the editors, so I just went with Sublime 2. I also preferred Sublime 2's more aesthetically pleasing interface.
I learned the HTML code "<blockquote></blockquote>" and I went back and used it on a blog post from two days ago that had a quote from Treehouse: Day 3: Lots of Coding. Getting Really Into This!
I discovered a site called "codepen" today. It's amazing, and I think it's going to be a great aid, both in learning HTML and CSS, and later on, as a tool to showcase my portfolio. In addition to its amazing utility, the site is very crisp/clean. This is the code I worked on today (I uploaded it onto codepen!).
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>My Page</title>
</head>
<header>Hello World!</header>
<body>
<h1>This is a level 1 headline</h1>
<h2>This is a level 1 headline</h2>
<h3>This is a level 1 headline</h3>
<h4>This is a level 1 headline</h4>
<h5>This is a level 1 headline</h5>
<h6>This is a level 1 headline</h6>
<blockquote cite="http://example.com/story.html">
<p><em>Sed ut perspiciatis unde omnis</em> iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. <q>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora <q cite="http://example.com/story.html">incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis</q> suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
</blockquote>
<hr>
<p>I know how to use <abbr title="self-contained underwater breathing apparatus">SCUBA</abbr> gear</p>
<p><strong>"Sed ut perspiciatis unde omnis</strong> iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"</p>
<br>
<p>When we use the <code>drive()</code> function on the <code>vehicle</code> object, it moves forward</p>
<pre>
Here is some text.
It is...
preformatted!
<br>
<br>
</pre>
<pre><code>
if (!foo) {
then bar=3;
}
</code></pre>
<address>
Mr. Example<br>
Example City, U.S.A.<br>
1234 Example Road<br>
</address>
<p>My favorite book is <cite>A Tale of Two Cities</cite> by Charles Dickens</p>
<p>think<wbr>vitamin.com</p>
</body>
<footer>Goodbye World!</footer>
</html>
I learned the HTML code "<blockquote></blockquote>" and I went back and used it on a blog post from two days ago that had a quote from Treehouse: Day 3: Lots of Coding. Getting Really Into This!
I discovered a site called "codepen" today. It's amazing, and I think it's going to be a great aid, both in learning HTML and CSS, and later on, as a tool to showcase my portfolio. In addition to its amazing utility, the site is very crisp/clean. This is the code I worked on today (I uploaded it onto codepen!).
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>My Page</title>
</head>
<header>Hello World!</header>
<body>
<h1>This is a level 1 headline</h1>
<h2>This is a level 1 headline</h2>
<h3>This is a level 1 headline</h3>
<h4>This is a level 1 headline</h4>
<h5>This is a level 1 headline</h5>
<h6>This is a level 1 headline</h6>
<blockquote cite="http://example.com/story.html">
<p><em>Sed ut perspiciatis unde omnis</em> iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. <q>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora <q cite="http://example.com/story.html">incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis</q> suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
</blockquote>
<hr>
<p>I know how to use <abbr title="self-contained underwater breathing apparatus">SCUBA</abbr> gear</p>
<p><strong>"Sed ut perspiciatis unde omnis</strong> iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"</p>
<br>
<p>When we use the <code>drive()</code> function on the <code>vehicle</code> object, it moves forward</p>
<pre>
Here is some text.
It is...
preformatted!
<br>
<br>
</pre>
<pre><code>
if (!foo) {
then bar=3;
}
</code></pre>
<address>
Mr. Example<br>
Example City, U.S.A.<br>
1234 Example Road<br>
</address>
<p>My favorite book is <cite>A Tale of Two Cities</cite> by Charles Dickens</p>
<p>think<wbr>vitamin.com</p>
</body>
<footer>Goodbye World!</footer>
</html>
Total
Treehouse Points: 720
Treehouse
Points by Subject Matter: HTML 387, CSS 303, and Miscellaneous
Treehouse
Ranking (%): "You have more total points
than 51% of all students."
Badge(s)
Earned Today:
HTML Introduction
Text
Text
How to
Make a Website
Hours
Spent Coding Today: 5
Total
Hours Coding: 33
No comments:
Post a Comment