- w3schools.com — https://www.w3schools.com/js/js_whereto.asp
Questions for the week are: what is the recommended order for developing HTML, CSS, and JS?; could we inspect a couple webpages to see how they are using JS?; if I wanted to create a rotating image block, is that done using JS?; and is an RSS feed JS? Also, would one ever code JS in CSS?
I look forward to working through some examples in class on Wednesday and spending some more free time practicing all three languages!
Where the confusion, for me, came in was actually executing the code. Reading the Codecademy explanation, and reviewing the code provided by Codecademy, while time consuming, made sense after I read each line a few times. I struggled, however, when trying to recreate the code for a new set of variables, specifically when we got into functions.
I am excited to learn more about JQuery as I think that will simplify a lot of my confusion be de-cluttering the code. Sometimes I think I get lost in the numerous statements, variable, numbers, etc. I have a feeling I am overcomplicating the code, but I think the introduction of abbreviations will help me understand where I can cut back on wording.
Echoing the thoughts of some of my peers, I found this week’s Codecademy lessons to be the most difficult to really understand. In particular, the lessons on functions, arrays, and looping really confused me, and I needed to go over practically each hint to figure out the correct code.
Another thing I struggled with was understanding how to correctly write pieces of code inside of code. Codecademy would ask me to write a for loop inside of a for loop, and I would have no idea how to set that up or where in the code to begin. It also made it hard to differentiate where one element of the code ended and another began.
- HTML Dog
- On HTML Dog, they have different lessons and pages that go through similar content that we learned on Codecademy. I appreciated how easy it was to follow along and didn’t feel as lost as I did when going through the Codecademy lessons.
- YouTube Tutorial
The second half of the week, I started working on the midterm interview by searching on LinkedIn for potential connections with web developers. Would interviewing a web developer from HHMI’s sister research campus be too close of a connection? I am nervous about this assignment. I haven’t interviewed anyone for a story since college and know that my journalism skills have fallen flat since then. I’m looking forward to the challenge and what I’ll learn from someone who has made a career out of web development.
This week, I appreciate that our work was broken down into a small increment that was more manageable for me to work through and digest between last week’s class and this week. That being said, I definitely struggled with keeping all of the concepts straight, and I definitely took comfort in the fact that my fellow classmates had difficulty with some parts of the lessons as well.
One question that I had was about the explanation in Codecademy about generating a random card by using the Math.random and Math.floor functions. I wasn’t sure why you would multiply that function by 4, and where exactly that number and matching “card” came into play. Hopefully Greg will be able to shed some light on this, or hopefully walk us through this example and explain where the multiplication comes into play.
Overall I am looking forward to working through a couple of examples, similar to how we walked through the photo gallery last week, so that the overall structure of some of the jQuery concepts can be explained, and how that integration process works.
I do have to say that I found this a little easier than the combined HTML and CSS lessons. Somehow this was less confusing. Much of my trouble came from Codecademy’s unclear instructions.
I also wonder if there was a glitch with the program. I have no idea if other students had the same problem but for some reason when I opened some of the lessons, the code was already complete. The solution was simple, I just refreshed the code. But when you are just starting out it is a little confusing.
Thankfully many of the codes are very similar and build on each other. I struggled with divs and how to put them together and the way they interact with the elements on the HTML page. Variables and functions though, I picked up easily. It is strange because structurally they are kind of similar.
Overall I had significantly less trouble understanding this than I thought I would. Surprisingly enough I found myself enjoying learning this language. Maybe my fear came from the way it was described in class. Or seeing the completed code in another language while I was still struggling with the first two. I’m not sure really, but I like it now that I have tried it. Will I say the same thing later this week while trying to build a photo slideshow? Will I have the same level of clarity as I do today? Watch this space in a week for my answer.