Javascript and the DOM | Reflections

Image

A thrilling screencap of my planets website, with the additional changed message of “It’s life, Jim, but not as we know it” on the “blue planet” portion.

I’m excited to be finally starting Javascript in this class — aside from some navigation bar problems that are well-documented, I’m fairly comfortable with the basics in CSS & HTML, but I’m completely new to Javascript. These are uncharted waters for me, and I’m nervous but ready to learn. The chapter was daunting in length and scope, but ultimately pretty easy to parse. The structure of Javascript feels very similar to Actionscript, which helped me get more comfortable with the structure. It still feels a little weird — especially since I’m learning Python right now in Programming Logic, and all these slightly different coding languages can be hard to keep track of. But I’m sure that after a few hours of practicing the basics, I’ll be able to write it more confidently without flipping back through the book to make sure I have the right syntax.

One part of the homework confused me, however. It was on page 61, the “Secret Message” homework, where it asked you to “write the element each line of code selects, as well as the content of the element to reveal the secret meaning!” I was unclear on what “the element each line of code selects” referred to. I understood that the assignment was asking us to find the corresponding words in the DOM with the lines of code, but the first part of it confused me. I didn’t know if it wanted me to write down “E7” or “E12” etc., as well. That was the only real trouble I had with the assignment. Other than that I think that mastering (or at least being able to use) Javascript will come down to adequate practice and time!

You can see my planets website here. I hope I added my new message correctly — I just replaced the old Blue Planet text with something new when the page loads, just like the Green planet.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s