Category Archives: 2017 Summer class

jQuery Fumbles

Leave a reply

I felt particularly overwhelmed this week. The fact that I started some of the Codecademy lessons for jQuery last week instead of this week might have something to do with it. I’m finding the process extremely frustrating. I’ve been having a lot of problems with Codecademy itself. More often than not I had to go into the Q&A Forum for help. (Which, honestly, was encouraging, because a lot of people were having similar issues to me. For example, having correct code that simply wouldn’t go through.) I understand and appreciate the necessity of Codecademy, but when you’re spending hours upon hours (literally) working on it, it gets frustrating.

The project was… okay. Until I got to the jQuery part. I spent a lot of time on the W3 Schools site, and just googling around in general, but it wasn’t particularly fruitful. As you know, it took me forever. There was a point in class where you said that we might not even need to use variables in our code, and unfortunately I spent a lot of time hung up on that. I’m hoping that I will understand it better once we’re in class. I wish it were possible to do an only jQuery practice before jumping into the whole slideshow. I got the pictures up, the text up, and the buttons up. You just can’t see it all. (I’m also glad to know after reading the other blogposts that my fellow coders in this class are feeling similarly to me.)

For my midterm, I was going to interview the coders behind the “North” piece that I showed you. Unfortunately, that fell through as of two days ago. So. On the prowl again. There are a couple of interactive pieces that I really enjoy and would be interested to speak with the people who produced them, so I am currently trying to get in contact with them.

jQuery – Easy(ish) in Theory Hard in Practice

Leave a reply

This week’s lesson left me feeling similar to last week in that many of the steps were logical and easy to understand abstractly, but a bit more complex when put into practice, especially when the examples disappeared. One the one hand, I liked that the project made you set up the jQuery each time you ran an assignment, I now have the $(“document”).ready(function(){   }); permanently ingrained in my head as the starting point for any jQuery work, which is great! However, I thought at other points the lack of guidance with the jQuery lesson as compared to past lessons was frustrating and, frankly, wasted time.

In past lessons, if you try to write the code five times unsuccessfully, the system will give you the option to see the correct code. Although the goal is obviously to write the code on your own, I learn best from watching and observing the correct approach. Therefore, when I got to a piece of code I couldn’t figure out, seeing the correct code enabled me to understand what I had missed, why I had missed it, and how I needed to set the code up in the future to be successful. The jQuery lesson did not provide any code, no matter how many times you tried, which for me was extremely frustrating. I would Google the terms I thought I needed, take a break and come back, look to old lessons for clues, and eventually I did figure each section out but the process was so frustrating my “aha” moment was not very satisfying because I just wanted the practice to be done.

Similarly, although I felt (relatively) confident with the jQuery lessons of Codecademy, I struggled to test my slideshow code in JsFiddle, thus I am not sure if my jQuery is functioning properly, which is frustrating. I would update pieces of the code, refer to old lessons, read notes from class, everything would look accurate, and then when I put all of my code into JsFiddle nothing happened. I could not figure out if it was because my code was inaccurate, or if I was putting it into the system incorrectly, but either way it left me uneasy and annoyed.

As we discussed briefly in class, I think a lot of this comes with months (and years) of practice and repetition, but at this point I am continually surprised by the mental and physical toll that coding takes on my mind. After five hours of staring at five lines of code that look right but don’t work right, I have an ever-growing respect for fulltime coders.

I have a call set up tomorrow to Sarah Howe Elliott, a web developer, project/UX manager at the Chamber of Commerce (I have never worked with her directly and she does not work with my department within the Chamber). I’m excited to hear about her career and if she was equally as frustrated when she first began learning code J

JavaScript > jQuery

Leave a reply

This week’s assignment was very difficult, and I felt quite unprepared for the task at hand, even with the jQuery Code Academy assignment under my belt. I also noticed that I was prompted with multiple notifications from Codecademy alerting me to jQuery’s lessons being updated this summer — which I’m guessing may possibly link to the fact that it seemed like the lesson was very bug-heavy.

There were multiple instances in the lessons where I struggled to find the answer, and the hints proved to be unhelpful. I hope they fix this bug soon, as it took me twice as long to complete this assignment than usual (and they took me forever to begin with!)

As for the slide show assignment, I felt as if I relied on Googling and researching the answers I’d need to make things work instead of relying on the information we have learned in previous classes. Also, I still did not feel comfortable enough to use jQuery to complete parts of the JavaScript assignments, so I stuck with JavaScript to complete it and even then I found many parts of getting the slideshow to work challenging.

Somehow, I was able to make the slides rotate through, but it was an arduous effort to try and get everything to work together…I’m still not even sure how I was able to get it. Hopefully we can work through lots of people’s work to discuss challenges that I’m sure were felt across the class!

Midterm Preview: I will be interviewing a friend of mine with a extensive developing background, who built a website for a counselor/therapist practice in the Washington, DC area.

JavaScript & jQuery: Still Having Trouble

Leave a reply

