HTML & CSS

My experience with HTML & CSS on Code Academy

To be perfectly honest, prior to this assignment I was scared of coding. Despite the fact that speakers have been saying that anyone can code and that it’s something that can be picked up even after college, I just couldn’t get past the fact that elaborate websites could be based on something simple. I was expecting to struggle through this assignment and probably end up Googling how to do certain coding tasks along the way. My pessimistic attitude toward coding results from the fact that I have never had any interaction with coding until this tutorial. In fact, until this semester, all my years of education have never covered this topic. Therefore this unfamiliar language that serves as the basis of every website I’ve ever visited was a bit intimidating to say the least.

To my surprise, Code Academy’s interface and step-by-step breakdown of instructions, was very easy to follow and I was able to finish over a full hour of stress-free coding without having to consult outside sources for help! The tutorial was effective because it left no room for failure since every single step was spelled out thoroughly and generous hints were provided. I found irony in this since a few speakers talked positively about failure as a motivator and a necessary process toward success. I’ve always preferred to be successful without prior failure, so I appreciated the success-oriented steps in the tutorial. However I’m sure that in more complex coding applications, failure would be pretty much inevitable.

I would definitely consider completing more of this tutorial on HTML& CSS or even trying other coding languages. This kind of valuable information is being taught in classes that people pay money for. The fact that Code Academy offers it for free is wonderful and I would encourage anyone interested to take advantage of it. I believe that novices to coding should definitely start with online tutorials like Code Academy, which offers the perfect balance of hands-on learning and hand-holding, resulting in an enlightened mind that is open to the many possibilities of coding.

HTML coding

This image shows the final step in HTML Basics, which is the last section I completed in the tutorial. In this step I used code to add and image, a hyperlink, and a hyperlink that was coded as an image.

Learning HTML: How To Make Life (easier)

I have my own blog, so I did have one very minor experience where I tried to play around with CSS, but I wouldn’t say I learned anything from trying to teach myself. Going through the tutorial on HTML and CSS on codeacademy.com was the first time I had ever really attempted coding, so I was definitely a novice or beginner. I was very nervous going into the tutorial because I thought learning to code was going to be very difficult. I was pleasantly surprised. Codeacademy.com makes coding seem really easy, especially since they break it down into very manageable steps. Rather than being thrown into the middle of a webpage with lines of code on it, they have you actually create the lines of code one line at a time. This was really helpful because you get to see what each line means by creating it instead of just looking at it and reading an explanation.

The code I was working on.

The code I was working on. The step-by-step method makes coding seem really easy.

I will definitely finish this tutorial because learning HTML and CSS will help me make my blog the exact way I want it and I won’t have to rely on the templates I’m provided anymore. If I find that I am using these languages quite a bit, I will consider learning another language through code academy as well. Since I do want to work in a facet of the tech industry, it will be helpful to know the basics of several different coding languages so that I have a good foundation to learn even more in the future. There are a few friends I would recommend codeacademy.com too. I have several friends who like to create things and make things their own and I feel like they would really enjoy playing around in the tutorials. I don’t think I would recommend it to my parents because I don’t think they have the patience to learn to code–especially line by line!

My "finished" product. I figured out how to center to text and picture on my own and even created a hyperlink picture.

My “finished” product. I figured out how to center to text and picture on my own and even created a hyperlink picture.

I do think this is a GREAT place for beginners, however. By the end of the tutorial section I was working on, I started to play around and learn how to make things happen on my own. You can also go back and start the tutorial over from the beginning, which I think is really helpful because you don’t have to rely on memory as you go farther into the tutorial. Overall, I really enjoyed my experience on codeacademy.com and I can’t wait to continue learning how to code!

Learning HTML & CSS

This was my first time since middle school dealing with code. I remember I had a class where we made a game using python and I thought it was pretty cool, but nothing was ever reinforced in the rest of the curriculum. I used to use Dreamweaver in high school, but I always had it in design mode instead of trying to code it. Some of the tags looked familiar to me and CSS was pretty easy to get the hang of. I would definitely consider finishing this tutorial; in fact I will probably go through all the codeacademy tutorials this summer before I start Principles of Computer Science next semester (double major whoop!). I think codeacademy is a great place for people to learn how to begin coding. The site is designed to be very forgiving and consistently reinforces what was covered in previous sections. Plus now I can understand the text tab on wordpress posts!Screen Shot 2014-11-19 at 11.45.18 PM