Permalink
Browse files

Merge pull request #5 from norbs/master

Homework 2
  • Loading branch information...
vodnik committed Dec 12, 2018
2 parents ffa16e9 + adfeb4c commit 37f9613ff21a2e832ed57b81d9252c34dd2d6889
Showing with 1,224 additions and 0 deletions.
  1. +44 −0 Ryan-norbs/Homework-2/fizzbuzz/app.js
  2. +9 −0 Ryan-norbs/Homework-2/fizzbuzz/index.html
  3. +114 −0 Ryan-norbs/Homework-2/object-homework/app.js
  4. +12 −0 Ryan-norbs/Homework-2/object-homework/index.html
  5. +54 −0 Ryan-norbs/Homework-2/temp-converter/css/main.css
  6. +406 −0 Ryan-norbs/Homework-2/temp-converter/css/normalize.css
  7. +48 −0 Ryan-norbs/Homework-2/temp-converter/css/reset.css
  8. +24 −0 Ryan-norbs/Homework-2/temp-converter/index.html
  9. +48 −0 Ryan-norbs/Homework-2/temp-converter/js/main.js
  10. +55 −0 Ryan-norbs/Homework-3/create-append-homework/blog.html
  11. +263 −0 Ryan-norbs/Homework-3/create-append-homework/css/style.css
  12. BIN Ryan-norbs/Homework-3/create-append-homework/images/about.jpg
  13. BIN Ryan-norbs/Homework-3/create-append-homework/images/article_1.jpg
  14. BIN Ryan-norbs/Homework-3/create-append-homework/images/article_2.jpg
  15. BIN Ryan-norbs/Homework-3/create-append-homework/images/article_3.jpg
  16. BIN Ryan-norbs/Homework-3/create-append-homework/images/blog_1.jpg
  17. BIN Ryan-norbs/Homework-3/create-append-homework/images/blog_2.jpg
  18. BIN Ryan-norbs/Homework-3/create-append-homework/images/blog_header_bg.jpg
  19. BIN Ryan-norbs/Homework-3/create-append-homework/images/gallery_1.jpg
  20. BIN Ryan-norbs/Homework-3/create-append-homework/images/gallery_2.jpg
  21. BIN Ryan-norbs/Homework-3/create-append-homework/images/gallery_3.jpg
  22. BIN Ryan-norbs/Homework-3/create-append-homework/images/gallery_4.jpg
  23. BIN Ryan-norbs/Homework-3/create-append-homework/images/gallery_5.jpg
  24. BIN Ryan-norbs/Homework-3/create-append-homework/images/gallery_6.jpg
  25. BIN Ryan-norbs/Homework-3/create-append-homework/images/home_header_bg.jpg
  26. +93 −0 Ryan-norbs/Homework-3/create-append-homework/js/app.js
  27. BIN Ryan-norbs/Homework-3/create-append-homework/preview-bonus.png
  28. BIN Ryan-norbs/Homework-3/create-append-homework/preview.png
  29. +8 −0 Ryan-norbs/Homework-3/json-homework/json-hw.html
  30. +46 −0 Ryan-norbs/Homework-3/json-homework/json-hw.js
@@ -0,0 +1,44 @@
// Relying on your newfound knowledge of loops, combine loops and if/else statements together and incrementally build the common fizzbuzz loop.

// - In the loop, every time a number is divisible by **3**, instead of logging the number itself, the word "fizz" should appear.
// - If the number is divisible by **5**, the word "buzz" should be logged.
// - If the number is divisible by both **3** and **5**, then the word "fizzbuzz" should be logged.

// Follow the steps below.

// ##### Step 1:
// Construct a for loop that iterates through, and `console.log()`'s out, numbers 1 - 100.

// ##### Step 2:
// Add an `if/else` statement that logs the string `"fizz"` if the value being iterated over is divisible by `3`; otherwise, log out the value.

// ##### Step 3:
// Add an `else if` clause that logs the string `"buzz"` if the value being iterated over is divisible by `5`.

// ##### Step 4:
// Add an additional `else if` clause that logs the string `"fizzbuzz"` if the value being iterated over is divisible by both `3` and `5`.

//##### BONUS:

// a. Make a copy of your existing code and comment out the original.
// b. In the new copy, instead of using console.log for the results, push the
// result of each loop to an array.
// c. After all iterations have, completed, use the forEach array method to log
// each array element value to the console.
// Label your console output with the original number and a colon before each
// array value. (Hint: How can you shorten your code using a second forEach
// function parameter?)

