mymarcusj97-blog

[mymarcusj97-blog]

Class 13 Homework 1: Creating WebVR using A-Frame

A-Frame is a very powerful VR Library. At first I played with some of the positions and colors of the shapes at first. I then remixed one of the glitch samples and changed the preset background. I added ambient lighting which changed the color of the backgrounds. I then made the box bigger when the cursor was over the box and smaller when it was off. I also changed the color of the box, its position and the text that was on it. 

[mymarcusj97-blog]

Class 14 Homework 1: JavaScript Tutorials: My Final Khan Academy Progress

I did my final continuation with the Khan Academy tutorials.  I first learned about debugging code with the help of  print, printLn, and debug statements you can check values and identify problems. Next I learned about while and for loops which allow you to repeat an action based of a condition and can allow you to iterate through things. Then I learned about Arrays and the methods they have and how they can be used. Finally I learned about objects (dictionaries as they were called in Python) which are very powerful. They allow for different related information to be stored together in one variable. 

[mymarcusj97-blog]

Class 14 Homework 2: JavaScript Tutorials: My Final Codecademy Progress

I did my final continuation with the Codecademy JS tutorials. At first I learned about scopes and how global variables are available to all code while local variables are not. Scope Pollution could become a problem if you define to many global variables so it is important to make sure you are defining variables correctly. Next I learned about Arrays. It was pretty easy for me because I they are the equivalent to lists in Python. Arrays are mutable even if they are declared by the keyword const. Arrays have many useful methods like push and pop. You can also slice arrays. 

[mymarcusj97-blog]

Class 13 Homework 3: JavaScript Tutorials: Khan Academy Progress

I continued my progress with Khan Academy JavaScript Tutorial. I learned about text & strings, functions, and if.. else statements. These tutorials are interesting because even though it is teaching the same concepts as Codecademy it is applied to animation and drawing which is cool because you can see how the concepts are actually used.

[mymarcusj97-blog]

Class 13 Homework 4: JavaScript Tutorials: Codecademy Progress

I continued my Codecademy tutorials and I learned about else...if  and switch statements. Switch statements have default statements at the end that work like else statements. I then went on to learn about functions, functions expressions, and different syntax to form functions like the fat arrow syntax. 

[mymarcusj97-blog]

Class 12 Homework 2: JavaScript Tutorials: Khan Academy vs Codecademy

Khan Academy and Codecademy were two great sites to learn JavaScript. I liked how Khan Academy required no login to use their tools but there was a login option to track progress. Khan Academy was very easy to understand through their videos and practice/challenges. I think Khan Academy is really good for younger kids since it is so simple. Codecademy required a login but overall I liked it better simply due to the fact that it was more text based and was a little more in-depth in some areas. It seemed like it was really meant for older people who aren’t interested as much in the extra entertainment stuff the Khan Academy uses. 

[mymarcusj97-blog]

Class 11, Homework 5: Control Flow and Error Handling

Block statements which are enclosed by curly brackets are usually used with control flow statements like if, while, for.  There are also conditional statements like if...else and switch statements. When it comes to error handing you can use throw statements to raise errors and you can use try/catch statements to handle errors. There is also a finally block that can be used in try/catch statements. You can nest try/catch statements.

[mymarcusj97-blog]

Class 11, Homework 4: Basic math in JavaScript — numbers and operators

There are three types of decimal numbers they are integers, floating point numbers, and doubles which is a more precise floating point number. Among the basic operands there are also exponents (**) and modulo (%) which gives you the remainder after division of two numbers. It is important to know operator precedence because it can cause bugs in your code. ‘++’ and ‘--” can be use to increase or decrease a variable by 1. There are also comparison and assignment operators that are critical.

[mymarcusj97-blog]

Class 11, Homework 3: Storing the information you need — Variables

Variables store values but they are not themselves values. You can declare a variable and assign a value to it in the same statement. Var and Let are both ways to declare variables but they are different. Let is a newer concept in JS and it doesn’t allow for multiple declarations in the code while var does allow for it. it is still possible to change the value of the variable though. Let also doesn’t allow for hoisting which var does allow.  When naming variables you should stick to numbers (1-9), the letters (a-z, A-Z), and underscores. Number and underscores shouldn’t be used at the beginning of the name. Also people usually stick to the ‘lower camel case’ method. Which is where you keep the first word in lowercase letters and then capitalize the following words. You can form constants by using the const keyword. Constants can’t be changed once they are declared.

[mymarcusj97-blog]

Class 11, Homework 2: What went wrong? Troubleshooting JavaScript

There are two types of errors which are syntax and logical. With syntax errors it is always good to make sure you spell things right because JavaScript is case sensitive. To do this one can always search “MDN” followed by the feature they are trying to find. In this Case we were missing a capital E for addEventListener. Another way to find errors is to check they’re value by writing their value to the console. I did this and saw that our value was null so we looked at the line and realized that a period was missing.

[mymarcusj97-blog]

Class 11, Homework 1: JavaScript Grammar and types

In homework 1 I learned that the keyword var could be used to define a local or global variable while the keywords let and const could define a block-scope local variable. Variables that are defined with var and let but are left without a value are treated as undefined. Null variables behave as 0 or false in numeric and boolean contexts respectively. Global variables are available throughout the whole code while local variables are only accessible in the function they exist in.

[mymarcusj97-blog]

Class 11 Step 6 Challenge

I did the Challenge in Class 11 and had the counter for the do while loop working downward instead of upwards. I also added a some code so that the print on the screen would still accurately present how many times the alert had shown. I did that by saying (11 - x).

[mymarcusj97-blog]

Valid CSS Code

I added some style including the aqua background, orangered text in a p tag , and increasing font size in a p tag to 1.5 em. My CSS code validated with no errors or warnings.

[mymarcusj97-blog]

Valid HTML5 Code

The first picture is my validation right off the bat. It gave me a warning to add language attribute to the opening html tag. The second picture is my web page and the corresponding code after I broke my code. The next two pics are all the errors and warning I got. The last picture is after I fixed everything including the lang attribute.

[mymarcusj97-blog]

Class 10, Homework 2: Grow and Shrink via JavaScript and DOM

I achieved this by defining 2 javascript function that allow will grow and shrink a picture. After that I used the event onmouseover and onmouseout to call the functions so they would grow when hovered over by the mouse. Had a little trouble because I was trying to grow my pictures to the size they originally were. Dumb mistake.

[mymarcusj97-blog]

Class 10, Homework 11: What it took

This assignment went rather smoother than I thought I had been away from the code due to football and another class. The concepts are pretty easy to grasp because I have learned the Python language. The syntax is the hard part because there is a little language bleed from Python. This assignment took me about 1 hour and 45 minutes.

[mymarcusj97-blog]

Class 10, Homework 10 of 10: Finished for now...

My guessing game is now done and working. Pictured is me winning the game in 5 turns not a brag but just saying I have not lost lol.