This week has been very difficult. I still haven’t fully understood Javascript, and then being pushed into jQuery has been difficult. I feel like I am forgetting things I thought I knew about HTML and CSS since we are moving at such a quick pace. The jQuery assignments on Codecademy were much more difficult and didn’t give you the answer after a few tries so you could easily see what you did and wrong learn from it. I found this to be extremely annoying, and unhelpful.

As far as the assignment goes, I am not pleased with my performance. I spent an enormous amount of time on this assignment as well as Codecademy and still haven’t been able to get through them easily, or with understanding. I could never get my code to work completely for my slideshow, and found that very frustrating.

For future classes, I am hoping that we really go through what we need to know for assignments. I felt as though I still wasn’t able to complete this because I wasn’t completely sure of the right things to be plugging in. I understand it is a learn-as-you-go type of class, but I still think that we are going at too fast of a pace to really learn-as-you-go because of the turnaround on assignments and lengthiness of the Codecademy homework. Unfortunately with a full-time job and weekend part-time job I am unable to give this homework the attention it needs. However, when signing up for this class I didn’t realize that the “introductions” were going to be so fast paced and I would be continually spinning my wheels to try and keep up. I hope that in future classes now that we have at least kind of gone over the “basics” we will be able to move slower.

Assignment on GitHub: https://github.com/alliefoard/Gallery-

Nothing Simple About This

Leave a reply

At this point, I have not finished the jQuery tutorial. I also have not managed to put the slideshow together. Despite doing all I can to clean and improve my code I have had very little success. All this time I thought my CSS was incorrectly linked to my HTML because I never saw any of the changes go live. Today I remembered JSFiddle and saw my boring white background turn blue. Victory, yes but still a small one since the title is still justified to the left.

I’m trying to build the slideshow code but even after extensive Googling and doing the courses I’m still having trouble just starting and not copying what w3schools has done. I understand the purpose and uses of jQuery and agree that it can is useful. For the parts of it I understand, I like and can probably write on my own. These lessons did a great job of forcing us to start the code from scratch. It could have been because the structure required for JavaScript, CSS, and HTML are not necessary here.

This week, my post will be very similar to those of my classmates. I do have to say that the class discussion forum has been very helpful. More so than Codeacademy. There is a notification at the top of the lesson that says they will be updating the jQuery lessons. I desperately wish these updates would have happened before we started this course but, oh well. The structure is  dramatically different, the hints are even less helpful, and there is no way to get the code and start again. Sometimes even when there are problems with the code it allows you to advance to the next step.

Developer interview:

For the midterm I interviewed a developer who is relatively new to the field. Tiffanie Johnson works for Forum One and is currently striving towards becoming a subject matter expert in Angular and Drupal 8.

The Challenges of jQuery

Leave a reply

This week, I started out with completing the jQuery exercises for Codecademy, which was really challenging because it didn’t provide the code. I had to really concentrate in order to find it. I worked on it for 8 straight hours.  What is rewarding about code is that when you get it, you feel so accomplished, but what is frustrating is the process. It feels never-ending. I have more respect for web developers’ patience the more that I code.

I am currently on the search for a web developer. I had a lead but he just went out of the country, so now I am scrounging Linkedin for some possible people. I would love to speak with a developer from a major news outlet like the Washington Post or NPR, because they are working where I would love to work.

Completing the slideshow exercise is no easy feat. It took me at least 3 hours on Saturday night to try to make a file on Sublime, especially since I had to miss class Wednesday. Luckily, my classmates helped me out by reminding me I have to put the photos in the same file to link the images. I’ve been depending on W3 to help me out with code and while I have started the file on Sublime, I’m still trying to figure it out which will unfortunately take me a little longer than I thought. Learning web development sometimes tests my patience and it’s frustrating because I like things to happen fast. Hopefully, after I speak with a developer and keep practicing, I will become better at this with hard work and drive.

Another trying week

Leave a reply

This week was a culmination of putting a lot of the languages we’ve touched on together. And it went poorly. The slideshow project was an interesting take on putting all the pieces together but it still felt overwhelming.

I’ve found that learning all of these concepts has been hard because we haven’t really gone through them together. In a different class I took last semester, Data Journalism, we went through a lot of technical platforms like SQL and Python, but we went step by step together. Only then did higher level concepts start to make sense.

It would be really helpful if we had class time where we went through things like how to make a slideshow step by step, so we could see how something came to fruition, before we are expected to create one on our own. Like Greg said in class, teachers do teach you how to write a sentence, but they don’t release you into the wild to then write an essay. To take that metaphor we had in class to its logical conclusion, you’re leaving out important building blocks like essay structure, paragraphs, and thesis statements. I feel like we only cover abstract concepts in class, only to have questions moved past because we don’t really go over assignments or take a look at the building blocks we need.

While some could say that Codecademy is what bridges that gap, I’ve continued to have problems with that as well. Currently the interface seems to delete sections I’ve done or doesn’t add a check mark to things to say items have been completed. That’s been really hard, especially when I’m trying to figure out why some lines of code are right or wrong.

