Project 1 By: Kevin Martinez

Web Client Programming 

Kevin Martinez

I.T.H.S 

              This is my Project 1 Reflection for my Project 1 we had to create a Calculator from all the previous labs we did based on loops for loops while loops. This was a hard/ challenging Project 1 to do because it was very hard and was challenging for me. For example, we I wrote down my HTML code for the numbers and the symbols, some of them weren’t coming out so I had to trouble shoot this problem when I did the CSS code I had trouble getting g some of the functions to work and I had trouble fixing the color at the beginning and as you cam see I still wasn’t able to fix the gab of space to the right of the calculator too. I also had trouble with my javascript code because when I had it all done it was popping out and working for my calculator and then I found out that I had to place my javascript link underneath my HTML code for the numbers and symbols of the calculator. Overall this was a good and challenging Project 1 to do. I used W3schools and code academy and my notes to help me out to complete this project 1. 

LAB 8

Web Client Programming
Kevin Martinez
12-15-16
I.T.H.S

             This is my LAB 8 reflection for LAB 8 we had to write JavaScript code about the four different Loops there are. The first one is For Loop, the second one is For/In Loop, the third one is While Loop and, the last one is Do/While Loop. To create this LAB 8 what I did first was I made a Table and inside the table I would write  For Loop, For/In Loop, While Loop and,  Do/While Loop. Then underneath the name of the four different Loops I would display the working code for each of the four different Loops. I used my notes and w3schools website to help me out with LAB 8, the hardest part of this LAB 8 for me was that I had to trouble-shoot my While Loop JavaScript code because it wasn't working for me and I also had trouble with getting the JavaScript inside my Table at first. Overall this was a good LAB and it help me show the four different types of Loops their is and how to use them probably without getting any undefined or error to show after I my HTML and JavaScript code are done.

LAB 5

Web Client Programming
Kevin Martinez
I.T.H.S

 This is my LAB 7 in this LAB I had create a selection game which would be rock paper sicssors using the JavaScript code we learned in class and from w3schools and we also used condition statements that I had learned before which was the if/else statements. The condition statement that I have used were the  if/else and else/if statements. I also had used my skills that I had learned from my previous labs that were from LABS 1-4 and I did get some help from Code Academy and the w3schools website. In this lab I had create a Rock, Paper, Scissors game. But In this game I created for only one player facing the computer and I had set the random values for the computer to choose. After the user choose between the three choices i have, then both choices from user and computer will compare with each other and you will get result, the result will show at the bottom of my popUp.What I had trouble with in this lab was the else/if and if/esle statements because i didn't get how to use them so that was my hardest part of this lab so i went to the Code Academy and the w3schools website for extra help and I asked help from one of my classmates too overall this was a good Lab to do.

LAB 3

Web Client Programming
Kevin Martinez
I.T.H.S

     This is my LAB 3 for LAB 3 we had to create popUps and and button with a message inside of it giving you the answer to a math problem of something you came up with. This LAB 3 was a combination of what we did in out LABS 1 and 2 for me this lab was good help for us because it allows us to use our previous knowledge and put it to use in LAB 3. This was a good Lab 3 because I used outside informations from w3schools like the popUp's in the page when you click on them to close by clicking on the "X" on the top right corner . For me the hard part of this lab was to get the JavaScript code to work for me because like my previous two labs I had trouble with the JS to work on the webpage.

LAB 6

Web Client Programming
Kevin Martinez
I.T.H.S

       This is my LAB 6, I had created JavaScript roll over, HTML roll over, and  GIF. I used Dreamweaver CS6 program and Adobe Photoshop CS6. I 1st selected the image that I took from last year in the summer. Then I added another 5 more pictures and I created rollovers and on click buttons to the pictures so they can move to other pics while clicking on it and hovering over. And I also created pictures and but them together in Adobe Photoshop CS6 to create a GIF of the pictures. The hard part of this lab for me was  getting the GIF to work as you can see from my LAB 6 my GIF doesn't go that fast but I couldn't get it to go any faster but over all everything else works perfectly and all the code and javascript code works correctly too. That is what I did for my LAB 6 that had to do all about Rollover and Onclick and GIF.

LAB 7

Web Client Programming
Kevin Martinez
I.T.H.S

        This is my LAB 7 reflection for LAB 7 I had attempt at making a MadLibs game, I had create the user  fill the blank where it would be a on-click button and you will write a word down. My game was to let the user input any kind word depending on if it says to insert a NOUN, VERB, or ADJECTIVE. I used dreamweaver to edit my html, css and javascript code and to uploaded my lab i would upload it threw mozilla thimble. The hardest thing for me was to get the javascript code to work with the other html code I already have and to fix my first on-click button to work because when i was done i wasn't able to click on the box to be able to write down the NOUN, VERB, or ADJECTIVE. That for me was the hardest thing from this Lab 7 we did that was to do the MadLibs Game it is a fun game and my story was funny but that was the hard part of getting the JavaScript part to work.