for(let i=1;i<=100;i++) {
let fizz = i % 3 === 0;
let buzz = i % 5 === 0;
let output = i;
if(fizz && buzz) {
output = 'fizzbuzz';
} else if(fizz) {
output = 'fizz';
} else if(buzz) {
output = 'buzz';
}
console.log(output);
}
@@ -0,0 +1,9 @@
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<!-- js -->
<script src="app.js"></script>
</body>
</html>
@@ -0,0 +1,114 @@
/////////////////////////////////////////////////////////////

///////////////////////// Challenge /////////////////////////

/////////////////////////////////////////////////////////////

// Write your answers inside this file, at the places where it's indicated by the comments.


// 1. Suppose that we wanted to create a browser-based calendar program for keeping track of things. In comments, list at least three reasonable abstractions that you might use to build this program; for each abstraction, list out at least two properties and behaviors that it would make sense for that abstraction to have. Below is an example - please write your answer in the same format.
// 'Car'
// Description: Our app manages car sales.
// Every 'car' has
// - a make
// - a model
// - a year
// Every 'car' can
// - drive
// - brake
// - park

// Answer Starts Here
// 'Day'
// Description:
// Every 'day' has
// - a date
// - a list of events
// Every 'day' can
// - addEvent
// - removeEvent

// 'Event'
// Decription: An event on the calendar
// Every 'event' has
// - a name
// - a location
// - a guest list
// - a start time
// - an end time
// Every 'event' can
// - update its name
// - update its location
// - update start time
// - update end time
// - add a guest
// - remove a guest

// 'Guest'
// Decription: A guest invitee to an event
// Every 'guest' has
// - a name
// - an email address
// - accepted / declined / not responded status
// Every 'guest' can
// - update name
// - update email
// - get an invite sent

// Answer Ends Here


// 2. Create an Object literal that lines up with the following description. Store it in the variable 'pet_owner', below. Be sure to give it reasonable values for each of its properties.

// 'Owner'
// Description: We are making an app for a veterinary clinic - it manages pets' vaccinations.
// Every 'owner' has:
// - a name
// - an address

let pet_owner;

// Answer Starts Here

pet_owner = {
name: 'Richard Verner',
address: '123 Maple Lane, Winnipeg, Manitoba',
};

// Answer Ends Here


// 3. Create an Object literal that lines up with the following description. Store it in the variable `some_pet`, below.

// Pet
// Description: We are making an app for a veterinary clinic - it manages pets' vaccinations.
// Every 'pet' has:
// - a name
// - a species
// - a breed
// - a noise that it can make (e.g. 'bark', 'meow', etc.)
// Every pet can:
// - make noise (each pet makes its own unique noise, as specified by `noise`.

let some_pet;

// Answer Starts Here

some_pet = {
name: 'Spot',
species: 'Dog',
breed: 'FOMO Shepherd',
noise: 'woof!',
makeNoise: function() {
console.log(this.noise);
},
}

// Answer Ends Here

/////////////////////////////////////////////////////////////

// You're done!

/////////////////////////////////////////////////////////////
@@ -0,0 +1,12 @@
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1>Output for pet objects challenge</h1>

<script src="app.js" type="text/javascript" charset="utf-8" async defer></script>

</body>
</html>
@@ -0,0 +1,54 @@
body {
padding: 20px;
text-align: center;
}

h1 {
font-family: Georgia, serif;
}

.converter-container {
width: 340px;
margin: 0 auto;
}

input {
margin-right: 10px;
padding: 10px;
border: 3px solid #dfdfdf;
border-radius: 4px;
}

input:focus {
border-color: #afafaf;
outline: none;
}

button {
font-size: 14px;
padding: 10px;
color: white;
border: none;
border-radius: 4px;
outline: none;
background: #f26629;
cursor: pointer;
}

/* Error styles
================================================================ */

/* This class shoud be added to the input if the user has not entered a value */
.error {
border-color: red;
}

/* This error message should fade in if the user has not entered a value */
.error-message {
color: white;
border: 3px solid red;
border-radius: 4px;
display: none; /*Hidden by default*/
background-color: rgba(255, 0, 0, .6);
padding: 10px;
}
Oops, something went wrong.

0 comments on commit 37f9613

Please sign in to comment.