Lab 14 Stop Method Reflection Journal

           In this lab, I had to use my previous lab 13 and include a feature. I had to create a stop button that stops the animation and another one that stopped all of the animations and finished it to the end. I did this using the jquery stop() method. Unlike my previous lab, I created another column to put a button to stop each animation specifically for that animation. Then I put a stop all and finish button at the top because it would be easier to stop it if it was in the top and you could notice the difference. It was a bit hard doing this lab because it was a bit frustrating since the page wasn't fully loaded yet so I had to double click the button for it to work instead of clicking it just once and I had to be really fast too. Otherwise this lab was kind of easy since I just had to use the syntax shown below. These skills will help me in the future if I want to show the process of an animation, this could be included if the person that visits my page wants to skip the animation to the end.

The basic syntax is:

$(selector).stop(stopAll, goToEnd);

Lab 13 jQuery Animate() Method Reflection Journal

      For this lab, I had to create four division with different animations demonstrated using the .animate() method. First I created an html document with my overall css and then I made a table with 2 columns and 6 rows for organization. For the first animation, I changed the opacity so it would look faded and clear. I changed the width and for another one I changed the height of the division. Then I changed the position making it go to the left and come back to its original place. Then the last division had all of those effects above all in one division tag. I made only one button so when you click on the button it plays the function that contains the jquery code and all of them do the actions at the same time.

This is a sample of the jquery involved:

$("button").click(function() { 

var div = $("div");

div.animate({height:"300px", opacity: "0.4"}, "slow"); });

Lab 12 Reflection Journal

                   For lab 12, I created something like an accordion using the dl, dd, and dt tags and with a jQuery function. It was nice learning about the new html tags that I had no previous knowledge of it. It was sort of like a list, with the format of a heading and subheading so I put colors that contrasted and went well with each other. I put in the jQuery function that was given to us and it used the addClass, siblings, and nth child attribute. I figured that it would work for things similar to the dl, dd, and dt tags like the li, ul, and ol tags, and it can also be applied to the table tags. I saw that there were many ways to do it producing the same outcome so I found it to be really cool and interesting. For the content, I had to write 8 questions and answers about a subject that I like, I chose web design. First I had to create these questions and answer them then put it in the dl, dd, and dt tags. After I checked that it worked, I uploaded it onto the server and submitted it. 

Lab 11 Reflection Journal

              For this lab, I had to create a dim and bright effect that switches when I hovered over the division tags and it also replaced the text when you hover over it and when you hover out of it, it goes back to the original text. First I created the division tags with text on it and gave them id names. Then using jQuery, I made a variable containing the new text the original text would be replaced with. Using the id names I gave the division tags, I put a function for when the mouse enters and when the mouse leaves. When the mouse enters, I put a fading to effect on the division and using that division id name, I changed the html to put a different text speaking of the jQuery magic. Then when the mouse leaves, I put the original text back and put another fading to effect but with different speeds and opacity. I did the same thing with the other division tag. After that I uploaded it onto the server after I checked that it was working well. In the beginning there was like a glitch with my jQuery, because it kept on blinking from dim to bright instead of doing it with the hovering effect. Then I fixed it and put in something extra with replacing the text back to the original after I took the mouse out of the division tag.

Lab 10 Reflection Journal

             Lab 10 was my first jQuery lab where I learned how to use it to create effects and manipulate objects. I used the hidden, show, fade in, and fade out effects. I first made division tags and put css on it to make it look like a box/button. Then I gave them each a id name so that each of them can perform the specific effect that I wanted to display. I created a table to organize each of the demonstrations to be clear on it. For the jQuery, the format is $(id-name).effect and I put in something extra on the top of the table. I made 2 division tags with separate text of one division saying bye and fading out and then the other division right after that division disappears, fades in saying hello again and staying there. I combined all the effects together to show my knowledge and understanding of how to use jQuery for effects.

CTE Expo Reflection Journal

           On 2/13/17, we had our CTE Expo. I stayed 2 other periods besides my usual periods. During the expo, we meet with freshmen and we were trying to persuade them to join the web design academy. I talked about my experience in the web design academy, showed them examples of websites, and explained what we do during sophomore, junior and senior year. This is important because we are getting people to join the web design academy and continue our legacy. Some freshmen were co-operating and some weren't. However, overall I was able to spark interest in those freshmen that I spoke with. The qualities a salesperson should have is being able to communicate, be approachable, listen, be initiative, and persuasive. 
            Talking to the freshman was like a scenario of the people in the CTE academies being salespeople and the freshmen were our target audience and/or clients. The preparation that should be made to deal with these situations is to be persistent in persuasion of them choosing the web design academy. It would be better if I were to practice my public speaking skills so I would know the exact words to say that give off a higher chance of them being persuaded. Also keeping in mind the qualities of a salesperson so you don't end up intimidating someone or have people run away from you and actually give you a chance to speak. The CTE Expo will continue to go well because there are already freshmen who have the mindset of going into this academy or not joining one and we can try to help persuade them to join one, preferably the web design academy.

Conversation on Finance HW

              For hw I had to talk to my parents about budgeting and money. They said that I could earn money by working at some part time jobs and make some cash. These jobs could be working as a cashier or be an assistant or something. The kind of jobs I could do in the future are maybe work for some company or it could be related to my major which is still undecided. They told me it's better to use a debit card rather than credit cards because you should use the money that you have instead of falling into debt by loaning money and paying it back with interest. They don't think young people should get credit cards because they're still not mature and responsible enough to handle it. They hope that I become a doctor and earn a good amount of money, enough to pay the bills, spend on things I need and/or want, and save for emergencies. They hope that I don't make the mistake of paying the least amount for credit cards just to pay it on time but to actually pay most of it as much as I can. They think that financial aid will help me pay for college and also I should work a part time job too to get earn some money while I'm in college. They don't really have any money role models, they just want me to be careful with budgeting and planning out how of use and spend my money.