bccodingbootcampblog

[bccodingbootcampblog]

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

Below are screen caps from my final Khan Academy tutorials and exercises. I enjoyed these very much and had fun using math expressions and such to create some pretty newt javascript code. Both Khan Academy and Codecademy were great sites to learn from. I really appreciated their methods to approaching coding for beginners. I will be doing more tutorials on both sites over the summer, for sure. 

[bccodingbootcampblog]

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

Below are screen caps of my final Codecademy tutorials and exercises. This is the final post and I must say I really liked both coding sites very much. Both had their strength and weaknesses, but they both do what they set out to do and that is to teach you to code. I learned a great deal on these sights. 

I will probably continue with my exercises ,on my own time, throughout the summer.

[bccodingbootcampblog]

Class 13 Homework 4: JavaScript Tutorials: Codecademy Progress

Below are many screen caps of my Codecademy tutorials & exercises. I learned how to create variables, constants, use basic math operators, incremental & decremental values, and concatenation of String variables. I learned a geat deal with these exercise. 

  They seemed to flow right into one another. and build upon the previous lesson. It made learning these new things fun and easy, I think. I enjoyed Codecademy.

[bccodingbootcampblog]

Class 13 Homework 3: JavaScript Tutorials: Khan Academy Progress

Here I continued my lessons on my Khan Academy account. It continued right where I left off a couple of days ago. I enjoyed how much more in-depth it got in animating, and using shortcuts , and mouse location variables. I enjoy how they show you how via  a short movie, then let you go on your own. 

The animated car

The moving clouds and exploding sun

The shooting Star exercise

Mouse interaction

Tasty Tomato

And finally, my favorite, using Mouse X and mouse Y to bite the tomato wherever I put the mouse over it. So cool!

[bccodingbootcampblog]

Class 13 Homework 1: Creating WebVR using A-Frame

Below are MEGA screen caps of me spending 2hrs doing tutorials and remixes of WebVR projects using A-Frame. I found A-Frame very interesting, yet completely overwhelming. As I was starting to read all of the basics and guides, I became stressed out trying to remember all of the new objects and definitions of this cool new API. Then I realized it was probably just better to try to understand how the people created their projects and VR worlds. The rest would hopefully come together(and it did).

I really enjoyed seeing the source code in a split-pane window of the browser. This way I could see where they placed certain components and what it did as a result. This was a very fun homework exercise. Possibly one of my Favorite. 

  The screen caps are snaps of me doing the various guides.

[bccodingbootcampblog]

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

After spending quite some time on both websites, I found many reasons to like BOTH Khan Academy, and Codecademy. Below are screen caps during my 2.5hrs on Khan academy. I really liked how the movies explained each concept. The did it very simply, as if they were speaking to a child, yet i admit, it DID help me grasp the points they were trying to make. So I was a fan of Khan Academy at first...

After spending over 2 hours on Code Academy, I came to appreciate how they explained each topic, and led you through each exercise. They focused on the basics and concepts of coding(Javascript), and it stuck with me better that Khan Academy.  Below are my screen caps of my exercises I completed. I took my time, and did them right.

If I had to choose just one website going forward, to learn Javascript, I would use Code Academy

If I had to choose just one website going forward, to learn Javascript, I would use Code Academy

[bccodingbootcampblog]

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

Below are screen caps of my learning basic math in Javascript. It was fun to see the basic concepts come to life in the javascript console. It was even better learning about adding variables, to represent numbers, and then call the variable to perform a function, like addition or multiplication. 

Lastly, I am doing some active learning, by sizing a canvas box live on screen, by just editing numbers into the console. Cool beans!

[bccodingbootcampblog]

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

Here are screen caps of me reading up on Variables, and the learning difference between var and let. The reading and exercises were interesting and informative. There are some things that are still fuzzy to me, but this assignment really cleared up the questions I had on variables

[bccodingbootcampblog]

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

In this exercise we were troubleshooting javascript using the console. The article how the console worked , in great detail. It was very informative. Using the broken code they gave us, I could determine exactly what line the broken cvode was on, and from there I could see the syntax error. It was a simple letter“E” that wasn’t capitalized in the “addEventlistener” line. 