Web Client Programming
Kevin Martinez
I.T.H.S

This is my Lab 2 in Web Client Programming, for Lab 2 we had to create 3 buttons using JavaScript and they were going to be popUp messages when you clicked on them. To create this I used my previous knowledge from Lab 1 and I used the same code but I added another code to it so that you will get the popUp message the part I added to my previous code is I added a Function to my code which when you click on the button you will get the Function working and showing you the popUp in that popUp I wrote down my First SMART goal of the new year. I learned that without the alert that this would have not work and that was were I was stuck I had a hard time trying to trouble-shoot my HTML and JavaScript file for an error because at first this wasn't working for me at all. Here is an example of my JavaScript code:                                                                                                  function goal1(evt)

{
 alert ('My first S.M.A.R.T goal is the most important goal I want to achieve and it is to pass my Web Client Programming class with a 95 by the time the first marking period ends. I will achieve this goal before the marking period ends by doing all my Labs and Projects correctly and adding some more code we learned last year in Digital Design to both my Labs and Projects. This is how I plan to achieve my first S.M.A.R.T .');
} .    That is the code I use to make my Button and my popUp messages work in my Lab 2.

LAB1

Kevin Martinez
I.T.H.S
09/23/16

This is my very first Lab as a senior in Web Client Programming for our Lab 1 we had to create a button. To make this we learned about JavaScript and what JavaScript is and how we need to use it and how to apply it to our Lab's and Project's going forward. To create this button I went to w3schools yo see and example of how a button is used in JavaScript. After that i got an example so I went to work on my button. What I did was I added something else I learned from W3Schools which was when you hover over my button you get to arrows next to the Click Me and the letters click me changes it size and moves a little bit to the left so the arrows will pop up. When you click on the button you will get a short sentence which says Hello JavaScript. when you add JavaScript to the button you will be able to add a short sentence saying what ever you want. That is what I did in Lab 1 for Web Client Programming.

Switch and Loop

Kevin Martinez
Web Client Programming
I.T.H.S
11/10/16

                                             JavaScript Switch Statement

            JavaScript Switch Statement is a code that we will use in JavaScript and it is used to perform different actions that is based on different conditions. We will use the Switch Statement to call on one of the blocks to be used. How to use Switch Statement is like this first, you will evaluated the expression once. Then the expression is going to be compared to the values you put in each case in the code. Lastly once there is a match between the expression and the case value then the block of code is going to be executed. When you use this code you got to make sure you use the word "break" in order for it to work. The keyword is break because once the code runs and it hits the work "break" it will break out of switch break and then the expression is going to compare with the case values to see if theres a match. if theres no match it will go on to the next break and repeat this process again until their is a match. Here is an example we got from w3schools (Image): --------------------------->
The example of the code Switch Statement would be used in situations like when you are trying to find out Today is...... and this code will give you the result Today is Thursday by looking and finding a match with the case.  

   JavaScript For Loops

   JavaScript for Loop is another code, JavaScript Loops can execute a block of code a number of times. When JavaScript Loops run it has the ability to run  the same code over and over again, each time with a different value. From reading the article in w3schools I learned that their are 4 different kinds of Loops the first is for - for loops through a block of code a number of times. The second one is for/in - for/in loops through the properties of an object. The third while - while loops through a block of code while a specified condition is true. The fourth do/while - do/while also loops through a block of code while a specified condition is true. These are the four different types of Loops I learned from reading the article. Here is an example from w3schools of 

JavaScript Loops: ----------------------------------> 
The code is being used the call up three things from var 1. cars , 2. text and , 3. i . All these var work together if for example you take out what is in var text then your code won't call var cars because for var cars to be called you need what's inside var text and for var tex to work you need what's inside var i , if you take out one of these var then your code won't work and noting would show up. 

My Homepage

Kevin Martinez
I.T.H.S

JavaScript If...Else Statements

Web Client Programming
Kevin Martinez
11/01/16
I.T.H.S

              The link I used to get more information and learn a little more about if...else statements are in w3schools(http://www.w3schools.com/js/js_if_else.asp). Once I was their I was reading the page to get more information about the if...else statements and what I got from reading that is that the if...else statements are used in JavaScript when you are going to write a code with a true or false question. For example I would say I am 15 years old but I'm not that would be a false statement so the code would work as follows since my first expression id is false then if would go to the next line of the statement and it would give you the correct answer. That's what the If...Else statements are used for. I also learned that If you write your if....else statements and you write the if or else part all cap letters you would get an error in your JavaScript, you would need to write it as lowercase letters if and else so your code would work.