Learning Javascript: Week Two

Week #2 was probably the best week in class I’ve ever had. I liked it because I actually started understanding Javascript. Before, in my Java class, I was confused because I wasn’t sure where things were supposed to go, why they had to go there or what the end result would be. By using the sites below, I was able to finally get it. Repetition really helps me, and Code Academy truly helped me understand.

Javascript Hotline: If you’re desperate for the answer to your Javascript question, look no further. This site has several volunteers on call at all times. For those of you who are shy, they also have a chat room, but, I haven’t had much luck with using it. It’s just nice to know there’s someone out there who can help you. Did I mention it was a free service?

Code Academy: This site is exactly what I was looking for! Code Academy allows you to learn code, type it and check it immediately to see if you’re correct. If you sign up, you can keep track of the progress badges you earn. There’s also a hint button and a forum if you get stuck. You can also learn a few other languages too, like jQuery, PHP, Python & Ruby.

Code Combat: Play a game and learn Javascript too? This site features fast, extensive practice of coding while also playing in a wizarding world. You “cast spells” against your enemies by typing Javascript commands. It’s definitely a change from all the boring textbooks because you finally get involved in the coding and still have fun.

Easy Calculator: One of my projects recently was to create a calculator, and this site, which has a plethora of codes, definitely helped me out. They have a directory and a search bar to help you find the exact code you’re looking for. Some of these are very simplified, so if you just need a starting point, use these and customize to your heart’s content.

On one of my assignments this week, I couldn’t for the life of me figure out how to display a calculated result on the page after clicking a button. I had the code and calculations working perfectly; I just couldn’t get it to display. Now, I learned how to do an alert and a document.write, but the assignment called for it to display below the button on the same page. I searched the internet thinking I could find an easy fix, but after 2 days of searching: nothing. I finally caved in and asked my teacher, and he quickly fixed my issue. Notice the last line in the function that says “document.getInfo…”. That line then pointed to a text box at the end of the form field. So simple, yet I couldn’t figure it out.


Click to see the bigger code.

It’s such a great feeling to finally start understanding Javascript. It made my week really pleasant. But when I wasn’t getting it, I really just felt like crying. You try repeatedly to edit your code, test it and nothing. It’s a really hard task, especially if you’re a quitter. But, if you’re like me and want to do whatever it takes to solve the issue, coding is for you. (Also, using Firefox for debugging is helpful too.)


Learning Javascript: Week One

This past week was my first time back in class since May. It was hard starting up again, but I got back into my normal rhythm in no time.

Below are a few sites I found interesting and helpful for my first week of class.

Now, on to week 2…wish me luck!

Not Just a Web Designer

When I started this blog as a class assignment, I was only going to post web design topics. However, I have been doing a lot of graphic design more so than web design lately (due to summer break). I have stumbled across a great article today and wanted to share it with you.

I recently signed up for a website called 99Designs.com. You can either use the site as a client or as a designer. As a client, you submit your project details and hold a contest for the designers to try their luck at creating something for you. At the end of the time period you select, you pick the winner and compensate them however much you choose. As a designer, you can enter as many contests as you’d like and win cash prizes that are often times $200+!


Screenshot of an active contest.

I think the best contests are ones that hide the submitted entries so you can’t see what others have done. I know once I see the others I get discouraged and decide not to enter.  I say give it a shot cause you never know what the client is really looking for. It doesn’t hurt to try, plus you can add the work to your portfolio.

So I subscribed to 99Designs on Facebook and they posted an article today about how to make a great 3D package design mockup. It seems like it would take a lot of work, but really, all you’re doing is putting your images into Illustrator and manipulating them to look 3D. It definitely makes you look professional, especially with that drop shadow and reflection at the base.

Free Shopping Cart Sites

I’m trying to put together my first online store and I don’t really have the budget to go all out. I found a really simple and free storefront service before, but I can’t remember the name. It was awesome and super easy to set up, but as luck has it, I lost the link.

So, after looking for some new options, I came across this site listing all kinds of shopping cart sites. Some you download, some are open source. I think this is a pretty good list. I will try out a few and report my experiences in a later post. But for now, here’s the link to the list of free online shopping cart sites: http://www.ecommerce-hosting-guru.com/free-online-shopping-cart.html

Helpful Sites – Part 1

I’m a graphic designer studying to be a web designer, so I have a lot of sites I visit when I need help. Whether it be for picking color schemes, cool fonts, background images, etc., these following sites have served me well.

When I need color schemes – kuler.adobe.com

When I need free and cool fonts – dafont.com

When I need a quick cheat sheet on HTML/CSS – visibone.com

When I need free Photoshop brushes and images – deviantart.com

When I just need simple advice on web design – lissaexplains.com

And that’s all I can think of at the moment, but I’m always finding new and interesting tools all the time. One thing I’ve always liked to do is share my knowledge, so this blog will be updated regularly.