Once I fixed that, it all worked just fine

[bccodingbootcampblog]

Class 11, Homework 1: JavaScript Grammar and types

In this assignment I learned about JavaScript's basic grammar, variable declarations, data types and literals. There are many different declarations, even more variables, and data types to learn here. So much so, that when it came time to put it to examples, I got very confused on how to implement all of these new definitions I just learned. I found it difficult to create examples and stick some random javascript within a generic html file. 

  You can declare a variable using the words “var”, “const” or “let”. I learned that variables with no assigned value are called undefined. When you declare a variable outside of any function, it is called a global variable, because it is available to any other code in the current document. When you declare a variable within a function, it is called a local variable, because it is available only within that function.

There are eight types of primitive Data types: Boolean, null, undefined, Number, BigInt, String, and Symbol. An “object” is also a type. You don't have to specify the data type of a variable when you declare it, and data types are converted automatically as needed during script execution.

 Literals are used to represent values in javascript. These are fixed values, not variables, that you provide in your script. There are array literals, boolean literals, numeric literals, floating point literals, object, and string literals.

There was an overwhelming amount of new information in this article. I found it very interesting to read, but I could not produce any examples of code

[bccodingbootcampblog]

JavaScript Variables and the Do While loop

In  this exercise learned the value of javascript variables and the “do while loop” code. It was very interesting. In my first screen cap you can see an alert starting from the number 1, and adding +1 every time the page is refreshed or looped. It will stop at 10, then load the rest of the HTML. The second  screen cap you will notice the alerts start at the number 10, and go down -1 when it is refreshed.

[bccodingbootcampblog]

Valid CSS Code

Here I added several lines of CSS styles to my html file. They changed the background of the whole page, and the background of a couple paragraphs. The code validated perfectly. No errors or warnings. I was pleasantly surprised.

[bccodingbootcampblog]

Valid HTML5 Code.

Below are three screen caps of my validating my code. The first picture everything lookked fine except for the warning or suggestion that I should put a language in there. The next picture I brokea couple lines and the validator caught them all.

On the third picture I fixed it and I even put the language identifier in there, and it validated just perfect!  Yay ME!

[bccodingbootcampblog]

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

Below are images growing and shrinking on my products page in my store. Some other students have like a gif and shows an animated picture of the photo growing and shrinking. Very cool. I couldn’t figure out how to do that, so I just posted multiple screen caps

The iPad on the bottom is the one picture I chose not to shrink.

[bccodingbootcampblog]

Class 10, Homework 11: What it took

    Overall, this was a very interesting exercise. It was very frustrating, and it took me MUCH longer than it should have, but I learned a lot about javascript and how it works. Some times, things got very ugly, and I would delete my code that I worked on for hours, just to start fresh, with NO progress. Very frustrating. I ended up checking the final source code(after many hours of frustration) and seeing where I made my mistake. A simple syntax error that I probably never would have found on my own. Yes, I could’ve asked my classmates for assistance(I know that was encouraged), but I’m glad I was able to figure it out on my own.

   The total time it took me to complete this exercise was about 5-6 hours, over the course of two nights. Such a long time. Hopefully the rest of the HW isn’t as intense or extraneously time consuming

[bccodingbootcampblog]

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

So I’m done with the game, finally. I attached a screen cap of the finished product. Funny, the last game a screen capped, the answer was the number 1, weird, huh? What are the chances? I did learn alot about javascript in this exercise. I’m not going to go into it too much, because I’m saving it for my last Class10,HW11 called “What it took”. So read that for a complete summary of my experience.

[bccodingbootcampblog]

Class 10, Homework 9 of 10: Playing with browser objects

Here I used the javascript console to change attributes of the look and feel of the guessing game. I could make the background of the input field yellow, or the font 200% of its normal size. Before this game, I never knew about the java console. I knew you could see the source code when you went to --> developer tools -->inspect, but the console is so cool and powerful.