Lab 12: JQuery Slide Down List

      So, another lab about JQuery. That's always my introduction, just saying lab it's about. It really got boring, so I kind of started to commentating on to it, I mean, not many people are reading this anyways. In this lab, we have to use JQuery to create a list. Not just a simple list, but a list with JQuery...and JQuery...just kidding, this list will actually only show its content when you hover on to it. We also learned so next HTML tags this time. Which is the <dl>, <dd>,<dt> tags that does almost the exact same thing as <ul> and <li> tags. But it's always a good thing to learn next tags...I guess... I'm thinking of going to major in Computer Science in College, but I am still not very sure. I've always thought that I'm a math or tech guy, but what if I'm not? I've always been interested in different things when time goes. I hated reading almost my entire life until now that I kind of felt in love with it..."because you know what I like more than materialistic things? Knowledge!" (comment below if you get this inside joke.) lol. Let's get back to the list. We have to choose a subject that we like a lot, and make this list with 8 questions and answers about it. I mean...we have to choose WEB DESIGN! No questions asked! But I just really can't think of any questions or answer for it, so I chose Economics which I recently just felt so amazed of how incredible that class is. It's one of those few classes where I don't even what to be late for. I guess it's because Mr. Franck make it so good. He's a cool dude. And he promises that we will all know how to get rich by the end of this class...but he also said non of us will do it. It's one of his strategies to make us work I guess. But everything he's been teaching have been so interesting. It is one of the best classes I've ever had in this school along with Web Design and the College Now Propaganda class that I took last year. These are classes that really make a different in our everyday lives, Specialized Knowledge as Napoleon Hill says.

      And the list is about my economics class, but I clearly stated on the webpage that it's my favorite subject "BESIDES web design of course". So on the list, I simply chose a few questions with short answers to and put them into the <dl>, <dt>, and <dd> tags to make the list. Then I added some CSS to match my website as always. Then I added the JQuery codes that make the the content to show when the mouse is hovering on to the that question (<dt>). But somehow I got an 9.5/10 because of the CSS of the website. I guess I've been using the same style for too long, I've been a bit lazy. There is a thing call SENIORITIS you know. It happens and it's very difficult to control. I really just want to enjoy the rest of my high school days chilling with friends and stuff. But I also just got this internship at CSNYC and everything, it's good but that's gonna be more work. I think I will be STRESSED! I wish I can be a little kid again...But I still need to get creative again to make things different. New colors and everything. And that's what I will be doing on my next project, which is about IDENTITY. Stay tune, because it will be good, and different of course. The blog get so long doing this, it's getting out of hand...but at least it looks better from a far and I can have more fun writing these blogs.

Lab 11: FANCY BUTTON! by Jiahua

      This is the second lab with the use of JQuery. In this lab, we have to create a button that can change opacity when you hover on to it. This is for to make it more interactive to the users. And it makes it cooler if things changes without the need to click on things. It also tells the user that the mouse is hovering on top of the button. Ms. Ramirez showed us an example of this button which is done by Mark a talented alumnus of ITHS...this makes me think of the 3 months that I have until I leave this amazing place...so much amazing memories here. I really don't want to leave...so many friends and amzing teachers and staff here...I really don't know what to say... Anyways, back to the lab, we had to create this special button with JQuery.

      I first made a button, changed the CSS to the one that I use for all my other buttons on this website to match my website and maintain a nice consistence. I goal was to have it normal went you don't hover on to it, but when you do hover on to it, it will change it's opacity to a less visible or let's say fading away, but it does't fade back until the mouse is not hovering on it any more. At first I wasn't exactly sure how to do this lab until I saw Mark's project, I really want to thank him for his amazing work and the legacy he left behind here, I really wish I can do the same as well, but I do see Ms. Ramirez so my old stuff to the younger Web Design studens, it makes me proud something. I might as well just be known as the Minion guy, lol! I really wished I had the chance to get to know Mark. He must be a very interesting person to talk to. I might be able to learn more of web design from him. Anyways, I'm getting off topic here again, but I needed to fill the space out as there isn't too much to talk about in this lab... it's just a button that changes when you hover over it. I simply made it fade to a different oppacity on mouseenter and mouseleave, which is inspired by the code of Mark Munoz.

Lab 10: First JQuery Document

      After we have learned the fundamentals of how to use JQuery in Khan Academy, the amazing free website of knowledge, the website the helped me on my math exams, JavaScripts, and even my SAT, we finally get to make our own website using JQuery. The task is simple, we only have to create an object, an example can be boxes of different sizes or colors which that one is hiding, one showing, one fading in, and one fading out using JQuery. It was very easy, mostly because I fully completed the whole JQuery tutorial in Khan Academy unlike some... I was too easy so I tried to add something more to it.

      Instead of making boxes with CSS, I decided to use the images that I took last year at Gantry Plaza State Park, it's an amazing place, I still hang out there with my friends once in a while, when we have the time...school keeps us very busy. I didn't wanted to have everything in the way it already it, so I wanted to create a button that can change everything only it you click it. And if I was to create a button, what if the user wanted to swich everything back again? so I made two buttons instead of one, one is to trigger the function to hide, show, fade in, or fade out the images. Then after you clicked this button, it will also toggle (something I've learned in Khan Academy that was not required for this lab) this existing button and the hidden button that switches everything back. The other button will unhide, unshow, and fade back the images, puting back things to its original state. I also remembered the slideDown JQuery function from Khan Academy, so I added into this lab as will. To do this, I combined all of what I already learned before with the new things. I really impressed myself that I made this happen. I was also the very first to complete this lab and was wishing to have a few extra points added to my grades...but it didn't...well, at least I got 10/10 in it...