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. 

Project 2: Client Site Reflection Journal

        For this project I had a group of 3 people, Sukanya (Designer), Ashley (CEO), and myself (coder). We had to create 2 websites for two companies that we were assigned. First our group worked on Code Breakers shoe website. We have a background of the city, our designer created the logo and helped with the design/layout of the website. Me and Ashley coded the website and Sukanya and Ashley found the images. We included their slogan "walk the street with city heat". We have 4 pages in total: homepage, shoes and prices, shipping, and sources page. The shipping page was very difficult due to the js validation of the form but we managed to solve this problem. 

         For the JA Design phone cases website, we have 4 pages in total: homepage, iphone cases, samsung cases,  and sources page. The logo, layout of the website, and navigation bar were designed and created by our designer Sukanya. Our CEO Ashley helped find the images and code too. On the homepage is an iphone and samsung, the iphone has a hover effect and there is a very brief information about the company. The background was specifically requested by our client so we used it and made our font white so it could be easy to read. In the samsung and iphones case page there's a table of the image of the case with the description and price right next to it. You can click on the images for a pop up with the image and description. In the sources page we put down the copyright for the images. 

        Our team has put in the requests and requirements of the website said by the client and tried our best to meet their demands. We also did a design report written by our Designer and CEO. I liked working with our team, our team work and having the experience of actually making a website for another person instead of for myself. We were just a bit worried about the time but overall it was a great experience.