I understand why a lot of the class is geared towards making sure we can figure out how things are broken on our own, but I feel like I’m operating at a huge handicap every week because I don’t quite understand what the best practices are to begin with. It would be really helpful to work on foundational things in class so that way outside study can be used to hone things, not figure out what square one is.

As for my Midterm, I will be interviewing Matt Callahan. He works at The Washington Post as a designer, but mostly does what we call “enterprise” templates. These templates are for our bigger stories and are always custom designed using jQuery and JavaScript.

 

jQuery, more like jDisaster

1 Reply

This has been a very frustrating week to say the least! While I was able to complete the jQuery Codecademy lessons before the last class, I have been unable to follow along with how to create the slide show. I felt unprepared. My current code doesn’t work, at all. I’ve spent three days trying to figure out how to do this, so I’m hoping someone can look at my jQuery/JavaScript code and help me out! I think the hardest part was finding out where to start because it wasn’t as straight forward as some of the other assignments and wasn’t part of the Codecademy lessons. That being said, I went into this assignment thinking I had a good understanding of jQuery (not JavaScript), but now I feel as confused and behind as I did when we learned JavaScript. I’m not sure what the missing pieces are that I don’t understand, but there are definitely a few. Something I kept asking myself in researching guides on creating a slideshow was if I should put the images in a list or not? Everyone seems to do it differently. The captions were there when I initially ran the code, but are now hidden. AHH!!! It was not a successful coding weekend this weekend. I’ll have to give it a try next week and hope that things start to make better sense and get easier! (And I hope next week doesn’t involve 9+ hours of work!)

Midterm: For my midterm, I will be interviewing Lauren Soni who is the Webmaster and web developer for HHMI’s research campus, Janelia Research Campus in Ashburn, Virginia. I don’t work directly with Lauren and our paths only cross during team meetings since HHMI has a webmaster and web developer for our own site. Lauren has been a web developer for about 3 years and is also in the process of completing her Master’s degree at Northwestern University Online. Through our interview, I want to learn a few things—1) learn how Lauren transitioned her career from Biomedical research to web development, 2) her advice for learning different types of code, where to practice and how to begin, 3) talk about her involvement in creating a responsive site for Janelia and other major projects.

Not Jiving in JavaScript, Yet

Leave a reply

I found this week’s Codecademy lessons on JavaScript (JS) and jQuery quite difficult. I got lost a lot because each new step built upon the last, and the lessons didn’t (unlike previous lessons) do a great job repeating each step over and over so it could sink in. Also, the building blocks of the language weren’t as simple, straightforward, and intuitive as I found those in HTML and CSS to be. The data types and console.log statement seem easy enough, but once we started building in operators and functions, arrays and loops, I got lost. I found myself needing hints and cheating to get the code… it was very frustrating.

Also, for the first several lessons I kept wondering how this language would jive with what we have learned in HTML and CSS. I think I would have preferred to have the JQuery lesson first, then the others to follow. That last lesson did a good job explaining how to link JS to the DOM and how they interplay with each other in real time on a website. Because I wasn’t able to attend class last week and missed our initial discussion about JS, I did some research on my own and found what I think are a couple good “Intro to JavaScript” resources others might find helpful:

  1. w3schools.com — https://www.w3schools.com/js/js_whereto.asp
  2. dummies.com — http://www.dummies.com/web-design-development/javascript/javascript-and-html/
  3. betterexplained.com — https://betterexplained.com/articles/the-single-page-javascript-overview/
  4. htmldog.com — https://www.htmldog.com/guides/javascript/beginner/

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!

Cheers,

Jane

JavaScript — Difficult, But Not Impossible!

1 Reply

The JavaScript assignment this week was complex, yet simultaneously the most logical for me to follow. One of the Codecademy lessons pointed out that a lot of the JavaScript functions are very straight forward statements – “if” something then do [blank], otherwise, do [blank2]. The logical of that set-up, for me, is much easier to internalize than some of the CSS or HTML code (such as the difference between a class and id, still unclear why those need to be separate). Similarly, I found a lot of the functions to be relatively understandable. With if/else statements, for example, depending on the variable, the function will run though “if” “else” or “else if” statements until it finds the correct variable and then execute the appropriate statement.

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.

Last week, my inability to execute the code would have been very concerning for me. However, this week I realized that my understanding of HTML and CSS has already greatly improved. I was able to build a new homepage with different fonts, colors, pictures, sizing, and overlapping images in a relatively short amount of time, which took me numerous hours last week. Thus, I am hopeful that with time and practice I will gain a similar familiarity with JavaScript.

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.

Also, as a final side-note, I am interested to discuss in class how everyone’s slideshow is coming thus far. I feel relatively confident that I have built the CSS and HTML blocks correctly for the slideshow, but am struggling with (as mentioned above) actually executing the JavaScript code and wonder how others progress is coming along.