Permalink
Browse files

Merge pull request #7 from cubofantastico/master

Submitting Homework 2
  • Loading branch information...
vodnik committed Dec 12, 2018
2 parents cb5e71a + 49effed commit e7f6d724b8bfb6d1fca8563b74f3a380577d9eb0
Showing with 1,210 additions and 0 deletions.
  1. +42 −0 Daniel-cubofantastico/Homework-2/fizzbuzz/app.js
  2. +9 −0 Daniel-cubofantastico/Homework-2/fizzbuzz/index.html
  3. +96 −0 Daniel-cubofantastico/Homework-2/object-homework/app.js
  4. +12 −0 Daniel-cubofantastico/Homework-2/object-homework/index.html
  5. +54 −0 Daniel-cubofantastico/Homework-2/temp-converter/css/main.css
  6. +406 −0 Daniel-cubofantastico/Homework-2/temp-converter/css/normalize.css
  7. +48 −0 Daniel-cubofantastico/Homework-2/temp-converter/css/reset.css
  8. +24 −0 Daniel-cubofantastico/Homework-2/temp-converter/index.html
  9. +28 −0 Daniel-cubofantastico/Homework-2/temp-converter/js/main.js
  10. +55 −0 Daniel-cubofantastico/Homework-3/create-append-homework/blog.html
  11. +263 −0 Daniel-cubofantastico/Homework-3/create-append-homework/css/style.css
  12. BIN Daniel-cubofantastico/Homework-3/create-append-homework/images/about.jpg
  13. BIN Daniel-cubofantastico/Homework-3/create-append-homework/images/article_1.jpg
  14. BIN Daniel-cubofantastico/Homework-3/create-append-homework/images/article_2.jpg
  15. BIN Daniel-cubofantastico/Homework-3/create-append-homework/images/article_3.jpg
  16. BIN Daniel-cubofantastico/Homework-3/create-append-homework/images/blog_1.jpg
  17. BIN Daniel-cubofantastico/Homework-3/create-append-homework/images/blog_2.jpg
  18. BIN Daniel-cubofantastico/Homework-3/create-append-homework/images/blog_header_bg.jpg
  19. BIN Daniel-cubofantastico/Homework-3/create-append-homework/images/gallery_1.jpg
  20. BIN Daniel-cubofantastico/Homework-3/create-append-homework/images/gallery_2.jpg
  21. BIN Daniel-cubofantastico/Homework-3/create-append-homework/images/gallery_3.jpg
  22. BIN Daniel-cubofantastico/Homework-3/create-append-homework/images/gallery_4.jpg
  23. BIN Daniel-cubofantastico/Homework-3/create-append-homework/images/gallery_5.jpg
  24. BIN Daniel-cubofantastico/Homework-3/create-append-homework/images/gallery_6.jpg
  25. BIN Daniel-cubofantastico/Homework-3/create-append-homework/images/home_header_bg.jpg
  26. +105 −0 Daniel-cubofantastico/Homework-3/create-append-homework/js/app.js
  27. BIN Daniel-cubofantastico/Homework-3/create-append-homework/preview-bonus.png
  28. BIN Daniel-cubofantastico/Homework-3/create-append-homework/preview.png
  29. +8 −0 Daniel-cubofantastico/Homework-3/json-homework/json-hw.html
  30. +60 −0 Daniel-cubofantastico/Homework-3/json-homework/json-hw.js
@@ -0,0 +1,42 @@
// 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++) {
if (((i % 3) + (i % 5)) === 0) {
console.log('fizzbuzz');
} else if ((i % 3) === 0) {
console.log('fizz');
} else if ((i % 5) === 0) {
console.log('buzz');
} else {
console.log(i);
}
}
@@ -0,0 +1,9 @@
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<!-- js -->
<script src="app.js"></script>
</body>
</html>
@@ -0,0 +1,96 @@
/////////////////////////////////////////////////////////////

///////////////////////// 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

/* Appointment
Description: Our app manages dental appointments
Every 'appointment' has
- a patient
- a date
- a time
- a procedure
Every appointment can
- book
- send confirmation
- cancel
*/

/*
*/

// 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: 'Leah Bell',
address: '1634 Virginia Road Wynne, OR 71159',
};
// 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:'Bowser',
species:'Dog',
breed:'Beagle',
noise:'Bark',
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 e7f6d72

Please sign in to comment.