These are chat archives for FreeCodeCamp/Help

25th
Feb 2016
Nikki
@nikhithasriharsha
Feb 25 2016 00:00
that what i m saying @HuskyNator
before you excute clone()
Paul_Cat
@HuskyNator
Feb 25 2016 00:01
?
Nikki
@nikhithasriharsha
Feb 25 2016 00:01
$("#target5").appendTo("#left-well"); $("#target5").clone().appendTo("#left-well");
Matthew Stettner
@mstettner
Feb 25 2016 00:01
this should be correct, right?
Nikki
@nikhithasriharsha
Feb 25 2016 00:01
try both of these nd checkout the output
Matthew Stettner
@mstettner
Feb 25 2016 00:01
<p>Cat photos <a href="http://freecatphotoapp.com</a></p>
Paul_Cat
@HuskyNator
Feb 25 2016 00:02
it did tell me to clone first, but ill try
nope,
that's trange
it's normal this time
nope
still double, might this be a bugg?
Nikki
@nikhithasriharsha
Feb 25 2016 00:04
<p><a href="http://freecatphotoapp.com>Catphotos</a></p>
try this @mstettner
codewalker007
@codewalker007
Feb 25 2016 00:05
@DewarM do you have the html that isn't working? can you post it?
Matthew Stettner
@mstettner
Feb 25 2016 00:05
@nikhithasriharsha still not working
Paul_Cat
@HuskyNator
Feb 25 2016 00:05
@nikhithasriharsha I FOUND IT :D it's most deffinitly a bugg.
Matthew Stettner
@mstettner
Feb 25 2016 00:05
@nikhithasriharsha what is the best web browser to use
?
Nikki
@nikhithasriharsha
Feb 25 2016 00:06
<p>

<a href="http://www.freecatphotoapp.com">cat photos</a>

</p>
sry this one @mstettner
ok alright :smile: @HuskyNator
Mungo Dewar
@DewarM
Feb 25 2016 00:06
@codewalker007 I got it working thanks! Needed an extra class, "wi-wind" in the <i> was using :)
CamperBot
@camperbot
Feb 25 2016 00:06
dewarm sends brownie points to @codewalker007 :sparkles: :thumbsup: :sparkles:
:star: 64 | @codewalker007 | http://www.freecodecamp.com/codewalker007
David Dill
@safari137
Feb 25 2016 00:07
Not the most concise, but it works [title] http://www.freecodecamp.com/challenges/symmetric-difference#?solution=function%20sym(args)%20%7B%0A%20%20var%20arr%20%3D%20%5B%5D%3B%0A%20%20var%20numOfArgs%20%3D%20arguments.length%3B%0A%20%20for%20(var%20i%20%3D%200%3B%20i%20%3CnumOfArgs%3B%20i%2B%2B)%20%7B%0A%20%20%20%20arr.push(arguments%5Bi%5D)%3B%0A%20%20%7D%0A%20%20%0A%20%20var%20arrToCompare%20%3D%20getSymmetricDiff(arguments%5B0%5D%2C%20arguments%5B1%5D)%3B%0A%20%20arr.splice(0%2C2)%3B%0A%20%20%0A%20%20while%20(arr.length%20%3E%200)%20%7B%20%20%0A%20%20%20%20%20%20arrToCompare%20%3D%20getSymmetricDiff(arrToCompare%2C%20arr%5B0%5D)%3B%0A%20%20%20%20%20%20arr.shift()%3B%20%20%20%20%20%20%20%0A%20%20%7D%20%20%20%20%20%0A%20%20return%20arrToCompare%3B%0A%7D%0A%0Afunction%20getSymmetricDiff(arr1%2C%20arr2)%20%7B%0A%20%20%09var%20result%20%3D%20findUniqueNums(arr1%2C%20arr2)%3B%20%20%20%20%0A%20%20%20%20result%20%3D%20result.concat(findUniqueNums(arr2%2C%20arr1))%3B%0A%20%20%0A%20%20%20%20result%20%3D%20removeDuplicates(result)%3B%0A%20%20%0A%20%20%20%20return%20result%3B%0A%7D%0A%0Afunction%20findUniqueNums(mainArr%2C%20compareArr)%20%7B%0A%09%09var%20result%20%3D%20%5B%5D%3B%0A%20%20%20%20for%20(var%20i%20%3D%200%3B%20i%3CmainArr.length%3B%20i%2B%2B)%20%7B%0A%20%20%20%20%20%20push%20%3D%20true%3B%0A%20%20%20%20%20%20for%20(var%20l%20%3D%200%3B%20l%3CcompareArr.length%3B%20l%2B%2B)%20%7B%0A%20%20%20%20%20%20%20%20if%20(mainArr%5Bi%5D%20%3D%3D%3D%20compareArr%5Bl%5D)%20%7B%0A%20%20%20%20%20%20%20%20%20%20push%20%3D%20false%3B%0A%20%20%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20%20%20%20%20%7D%20%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20if%20(push)%0A%20%20%20%20%20%20%20%20result.push(mainArr%5Bi%5D)%3B%0A%20%20%20%20%7D%20%20%0A%20%20%20%20return%20result%3B%0A%7D%0A%0Afunction%20removeDuplicates(arr)%20%7B%0A%20%20%20%20for%20(var%20i%20%3D%201%3B%20i%3C%20arr.length%3B%20i%2B%2B)%20%7B%0A%20%20%20%20%20%20if%20(arr%5Bi%5D%20%3D%3D%20arr%5Bi-1%5D)%20%7B%0A%20%20%20%20%20%20%20%20%20%20arr.splice(i-1%2C%201)%3B%0A%20%20%20%20%20%20%20%20%20%20i--%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20return%20arr%3B%0A%7D%0A%0Asym(%5B1%2C%201%2C%202%2C%205%5D%2C%20%5B2%2C%202%2C%203%2C%205%5D%2C%20%5B3%2C%204%2C%205%2C%205%5D)%3B
sorry for the long ass link
Matthew Stettner
@mstettner
Feb 25 2016 00:07
@nikhithasriharsha still says this:You need an a element that links to http://freecatphotoapp.com
Johnathan Brown
@Legend28469
Feb 25 2016 00:08
So um. I was looking at my wikipedia link and noticed that the FCC example has a much better link with more information. I can’t figure out how I would find that on my own. I get I’m supposed to use the sandbox and api docs but that isn’t helping
Nikki
@nikhithasriharsha
Feb 25 2016 00:08
<p>view more

<a href="http://www.freecatphotoapp.com">cat photos</a>

</p>
Paul_Cat
@HuskyNator
Feb 25 2016 00:08
Could someone try to provoke a bugg for me?
I want to be sure it's not just me
codewalker007
@codewalker007
Feb 25 2016 00:09
@safari137 use google to shorten them :) https://goo.gl so for instance you link could have been: http://goo.gl/f5FKZl
? odd
Matthew Stettner
@mstettner
Feb 25 2016 00:10
@nikhithasriharsha ive tired everything. I can't get past this
Nikki
@nikhithasriharsha
Feb 25 2016 00:10
can u send me the whole thing
@mstettner
Matthew Stettner
@mstettner
Feb 25 2016 00:10
@nikhithasriharsha anyother ideas? i copy and pasted your code in. still says i need an a element
David Dill
@safari137
Feb 25 2016 00:10
@codewalker007 thanks for the tip
CamperBot
@camperbot
Feb 25 2016 00:10
safari137 sends brownie points to @codewalker007 :sparkles: :thumbsup: :sparkles:
Matthew Stettner
@mstettner
Feb 25 2016 00:10
sending
CamperBot
@camperbot
Feb 25 2016 00:10
:star: 65 | @codewalker007 | http://www.freecodecamp.com/codewalker007
Matthew Stettner
@mstettner
Feb 25 2016 00:11
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }

  .thick-green-border {
    border-color: green;
    border-width: 10px;
    border-style: solid;
    border-radius: 50%;
  }

  .smaller-image {
    width: 100px;
  }
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

<p>view more

<a href="http://www.freecatphotoapp.com">cat photos</a>

</p>
@nikhithasriharsha
codewalker007
@codewalker007
Feb 25 2016 00:11
@safari137 I wonder if it will post that image each time the link is shortened though ...
Nikki
@nikhithasriharsha
Feb 25 2016 00:11

<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

.smaller-image {
width: 100px;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p>view more

<a href="http://www.freecatphotoapp.com">cat photos</a>

</p>

<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

copy this one @mstettner
Matthew Stettner
@mstettner
Feb 25 2016 00:13
@nikhithasriharsha i copy and pasted that in. still says: You need an a element that links to http://freecatphotoapp.com
Nikki
@nikhithasriharsha
Feb 25 2016 00:13
refresh then
Matthew Stettner
@mstettner
Feb 25 2016 00:14
@nikhithasriharsha i just refreshed and nothing
Nikki
@nikhithasriharsha
Feb 25 2016 00:14
nothing wrong in that
Matthew Stettner
@mstettner
Feb 25 2016 00:15
@nikhithasriharsha is there a better web browser to use
?
is there a bug?
Nikki
@nikhithasriharsha
Feb 25 2016 00:15
tell me where you r i mean code
title
Luis Alejandro Brito Blanco
@britoblanco
Feb 25 2016 00:15
Hi guys I need help I'm stuck in the javascript challenge called: Stand in Line
codewalker007
@codewalker007
Feb 25 2016 00:16
@CraigBanach thanks for the instructions, I will have to read them later. But this will give me a start.
CamperBot
@camperbot
Feb 25 2016 00:16
codewalker007 sends brownie points to @craigbanach :sparkles: :thumbsup: :sparkles:
:star: 369 | @craigbanach | http://www.freecodecamp.com/craigbanach
Matthew Stettner
@mstettner
Feb 25 2016 00:16
@nikhithasriharsha Link to External Pages with Anchor Elements
codewalker007
@codewalker007
Feb 25 2016 00:16
@Key-Banger ?
Luis Alejandro Brito Blanco
@britoblanco
Feb 25 2016 00:17
I don't understand the instructions, can someone help me?
Nikki
@nikhithasriharsha
Feb 25 2016 00:18

<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

.smaller-image {
width: 100px;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
<p>Here's a
<a href='http://freecatphotoapp.com'>
cat photos
</a>
to see</p>

@mstettner
Dustin
@Key-Banger
Feb 25 2016 00:19
@codewalker007 yes?
Paul Brown
@paulbwd
Feb 25 2016 00:20
function lookUp(firstName, prop){
// Only change code below this line
for(var i =0; i < contacts.length; i++){
  if(contacts[i].firstName == firstName) {
    return contacts[i].lastName;
  } 

}
  return "No such contact";
// Only change code above this line
}

// Change these values to test your function
lookUp("Sherlock", "likes");
codewalker007
@codewalker007
Feb 25 2016 00:20
@Key-Banger sorry, my chat client got stuck on earlier posts and I was confused. I have to leave and rejoin to be able to see the current posts
Paul_Cat
@HuskyNator
Feb 25 2016 00:20
This message was deleted
Paul Brown
@paulbwd
Feb 25 2016 00:20
can anyone tell me how i return lastName using the prop variable?
codewalker007
@codewalker007
Feb 25 2016 00:20
@HuskyNator https://goo.gl is one way
Matthew Stettner
@mstettner
Feb 25 2016 00:21
@nikhithasriharsha thanks that worked… any tips on how I can make everything go smoother? this program seems buggy.
CamperBot
@camperbot
Feb 25 2016 00:21
mstettner sends brownie points to @nikhithasriharsha :sparkles: :thumbsup: :sparkles:
:warning: mstettner already gave nikhithasriharsha points
Nikki
@nikhithasriharsha
Feb 25 2016 00:21
@mstettner which one r u using now
Paul_Cat
@HuskyNator
Feb 25 2016 00:21
thanks @codewalker007
CamperBot
@camperbot
Feb 25 2016 00:21
huskynator sends brownie points to @codewalker007 :sparkles: :thumbsup: :sparkles:
:star: 66 | @codewalker007 | http://www.freecodecamp.com/codewalker007
Matthew Stettner
@mstettner
Feb 25 2016 00:21
for my web browser I a using safari
@nikhithasriharsha
Dustin
@Key-Banger
Feb 25 2016 00:21
@codewalker007 no worries. Wondering if I missed something.
Nikki
@nikhithasriharsha
Feb 25 2016 00:22
chrome
i think
NormalWare
@Centuriom
Feb 25 2016 00:22
Hello guys, how can i use this JQuery code to work everytime i click on a button ?
$('h1').fadeIn(1070);
Nikki
@nikhithasriharsha
Feb 25 2016 00:22
better
Matthew Stettner
@mstettner
Feb 25 2016 00:22
@nikhithasriharsha ill try chrome. it takes me an hour to get through every lesson.
codewalker007
@codewalker007
Feb 25 2016 00:23
@paulbwd I am not sure I understand the question, is "prop" another variable to search on?
NormalWare
@Centuriom
Feb 25 2016 00:23
   $('.btn').on("click",function(){
        $('h1').fadeIn(1700);}
For example, would that work ?
Paul Brown
@paulbwd
Feb 25 2016 00:24
its a parameter in the function, but im not sure how i can write the correct syntax to use it, if i use the property name directly as in the code snippet above it works fine
so how do i use the prop parameter instead of just typing the property name
return contacts[i].lastName; // works
return contacts[i].prop; does not even though prop contains "lastName"
codewalker007
@codewalker007
Feb 25 2016 00:27
@paulbwd ok so the prop variable would have the string "lastname" assigned to it for instance
Paul Brown
@paulbwd
Feb 25 2016 00:27
yes
Paul_Cat
@HuskyNator
Feb 25 2016 00:28
@nikhithasriharsha I filled in a bugg report FreeCodeCamp/FreeCodeCamp#7234
codewalker007
@codewalker007
Feb 25 2016 00:29
@paulbwd ok I believe this page might help: http://www.w3schools.com/js/js_properties.asp
@paulbwd probably something like: contacts[i][prop]
Paul Brown
@paulbwd
Feb 25 2016 00:30
tried all ways of doing it like that
but returns an empty string
Nikki
@nikhithasriharsha
Feb 25 2016 00:31
thats fine @HuskyNator
Paul Brown
@paulbwd
Feb 25 2016 00:31
ah wait a min, without the quotes it does return the string, Thanks @codewalker007
CamperBot
@camperbot
Feb 25 2016 00:31
paulbwd sends brownie points to @codewalker007 :sparkles: :thumbsup: :sparkles:
:star: 67 | @codewalker007 | http://www.freecodecamp.com/codewalker007
Paul Brown
@paulbwd
Feb 25 2016 00:31
thought id tried that lol
Andrea R.
@amr08
Feb 25 2016 00:32
Working on my portfolio site - what is the best way to credit images? It's so easy to swipe up these photos, but I just want to get ahead of the game on that kind of thing to avoid problems later
Luis Alejandro Brito Blanco
@britoblanco
Feb 25 2016 00:33
Write a function queue which takes an array (arr) and a number (item) as arguments. Add the number to the end of the array, then remove the first element of array. The queue function should then return the element that was removed.
David Dill
@safari137
Feb 25 2016 00:33
I was moving through this quite quickly until I reached algorithms.
Andrea R.
@amr08
Feb 25 2016 00:34
@britoblanco sorry, was that directed at me?
printingprinting
@printingprinting
Feb 25 2016 00:35
@aroche08 I have seen some give credit in the source code. They just comment out the credit part so it dosn’t show on the live site.
codewalker007
@codewalker007
Feb 25 2016 00:35
@paulbwd lol you had me confused there for a min! I was code penning it to try and figure it out. No problem!
printingprinting
@printingprinting
Feb 25 2016 00:35
This message was deleted
Luis Alejandro Brito Blanco
@britoblanco
Feb 25 2016 00:35
@aroche08 no, sorry
Andrea R.
@amr08
Feb 25 2016 00:36
@printingprinting that's a great idea! Thanks
CamperBot
@camperbot
Feb 25 2016 00:36
aroche08 sends brownie points to @printingprinting :sparkles: :thumbsup: :sparkles:
Paul Brown
@paulbwd
Feb 25 2016 00:36
sorry @codewalker007 could have sworn id tried it that way haha challenge now passed!
CamperBot
@camperbot
Feb 25 2016 00:36
:star: 132 | @printingprinting | http://www.freecodecamp.com/printingprinting
Paul Brown
@paulbwd
Feb 25 2016 00:38
boy do you need good memory to learn Javascript lol, im starting to forget what i learned at the beginning haha
David Dill
@safari137
Feb 25 2016 00:39
@paulbwd you got that right
Matthew Stettner
@mstettner
Feb 25 2016 00:39
anyone know why this isnt correct?
<p>Click here for <a href="#"><img src="http://bit.ly/fcc-running-cats">cat photos</a></p>
David Dill
@safari137
Feb 25 2016 00:41
@mstettner I think it does work, what are you trying to do?
codewalker007
@codewalker007
Feb 25 2016 00:41
@paulbwd ever heard of the memory book? you could apply a memory trick to help own the concepts. Like creating a mind map or associating javascript code with things in you home.
Matthew Stettner
@mstettner
Feb 25 2016 00:42
@safari137 Turn an Image into a Link
Paul Brown
@paulbwd
Feb 25 2016 00:42
my home aint that big lol
Craig Banach
@CraigBanach
Feb 25 2016 00:42
@mstettner What are you failing on?
Matthew Stettner
@mstettner
Feb 25 2016 00:42
Nest the existing img element within an a element.
@CraigBanach
Craig Banach
@CraigBanach
Feb 25 2016 00:42
@mstettner What tests are you failing?
Matthew Stettner
@mstettner
Feb 25 2016 00:42
nesting within "a" element
@CraigBanach
David Dill
@safari137
Feb 25 2016 00:43
@paulbwd https://jsfiddle.net/odthn88n/ works on here
Paul Brown
@paulbwd
Feb 25 2016 00:43
wasnt me lol
codewalker007
@codewalker007
Feb 25 2016 00:43
@mstettner I think that challenge is asking you to create an "additional" anchor tag for the separate link
Craig Banach
@CraigBanach
Feb 25 2016 00:43
@mstettner When comparing to my code, there are no <p> tags around the <A>
codewalker007
@codewalker007
Feb 25 2016 00:44
@mstettner try placing the image in its own link and the text in another
Paul Brown
@paulbwd
Feb 25 2016 00:44
yeah, its unlikely you would have a paragraph of text and then an image inside that
David Dill
@safari137
Feb 25 2016 00:44
@paulbwd sorry, didn't mean to say that to you
Matthew Stettner
@mstettner
Feb 25 2016 00:45
@CraigBanach okay let me see
Paul Brown
@paulbwd
Feb 25 2016 00:45
so although its legal, its not what the challenge is looking for
Matthew Stettner
@mstettner
Feb 25 2016 00:45
@codewalker007 actually im not sure i know what you mean
codewalker007
@codewalker007
Feb 25 2016 00:46
ok like this
Matthew Stettner
@mstettner
Feb 25 2016 00:46
@codewalker007 that doesnt sound like id be nesting anything
it wants me to nest
codewalker007
@codewalker007
Feb 25 2016 00:47
<a href="#"><img src="http://bit.ly/fcc-running-cats"></a>
<p>Click here for <a href="#">cat photos</a></p>
Matthew Stettner
@mstettner
Feb 25 2016 00:47
thanks @codewalker007
CamperBot
@camperbot
Feb 25 2016 00:47
mstettner sends brownie points to @codewalker007 :sparkles: :thumbsup: :sparkles:
:star: 71 | @codewalker007 | http://www.freecodecamp.com/codewalker007
Paul Brown
@paulbwd
Feb 25 2016 00:48
your nesting the img inside the anchor
Matthew Stettner
@mstettner
Feb 25 2016 00:48
@codewalker007 is it bad that this is the most fustrating thing i have ever done? it seems so finicky
codewalker007
@codewalker007
Feb 25 2016 00:48
@mstettner do you mean trying to pass each challenge?
Paul Brown
@paulbwd
Feb 25 2016 00:48
it gets easier before it gets harder ;)
Craig Banach
@CraigBanach
Feb 25 2016 00:48
@mstettner If you don't enjoy it then probably, alot of people don't enjoy coding for this reason.
Paul Brown
@paulbwd
Feb 25 2016 00:49
once you get the syntax and the lingo, it aint that frustrating ;)
whats more frustrating is when you go back to another language, and you start using javascript instead of say PHP lol like me today..at work
Matthew Stettner
@mstettner
Feb 25 2016 00:50
i did coding before and enjoyed it.
codewalker007
@codewalker007
Feb 25 2016 00:50
@paulbwd I don't know if I have ever not been frustrated when looking at code... and this is over 24 years... But I have learned to walk away and come back later or ski or scuba dive to take my mind off of it
Paul Brown
@paulbwd
Feb 25 2016 00:51
really @codewalker007 , yes somethings a break is well earned
codewalker007
@codewalker007
Feb 25 2016 00:51
@mstettner once you are done with the challenges, and start applying it to actual projects it will be more fun
@paulbwd if its your own code and you have done good documentation on it, then I enjoy it. But with the speed of business we are always forced to integrate code that is not ours. Hence frustration
Lâm Tuấn Anh
@ryanaleksander
Feb 25 2016 00:54
Am i allowed to use backend languages other than JS to do the projects?
codewalker007
@codewalker007
Feb 25 2016 00:54
@mstettner Have you tried to use something like codepen.io ? You might find it fun to start using the code you are learning here on a home page or other website that you build to do something that interests you. That way when the challenges start to get annoying you can still continue to work on the website until you feel like coming back to them.
Paul Brown
@paulbwd
Feb 25 2016 00:55
yeah goodpoint, other peoples code can sometimes make you pull your hair out lol
Im lucky in that I tend to work mostly on my own code
Sheikh Raju
@SheikhRaju
Feb 25 2016 00:55
i'm on the way to be a champ =D
Matthew Stettner
@mstettner
Feb 25 2016 00:56
@codewalker007 never heard of codepen.io
ill check it out @codewalker007
Paul Brown
@paulbwd
Feb 25 2016 00:56
its coming up shortly in your challenges :)
Matthew Stettner
@mstettner
Feb 25 2016 00:56
what is the next language you learn on codecamp? @codewalker007
Paul Brown
@paulbwd
Feb 25 2016 00:56
jQuery I think
Matthew Stettner
@mstettner
Feb 25 2016 00:57
what does jquery do @paulbwd ?
zaachhodges
@zaachhodges
Feb 25 2016 00:57
This message was deleted
CamperBot
@camperbot
Feb 25 2016 00:57
:bulb: to format code use backticks! ``` more info
Paul Brown
@paulbwd
Feb 25 2016 00:58
its a javascript framework, that allows you to do lots of nice things without the need to refresh your browser
Craig Banach
@CraigBanach
Feb 25 2016 00:58
@zaachhodges What don't you understand?
Paul Brown
@paulbwd
Feb 25 2016 00:58
in a nutshell, but can do loads more
zaachhodges
@zaachhodges
Feb 25 2016 00:59
@CraigBanach Hello, i needed to add the number assigned to 'item' var onto the array but the console didn't seem to add it
codewalker007
@codewalker007
Feb 25 2016 00:59
@paulbwd I look at jQuery as really just a library of functions for JavaScript. I don't consider it another language.
Paul Brown
@paulbwd
Feb 25 2016 01:00
well no, but its what will come next for @mstettner on here
I can access everything else like value.title. But value.thumbnail.source doesn’t work
Craig Banach
@CraigBanach
Feb 25 2016 01:01
@zaachhodges You are defining global arrays that are also used in order to check your code. Just delete and global arrays that you create.
@zaachhodges except testArr
you can keep that
zaachhodges
@zaachhodges
Feb 25 2016 01:02
@CraigBanach ok, i see - not sure why it marked it as correct, as when it was printed it did not append 'item' onto the array
Craig Banach
@CraigBanach
Feb 25 2016 01:03
@zaachhodges because you were looking at the global array you created, not the one FCC used to check your code.
zaachhodges
@zaachhodges
Feb 25 2016 01:03
@CraigBanach ok, i see - thank you :)
CamperBot
@camperbot
Feb 25 2016 01:03
zaachhodges sends brownie points to @craigbanach :sparkles: :thumbsup: :sparkles:
:star: 373 | @craigbanach | http://www.freecodecamp.com/craigbanach
zaachhodges
@zaachhodges
Feb 25 2016 01:04
@CraigBanach ok i think i see better now, haha
GreeN4ao
@green4ao
Feb 25 2016 01:05
Guys i need help...
Paul Brown
@paulbwd
Feb 25 2016 01:05
ooh I think its too late to start reg expressions . Nite people and dont like the bugs bite
GreeN4ao
@green4ao
Feb 25 2016 01:05

//Setup
var contacts = [
{
"firstName": "Akira",
"lastName": "Laine",
"number": "0543236543",
"likes": ["Pizza", "Coding", "Brownie Points"]
},
{
"firstName": "Harry",
"lastName": "Potter",
"number": "0994372684",
"likes": ["Hogwarts", "Magic", "Hagrid"]
},
{
"firstName": "Sherlock",
"lastName": "Holmes",
"number": "0487345643",
"likes": ["Intriguing Cases", "Violin"]
},
{
"firstName": "Kristian",
"lastName": "Vos",
"number": "unknown",
"likes": ["Javascript", "Gaming", "Foxes"]
}
];

function lookUp(firstName, prop){
// Only change code below this line

contacts.forEach(function(item){
if(item.firstName == firstName){
if(item.hasOwnProperty(prop)){
return item[prop];
}
return "No such property";
}

});
return "No such contact";
// Only change code above this line
}

// Change these values to test your function
lookUp("Akira", "likes");
lookUp("Kristian", "lastName");
lookUp("Sherlock", "likes");
lookUp("Abab", "drinks");
lookUp("Sherlock", "gives");

Craig Banach
@CraigBanach
Feb 25 2016 01:05
@green4ao Can you format your code please
help format
CamperBot
@camperbot
Feb 25 2016 01:05

:point_right: code formatting [wiki]

Inline code

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

Code Block

```js ⇦ Type 3 backticks and then press [shift + enter ⏎] (type js or html or css)

<paste your code here>,
then press [shift + enter ⏎]

``` ⇦ Type 3 backticks, then press [enter ⏎]

See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics

:pencil: read more about code formatting on the FCC Wiki

zaachhodges
@zaachhodges
Feb 25 2016 01:05
This message was deleted
> //Setup
var contacts = [
    {
        "firstName": "Akira",
        "lastName": "Laine",
        "number": "0543236543",
        "likes": ["Pizza", "Coding", "Brownie Points"]
    },
    {
        "firstName": "Harry",
        "lastName": "Potter",
        "number": "0994372684",
        "likes": ["Hogwarts", "Magic", "Hagrid"]
    },
    {
        "firstName": "Sherlock",
        "lastName": "Holmes",
        "number": "0487345643",
        "likes": ["Intriguing Cases", "Violin"]
    },
    {
        "firstName": "Kristian",
        "lastName": "Vos",
        "number": "unknown",
        "likes": ["Javascript", "Gaming", "Foxes"]
    }
];


function lookUp(firstName, prop){
// Only change code below this line

  contacts.forEach(function(item){
    if(item.firstName == firstName){
      if(item.hasOwnProperty(prop)){
          return item[prop];
        }
      return "No such property";
      }

  });
  return "No such contact";
// Only change code above this line
}

// Change these values to test your function
lookUp("Akira", "likes");
lookUp("Kristian", "lastName");
lookUp("Sherlock", "likes");
lookUp("Abab", "drinks");
lookUp("Sherlock", "gives");
there you go
Kevin Han
@kevhan94
Feb 25 2016 01:07
Can someone tell me why my codepen isnt working in full or debug mode, but works in editor mode?
like the search button isnt working unless im in editor mode
codewalker007
@codewalker007
Feb 25 2016 01:09
@Legend28469 not every "value" has a thumbnail. For instance "6641931" does but "26206067" does not. Try pasting the output into a beautifier so that you can read it easier. I don't know if that helps? http://jsbeautifier.org
Johnathan Brown
@Legend28469
Feb 25 2016 01:10
@codewalker007 but they all return undefined
Even the ones that do
GreeN4ao
@green4ao
Feb 25 2016 01:12
i get it, whats wrong with code?
Johnathan Brown
@Legend28469
Feb 25 2016 01:15

@codewalker007 actually it returns nothing at all. Here’s my source if that helps

http://codepen.io/Legend28469/pen/MKdpXm?editors=1111

Alexander Køpke
@alexanderkopke
Feb 25 2016 01:23
@kevhan94 there is a comma missing after your getJSON url it says max&callback=?"function(json){ but should say max&callback=?", function(json){
Kevin Han
@kevhan94
Feb 25 2016 01:24
@alexanderkopke wow thanks
CamperBot
@camperbot
Feb 25 2016 01:24
kevhan94 sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:star: 487 | @alexanderkopke | http://www.freecodecamp.com/alexanderkopke
Kevin Han
@kevhan94
Feb 25 2016 01:24
@alexanderkopke that was so frustrating, because it ran in the editor anyway
Matthew Stettner
@mstettner
Feb 25 2016 01:25
what does this mean? Nest your text input element within a form element.
im in complete a form element
Alexander Køpke
@alexanderkopke
Feb 25 2016 01:25
np good work! @kevhan94
Sheikh Raju
@SheikhRaju
Feb 25 2016 01:26
what should be my code with comment?
Alexander Køpke
@alexanderkopke
Feb 25 2016 01:26
@mstettner it means put inside <form>put code to nest inside form here</form>
Michael Aubrey
@mca62511
Feb 25 2016 01:26
to "comment out" something means to remove it by comenting
Matthew Stettner
@mstettner
Feb 25 2016 01:26
does this look right ```html
<form action=input type="text" placeholder="cat photo URL"></form>
Sheikh Raju
@SheikhRaju
Feb 25 2016 01:27
what should i right to remove @mca62511
Michael Aubrey
@mca62511
Feb 25 2016 01:28

@SheikhRaju To "comment out" something means to remove it by commenting.

So if I had somethng like

<p>My name is John Smith.</p>

And I wanted to remove the last name, I would write.

<p>My name is John<!-- Smith.--></p>
Alexander Køpke
@alexanderkopke
Feb 25 2016 01:28
@mstettner the input should be as before. Also the form needs the action= as instructed
Matthew Stettner
@mstettner
Feb 25 2016 01:28
@alexanderkopke ```html
Sheikh Raju
@SheikhRaju
Feb 25 2016 01:28
thank you @mca62511
CamperBot
@camperbot
Feb 25 2016 01:28
sheikhraju sends brownie points to @mca62511 :sparkles: :thumbsup: :sparkles:
:star: 338 | @mca62511 | http://www.freecodecamp.com/mca62511
Michael Aubrey
@mca62511
Feb 25 2016 01:29
@SheikhRaju So as the instructions say, comment out the h1 element and the p element, but don't comment out the h2 element.
Matthew Stettner
@mstettner
Feb 25 2016 01:29
<form action=input type="text" placeholder="cat photo URL"action="/submit-cat-photo"></form>
@alexanderkopke
dos that look right? boy do I have no idea whats going on
codewalker007
@codewalker007
Feb 25 2016 01:30
@green4ao This is a really ugly hack. I would recommend a for loop. You issue is scope. You have to catch the return value on the function that is being created on the fly and run for the forEach statement.
function lookUp(firstName, prop){
// Only change code below this line
  var returnValue = null;
  contacts.forEach(function(item){
    //console.log(item.firstName + " " + firstName);
    if(item.firstName == firstName){
      //console.log("found");
      if(item.hasOwnProperty(prop)){
          returnValue = item[prop];
        } else {
      returnValue = "No such property";
        }
      }

  });
  //console.log(returnValue); 
  if (returnValue != null) {
    return returnValue;
  } else {
    return "No such contact";
  }
// Only change code above this line
}
@Legend28469 code always helps let me look now
Johnathan Brown
@Legend28469
Feb 25 2016 01:31

I can’t figure out why my wikipedia viewer always returns an undefined along with the results. Any help?

http://codepen.io/Legend28469/pen/MKdpXm?editors=0010

@codewalker007 I’d appreciate it. I’ve also ran into another problem =C
Alexander Køpke
@alexanderkopke
Feb 25 2016 01:31
@mstettner <input type="text" placeholder="cat photo URL"> should be intact. Add the <form action="/submit-cat-photo"> and</form> around the input
codewalker007
@codewalker007
Feb 25 2016 01:32
@Legend28469 what do you use for the search box, I mean what would bring up the search string that you posted earlier for the titles
Johnathan Brown
@Legend28469
Feb 25 2016 01:34
@codewalker007 Are you talking about when I was looking for the thumbnail? If so. I just did a console.log(value.thumbnail.source) in the js side
I left it there but commented it out
Devendra Pratap Singh
@dpsingh016
Feb 25 2016 01:34

```html

<form action=input type="text" placeholder="cat photo URL"action="/submit-cat-photo"></form>


> ```html
<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
</form>
Matthew Stettner
@mstettner
Feb 25 2016 01:34
@alexanderkopke what do you mean around the input?
codewalker007
@codewalker007
Feb 25 2016 01:34
@Legend28469 I see that, but what was the search query for the data? What do I type to search wikipedia for?
ovkoyfman
@ovkoyfman
Feb 25 2016 01:35
@Legend28469 It is working when you enter text and then press Enter on the keyboard
@Legend28469 That is how you programm it
Johnathan Brown
@Legend28469
Feb 25 2016 01:35
@ovkoyfman @codewalker007 I have two problems. One is that when I search anything. I always get an undefined along with my results
Matthew Stettner
@mstettner
Feb 25 2016 01:35
@alexanderkopke <form action="/submit-cat-photo"><input type="text" placeholder="cat photo URL"></form>
Alexander Køpke
@alexanderkopke
Feb 25 2016 01:35
@mstettner <form action="/submit-cat-photo"><input type="text" placeholder="cat photo URL"></form> like this
Matthew Stettner
@mstettner
Feb 25 2016 01:36
@alexanderkopke hey hey hey we did it
Alexander Køpke
@alexanderkopke
Feb 25 2016 01:36
:)
Johnathan Brown
@Legend28469
Feb 25 2016 01:36
@codewalker007 The second problem I omitted from the search box. That part can only be accessed from the console
Matthew Stettner
@mstettner
Feb 25 2016 01:36
thanks @alexanderkopke
CamperBot
@camperbot
Feb 25 2016 01:36
mstettner sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:star: 488 | @alexanderkopke | http://www.freecodecamp.com/alexanderkopke
Johnathan Brown
@Legend28469
Feb 25 2016 01:37
@codewalker007 I just uncommented it now. But the console receieves nothing
GreeN4ao
@green4ao
Feb 25 2016 01:40
@codewalker007 Why i need to assign return value first, and why straight "return item[prop]" not works?
Johnathan Brown
@Legend28469
Feb 25 2016 01:41
@codewalker007 Maybe I’m not explaining the image one properly and that one isn’t important. But if you could at least help me find out why every query returns undefined once and then the rest is proper it’d be much appreciated
codewalker007
@codewalker007
Feb 25 2016 01:42
@green4ao scope
@green4ao the return value has to be captured from the inner function. if it is not then you can't do anything with it.
Byeongjun3
@Byeongjun3
Feb 25 2016 01:42
Give your body element the color property of green.?
how?
help plz?
CamperBot
@camperbot
Feb 25 2016 01:43
no wiki entry for: plz
ovkoyfman
@ovkoyfman
Feb 25 2016 01:43
@Legend28469 One of the problem you have: Using query = $("#searchBox").val(); only inside the function when you press Enter on keyboard. You do not include it on the search button
Byeongjun3
@Byeongjun3
Feb 25 2016 01:43
how do i use monospace?
codewalker007
@codewalker007
Feb 25 2016 01:44
@ovkoyfman thanks I was wondering why I was getting undefined, lol
CamperBot
@camperbot
Feb 25 2016 01:44
codewalker007 sends brownie points to @ovkoyfman :sparkles: :thumbsup: :sparkles:
:star: 288 | @ovkoyfman | http://www.freecodecamp.com/ovkoyfman
Byeongjun3
@Byeongjun3
Feb 25 2016 01:44
?
ovkoyfman
@ovkoyfman
Feb 25 2016 01:44
no problem @codewalker007
GreeN4ao
@green4ao
Feb 25 2016 01:45
@codewalker007 it also not works with simple for() iteration (witout inner function)..so we have one lookUp function scope
Yoel Trujillo
@y0el22
Feb 25 2016 01:45
hi guys i got a question, i was creating a simple page with bootstrap and CSS but first i din't put the bootstrap only html and CSS when i link the bootstrap my CSS sheet doesn't work anymore with somethings, for example i have in my CSS page H = COLOR BLUE for example and doesnt work since link the bootstrap, why that happend? it is normal? sorry about my english i speak spanish
Johnathan Brown
@Legend28469
Feb 25 2016 01:45
@ovkoyfman oh thanks I’ll fix that now
CamperBot
@camperbot
Feb 25 2016 01:45
legend28469 sends brownie points to @ovkoyfman :sparkles: :thumbsup: :sparkles:
:star: 289 | @ovkoyfman | http://www.freecodecamp.com/ovkoyfman
ovkoyfman
@ovkoyfman
Feb 25 2016 01:46
no problem @Legend28469
codewalker007
@codewalker007
Feb 25 2016 01:46
@Legend28469 ok so what I meant before was I needed the search string you were looking for "&gsrsearch=Legend" I got it now.
Johnathan Brown
@Legend28469
Feb 25 2016 01:47
@codewalker007 omg. I’m so sorry. I misunderstood
Michael Aubrey
@mca62511
Feb 25 2016 01:47
@y0el22 Are you working on codepen? Could you link us to your project?
Yoel Trujillo
@y0el22
Feb 25 2016 01:48
@mca62511 i was in sublime text
Michael Aubrey
@mca62511
Feb 25 2016 01:48
@y0el22 Cool--well that opens up more options as to what the problem is.
@y0el22 Any way we can see your file?
Yoel Trujillo
@y0el22
Feb 25 2016 01:49
@mca62511 what can i do? :(
Venutom
@Venutom
Feb 25 2016 01:49
@y0el22 Hey Y0el22, I'm no expert but I'm pretty sure you'll need to override some of bootstrap's default CSS with a custom .css sheet.
ovkoyfman
@ovkoyfman
Feb 25 2016 01:49
@y0el22 did you add link to your css file before or after bootstrap?
Yoel Trujillo
@y0el22
Feb 25 2016 01:49
how i can show you? of course
@ovkoyfman before i think
ovkoyfman
@ovkoyfman
Feb 25 2016 01:51
if link to your custom css file is before bootstrap, bootstrap will overwrite it
pu tit after
put
Yoel Trujillo
@y0el22
Feb 25 2016 01:51
how is the right method?
Michael Aubrey
@mca62511
Feb 25 2016 01:52

@y0el22 Browsers load css in the order that they come up in the document. So if you do

<link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>
<style>
a {
    color: red;
}
</style>

Then your links will be red. However if you do.

<style>
a {
    color: red;
}
</style>
<link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>

Then your links will be bootstrap blue.

Yoel Trujillo
@y0el22
Feb 25 2016 01:53
let me see
@mca62511 let me look wait a second
ovkoyfman
@ovkoyfman
Feb 25 2016 01:54
if you want to overwrite bootstrap you HAVE to put it after @y0el22
Michael Aubrey
@mca62511
Feb 25 2016 01:54

With the first one, bootstrap colors the links blue, and then your own css colors them red: In the end, the links render as red.

With the second one, your own css colors them red, but then bootstrap colors them blue: In the end, the links render as blue.

Yoel Trujillo
@y0el22
Feb 25 2016 01:55
´´´
´´´

´´´´´

<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<head>
<title>
Tribute Page
</title>
</head>
´´´´

Michael Aubrey
@mca62511
Feb 25 2016 01:56
yup, see, you are linking to your own stylesheet first
ovkoyfman
@ovkoyfman
Feb 25 2016 01:56
This message was deleted
Michael Aubrey
@mca62511
Feb 25 2016 01:56
which means that when it loads bootstrap, it is overwriting your stylesheet
Bootstrap itself is a stylesheet.
Yoel Trujillo
@y0el22
Feb 25 2016 01:57
so
Michael Aubrey
@mca62511
Feb 25 2016 01:57
So first link to bootstrap, then link to your style.css
Yoel Trujillo
@y0el22
Feb 25 2016 01:57
i have to do it inverse?
Michael Aubrey
@mca62511
Feb 25 2016 01:57
yes
Yoel Trujillo
@y0el22
Feb 25 2016 01:57
great let me try!
ovkoyfman
@ovkoyfman
Feb 25 2016 01:57
This message was deleted
codewalker007
@codewalker007
Feb 25 2016 01:58
@Legend28469 are you printing a member of the first array index that doesn't exist?
@Legend28469 what I mean is does array[0] = undefined and array1 = the first returned object?
Yoel Trujillo
@y0el22
Feb 25 2016 01:58
ok this is estupid
h2 {color: blue};
p{color: green};
Michael Aubrey
@mca62511
Feb 25 2016 01:58

computers read code line by line, so the first line is first, the second line is second.

think about it as a list of instructions

01 Paint the fence blue.
02 Paint the fence red.

What color will the fence be after you follow these instructions? Red.

Yoel Trujillo
@y0el22
Feb 25 2016 01:58
i got this simple
CSS
and only h2 works now
Michael Aubrey
@mca62511
Feb 25 2016 01:59
you've got your semicolons in the wrong spot
Yoel Trujillo
@y0el22
Feb 25 2016 01:59
why?
ovkoyfman
@ovkoyfman
Feb 25 2016 01:59

@y0el22<html>

<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"><link rel="stylesheet" type="text/css" href="style.css">
<head>
<title>
Tribute Page
</title>
</head>

Johnathan Brown
@Legend28469
Feb 25 2016 01:59
@codewalker007 I don’t understand
Michael Aubrey
@mca62511
Feb 25 2016 01:59
@y0el22
h2 {color: blue;}
p {color: green;}
codewalker007
@codewalker007
Feb 25 2016 02:00
@Legend28469 from ripping apart the code, the output, and the returned query it looks like all the JSON objects get displayed and we have an additional "undefined" popping up before them in the output
Johnathan Brown
@Legend28469
Feb 25 2016 02:00
@codewalker007 I don’t know why though. Because I used $.each
codewalker007
@codewalker007
Feb 25 2016 02:01
@Legend28469 This is what I see in the output HTML
<div id="content" class="row">undefined
    <div class="col-sm-4">
        <div class="card">
            <div class="card-block">
                <h4 class="card-title">Legend</h4>
                <p class="card-text">A legend (Latin, legenda,
as you can see undefined comes before the first displayed item
Johnathan Brown
@Legend28469
Feb 25 2016 02:01
That’s strange
Yoel Trujillo
@y0el22
Feb 25 2016 02:01
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="style.css">
<head>
i got this
codewalker007
@codewalker007
Feb 25 2016 02:02
what is good is that all of the values are being displayed that are returned in addition to the undefined.
Johnathan Brown
@Legend28469
Feb 25 2016 02:02
True
I don’t know what to do
codewalker007
@codewalker007
Feb 25 2016 02:03
@Legend28469 rofl... wait is this it ? var html; to var html = "";
Johnathan Brown
@Legend28469
Feb 25 2016 02:03
omg
Maybe
@codewalker007 !!!! Thank you so much
CamperBot
@camperbot
Feb 25 2016 02:04
legend28469 sends brownie points to @codewalker007 :sparkles: :thumbsup: :sparkles:
:star: 72 | @codewalker007 | http://www.freecodecamp.com/codewalker007
Johnathan Brown
@Legend28469
Feb 25 2016 02:04
lmao
codewalker007
@codewalker007
Feb 25 2016 02:04
@Legend28469 initialize dem variables!
Johnathan Brown
@Legend28469
Feb 25 2016 02:04
How could I forget it was never initialized
I feel so dumb
Yoel Trujillo
@y0el22
Feb 25 2016 02:04
@mca62511 is exactly like mine no?
codewalker007
@codewalker007
Feb 25 2016 02:04
naw it happens to the best of us
Yoel Trujillo
@y0el22
Feb 25 2016 02:04
@mca62511 and i make the change
in the html file
codewalker007
@codewalker007
Feb 25 2016 02:05
@Legend28469 alright next is the sub content...
Johnathan Brown
@Legend28469
Feb 25 2016 02:05
lol
YensyGomez
@YensyGomez
Feb 25 2016 02:05
I have a problem, with create p tag I dont undestand i need to do
Michael Aubrey
@mca62511
Feb 25 2016 02:05
@y0el22 For the css? You'd make the change in style.css
YensyGomez
@YensyGomez
Feb 25 2016 02:05
in the priblem 17
Johnathan Brown
@Legend28469
Feb 25 2016 02:05
That one I couldn’t figure out at all
Yoel Trujillo
@y0el22
Feb 25 2016 02:06
@mca62511 something is wrong with my CSS file?
YensyGomez
@YensyGomez
Feb 25 2016 02:06
there are someone to help me please
codewalker007
@codewalker007
Feb 25 2016 02:06
@Legend28469 this works for me now.. console.log(value.thumbnail.source);
Johnathan Brown
@Legend28469
Feb 25 2016 02:06
It does?
codewalker007
@codewalker007
Feb 25 2016 02:07
@Legend28469 try uncommenting it and see what happens
Yoel Trujillo
@y0el22
Feb 25 2016 02:07
@mca62511 sorry but i don't get what is wrong
Michael Aubrey
@mca62511
Feb 25 2016 02:07

@y0el22 earlier you said that you had h2 {color: blue}; p{color: green};

But the syntax there is wrong. The semicolons should be before the end brackets.

Yoel Trujillo
@y0el22
Feb 25 2016 02:07
why h2 works and the other no?
codewalker007
@codewalker007
Feb 25 2016 02:07
@Legend28469 I mean I can see the content now... what did you want to do with it?
ovkoyfman
@ovkoyfman
Feb 25 2016 02:07
@YensyGomez <p>some text</p>
Michael Aubrey
@mca62511
Feb 25 2016 02:08
This message was deleted
Johnathan Brown
@Legend28469
Feb 25 2016 02:08
@codewalker007 you see the value of source in the console?
ovkoyfman
@ovkoyfman
Feb 25 2016 02:08
@y0el22 you placed ; in the wrong place Did you fixed it?
Michael Aubrey
@mca62511
Feb 25 2016 02:08
@y0el22 Like this h2 {color: blue;} p {color: green;} or really more preferably like this
h2 {
    color: blue;
} 
p {
    color: green;
}
codewalker007
@codewalker007
Feb 25 2016 02:09
@Legend28469 This is what I see in the console when uncommenting the console.log
"https://upload.wikimedia.org/wikipedia/commons/thumb/9/91/Swiss_R%C3%BCtlischwur.jpg/36px-Swiss_R%C3%BCtlischwur.jpg"
"https://upload.wikimedia.org/wikipedia/en/thumb/8/8e/The_Legend_of_Zelda_Ocarina_of_Time_box_art.png/50px-The_Legend_of_Zelda_Ocarina_of_Time_box_art.png"
"https://upload.wikimedia.org/wikipedia/en/thumb/6/60/The_Legend_of_Zelda_-_Majora%27s_Mask_Box_Art.jpg/50px-The_Legend_of_Zelda_-_Majora%27s_Mask_Box_Art.jpg"
"https://upload.wikimedia.org/wikipedia/en/thumb/a/af/The_Legend_of_Zelda_Oracle_of_Seasons_and_Oracle_of_Ages_Game_Cover.jpg/50px-The_Legend_of_Zelda_Oracle_of_Seasons_and_Oracle_of_Ages_Game_Cover.jpg"
"https://upload.wikimedia.org/wikipedia/en/thumb/e/e9/Links_Awakening_box.jpg/50px-Links_Awakening_box.jpg"
Yoel Trujillo
@y0el22
Feb 25 2016 02:09
@mca62511 @ovkoyfman i feel pretty idiot it was that
Johnathan Brown
@Legend28469
Feb 25 2016 02:09
I wanna add those images to the cards
Michael Aubrey
@mca62511
Feb 25 2016 02:09
@y0el22 no worries, we all make simple mistakes
Johnathan Brown
@Legend28469
Feb 25 2016 02:09
@codewalker007 The problem was I wasn’t receiving the urls
Michael Aubrey
@mca62511
Feb 25 2016 02:09
@y0el22 especially when we're just starting, but even after
Yoel Trujillo
@y0el22
Feb 25 2016 02:09
@mca62511 @ovkoyfman thank you guys but the bootstrap i din't know
CamperBot
@camperbot
Feb 25 2016 02:09
y0el22 sends brownie points to @mca62511 and @ovkoyfman :sparkles: :thumbsup: :sparkles:
:star: 339 | @mca62511 | http://www.freecodecamp.com/mca62511
:star: 290 | @ovkoyfman | http://www.freecodecamp.com/ovkoyfman
Yoel Trujillo
@y0el22
Feb 25 2016 02:10
@mca62511 @ovkoyfman its important to know it
ovkoyfman
@ovkoyfman
Feb 25 2016 02:10
my pleasure @y0el22
Johnathan Brown
@Legend28469
Feb 25 2016 02:10
@codewalker007 it still doesn’t work for me in console =C
YensyGomez
@YensyGomez
Feb 25 2016 02:11
@ovkoyfman Yes, I do this you said, but in this case i need create a font -size. 16X, BUT i dont understand
ovkoyfman
@ovkoyfman
Feb 25 2016 02:11
16px
Matthew Stettner
@mstettner
Feb 25 2016 02:12
FYI I highyly recomend using chrome
ovkoyfman
@ovkoyfman
Feb 25 2016 02:12
@YensyGomez 16px you mean? Did you type it right?
codewalker007
@codewalker007
Feb 25 2016 02:12
@Legend28469 which browser are you using. I am running safari
YensyGomez
@YensyGomez
Feb 25 2016 02:13
16x
Johnathan Brown
@Legend28469
Feb 25 2016 02:13
Chrome
YensyGomez
@YensyGomez
Feb 25 2016 02:13
yeah
Johnathan Brown
@Legend28469
Feb 25 2016 02:13
@codewalker007 let me try Safari
ovkoyfman
@ovkoyfman
Feb 25 2016 02:14
@YensyGomez Give me name of the problem
Johnathan Brown
@Legend28469
Feb 25 2016 02:15
@codewalker007 Just confirmed with someone else. It’s just me. It works for other people
@codewalker007 thanks again
CamperBot
@camperbot
Feb 25 2016 02:15
legend28469 sends brownie points to @codewalker007 :sparkles: :thumbsup: :sparkles:
:warning: legend28469 already gave codewalker007 points
ovkoyfman
@ovkoyfman
Feb 25 2016 02:17
@YensyGomez How it called on freecodecamp
YensyGomez
@YensyGomez
Feb 25 2016 02:18
@ovkoyfman the name is Change the Font Size of an Element
ovkoyfman
@ovkoyfman
Feb 25 2016 02:20
@YensyGomez did you create p with text inside?
@YensyGomez what exactly you do not understand?
YensyGomez
@YensyGomez
Feb 25 2016 02:21
yes, i did
ok let me a bit
djchang89
@djchang89
Feb 25 2016 02:21
i'm having trouble resizing my images..
B. Garber
@TheBGar
Feb 25 2016 02:22
@djchang89 can you post your code in markdown?
explain format
CamperBot
@camperbot
Feb 25 2016 02:22

:point_right: code formatting [wiki]

Inline code

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

Code Block

```js ⇦ Type 3 backticks and then press [shift + enter ⏎] (type js or html or css)

<paste your code here>,
then press [shift + enter ⏎]

``` ⇦ Type 3 backticks, then press [enter ⏎]

See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics

:pencil: read more about code formatting on the FCC Wiki

B. Garber
@TheBGar
Feb 25 2016 02:22
@djchang89 :point_up:
Daniel Drasdo
@danieldrasdo
Feb 25 2016 02:22
Can I get some help with my Symmetric Difference AAS solution?
function sym(args) {

  function arrDiff(arr1, arr2) {
    var obj = {},
        difference = [];
    for (var i = 0; i < arr1.length; i++) {
      obj[arr1[i]] = true;
    }
    for (var j = 0; j < arr2.length; j++) {
      if (obj[arr2[j]] === true) {
        delete obj[arr2[j]];
      } else {
        obj[arr2[j]] = true;
      }
    }
    for (var key in obj) {
      difference.push(Number(key));
    }
    return difference;
  }

  var arrayOfArgs = [];

  for (var i = 0; i < arguments.length; i++) {
    arrayOfArgs.push(arguments[i]);
  }

  var result = arrDiff(arrayOfArgs[0], arrayOfArgs[1]);

  if (arrayOfArgs.length !== 2) {
    for (var j = 2; j <= (arrayOfArgs.length - 1); j++) {
      result = arrDiff(result, arrayOfArgs[j]);
    }
  }

  return result;
}

sym([1, 2, 3], [5, 2, 1, 4]);
B. Garber
@TheBGar
Feb 25 2016 02:22
@djchang89 is it within a certain framework (i.e., bootstrap)? Or having trouble getting the css to do it?
ovkoyfman
@ovkoyfman
Feb 25 2016 02:23
now target class red-text like that .red-text{ } inside <style></style> tags and put inside needed style
djchang89
@djchang89
Feb 25 2016 02:23
having trouble with css
@TheBGar
i'm trying to make the image smaller @ 100px, but it's not working
@TheBGar
B. Garber
@TheBGar
Feb 25 2016 02:23
@djchang89 can you post your code? both html and css if possible and I'd be more than happy to help!
YensyGomez
@YensyGomez
Feb 25 2016 02:23

<style>
.red-text {
color: red;
font-size: 16px;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>

<p> Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Sorry
djchang89
@djchang89
Feb 25 2016 02:24

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.smaller-image {
width: 100px;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img src="https://bit.ly/fcc-relaxing-cat">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

@TheBGar does that help? Sorry - so new to this!
B. Garber
@TheBGar
Feb 25 2016 02:24
@djchang89 try using the markdown format...
explain format
CamperBot
@camperbot
Feb 25 2016 02:24

:point_right: code formatting [wiki]

Inline code

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

Code Block

```js ⇦ Type 3 backticks and then press [shift + enter ⏎] (type js or html or css)

<paste your code here>,
then press [shift + enter ⏎]

``` ⇦ Type 3 backticks, then press [enter ⏎]

See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics

:pencil: read more about code formatting on the FCC Wiki

B. Garber
@TheBGar
Feb 25 2016 02:24
@djchang89 :point_up:
PattyCreates
@PattyCreates
Feb 25 2016 02:25
.smaller-image {
width: 100px;
} <img src="https://bit.ly/fcc-relaxing-cat">
There is no class on the img. so it should be
img src = "cat.jpg" class="smaller-image"
ovkoyfman
@ovkoyfman
Feb 25 2016 02:25
@YensyGomez Do not add a class attribute to your new p element.
B. Garber
@TheBGar
Feb 25 2016 02:25
@djchang89 make sure you are identifying your element (in this case the img) with a class or id...you are using the class in your css but not in your html
YensyGomez
@YensyGomez
Feb 25 2016 02:26
ok @ovkoyfman thx it all
CamperBot
@camperbot
Feb 25 2016 02:26
yensygomez sends brownie points to @ovkoyfman :sparkles: :thumbsup: :sparkles:
:star: 291 | @ovkoyfman | http://www.freecodecamp.com/ovkoyfman
YensyGomez
@YensyGomez
Feb 25 2016 02:27
@ovkoyfman thx :)
CamperBot
@camperbot
Feb 25 2016 02:27
yensygomez sends brownie points to @ovkoyfman :sparkles: :thumbsup: :sparkles:
:warning: yensygomez already gave ovkoyfman points
B. Garber
@TheBGar
Feb 25 2016 02:27
@djchang89 -- @PattyCreates also mention the problem! nice catch Patty
**mentioned
Daniel Drasdo
@danieldrasdo
Feb 25 2016 02:27
I just need some help with my result variable.
ovkoyfman
@ovkoyfman
Feb 25 2016 02:28
@YensyGomez you added 16px style on red class but need on p
djchang89
@djchang89
Feb 25 2016 02:28
thank you!! @TheBGar @PattyCreates
CamperBot
@camperbot
Feb 25 2016 02:28
djchang89 sends brownie points to @thebgar and @pattycreates :sparkles: :thumbsup: :sparkles:
:star: 298 | @thebgar | http://www.freecodecamp.com/thebgar
B. Garber
@TheBGar
Feb 25 2016 02:28
@danieldrasdo how can we help?
CamperBot
@camperbot
Feb 25 2016 02:28
:star: 18 | @pattycreates | http://www.freecodecamp.com/pattycreates
Daniel Drasdo
@danieldrasdo
Feb 25 2016 02:28
More specifically, this part... result = arrDiff(result, arrayOfArgs[j]);
B. Garber
@TheBGar
Feb 25 2016 02:28
@djchang89 does that make sense? get it?
ovkoyfman
@ovkoyfman
Feb 25 2016 02:28
@YensyGomez no problem
Daniel Drasdo
@danieldrasdo
Feb 25 2016 02:29
Well, it's not passing, and I just want to make sure that the result = arrDiff(result, arrayOfArgs[j]); part of my function does indeed update the value correctly, like, is setting a variables value to be equal to that previous values run through a function a legit way of doing it?
PattyCreates
@PattyCreates
Feb 25 2016 02:30
np @djchang89
B. Garber
@TheBGar
Feb 25 2016 02:30

@danieldrasdo are you defining it as

var result = arrDiff(...

with the var out front?

@danieldrasdo and is "result" being used as a global variable or local?
Daniel Drasdo
@danieldrasdo
Feb 25 2016 02:32
No var out front cause I wanna update the value of result outside that loop. Right?
And the reason for that is if I don't enter the arrayOfArgs.length !== 2 if statement, I can then just return the result value, but if I do, I want to change the result value... my head hurts.
B. Garber
@TheBGar
Feb 25 2016 02:35
@danieldrasdo haha hang in there. Which exercise?
Just trying to follow what you are wanting to accomplish
Daniel Drasdo
@danieldrasdo
Feb 25 2016 02:36
My functions up a ways, its for Symmetric Difference AAS solution. I'll repaste it...
function sym(args) {

  function arrDiff(arr1, arr2) {
    var obj = {},
        difference = [];
    for (var i = 0; i < arr1.length; i++) {
      obj[arr1[i]] = true;
    }
    for (var j = 0; j < arr2.length; j++) {
      if (obj[arr2[j]] === true) {
        delete obj[arr2[j]];
      } else {
        obj[arr2[j]] = true;
      }
    }
    for (var key in obj) {
      difference.push(Number(key));
    }
    return difference;
  }

  var arrayOfArgs = [];

  for (var i = 0; i < arguments.length; i++) {
    arrayOfArgs.push(arguments[i]);
  }

  var result = arrDiff(arrayOfArgs[0], arrayOfArgs[1]);

  if (arrayOfArgs.length !== 2) {
    for (var j = 2; j <= (arrayOfArgs.length - 1); j++) {
      result = arrDiff(result, arrayOfArgs[j]);
    }
  }

  return result;
}

sym([1, 2, 3], [5, 2, 1, 4]);
It'd be cool of this code format thingy had line numbers.
B. Garber
@TheBGar
Feb 25 2016 02:39
@danieldrasdo is this a FCC specific exercise?
Daniel Drasdo
@danieldrasdo
Feb 25 2016 02:40
Yea, Symmetric Difference AAS
B. Garber
@TheBGar
Feb 25 2016 02:40
shoot I see it now @danieldrasdo
my bad
Daniel Drasdo
@danieldrasdo
Feb 25 2016 02:40
AAS = Advanced Algo... yeah
No worries @TheBGar
B. Garber
@TheBGar
Feb 25 2016 02:41
@danieldrasdo I'm humbled to admit that I am not that "advanced"
@danieldrasdo although, I'd be happy to push forward and try to figure it out with you right now? do some digging in MDN and elsewhere to crack it
Matthew Stettner
@mstettner
Feb 25 2016 02:42
Your form element should have the background-color of green. ```html
<form action="/submit-cat-photo" id="cat-photo-form">
  <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
  <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
  <label><input type="checkbox" name="personality" checked> Loving</label>
  <label><input type="checkbox" name="personality"> Lazy</label>
  <label><input type="checkbox" name="personality"> Energetic</label>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
Daniel Drasdo
@danieldrasdo
Feb 25 2016 02:42
That would be sweet @TheBGar
B. Garber
@TheBGar
Feb 25 2016 02:43
@danieldrasdo sure thing. Let me read the intro and we can start chattin' it up here
Matthew Stettner
@mstettner
Feb 25 2016 02:44
where do i put my background-color
codewalker007
@codewalker007
Feb 25 2016 02:45
@mstettner do you create a new class and just add that to the form?
@mstettner what is the exercise called? so I can look it up
Matthew Stettner
@mstettner
Feb 25 2016 02:46
@codewalker007
Use an ID Attribute to Style an Element
B. Garber
@TheBGar
Feb 25 2016 02:46
@danieldrasdo So instead of readying your code for this I'm just going to talk you through what I think I would do to try to solve it... feel free to offer a rebuttal if necessary
Daniel Drasdo
@danieldrasdo
Feb 25 2016 02:46
Cool thanks @TheBGar
CamperBot
@camperbot
Feb 25 2016 02:46
danieldrasdo sends brownie points to @thebgar :sparkles: :thumbsup: :sparkles:
:star: 300 | @thebgar | http://www.freecodecamp.com/thebgar
Daniel Drasdo
@danieldrasdo
Feb 25 2016 02:47
Cool, shoot away.
codewalker007
@codewalker007
Feb 25 2016 02:47
@mstettner ok, so from reading the exercise do you know what you should be calling the id?
Matthew Stettner
@mstettner
Feb 25 2016 02:48
@codewalker007 not sure
Joshua McKenzie
@mckenzieja
Feb 25 2016 02:48
$(document).ready(function(){

  if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(function(position) {
   $.getJSON.("api.openweathermap.org/data/2.5/weather?lat="+position.coords.latitutde+"&lon="+position.coords.longitude+"APPID=7d764d9a5887edcac1258090cce472a8", function(name,main.temp,weather.id,weather.icon)){
              //Pass parameters here to statements that modify html?//
              }

  });
}
My attempt at Weather API Module
First I pull the location coordinates then I attempt to pull the API info. I feel that this is incorrect but for some reason I cant understand why.
codewalker007
@codewalker007
Feb 25 2016 02:48
do you know how to style an id in the CSS <style> section ?
Daniel Drasdo
@danieldrasdo
Feb 25 2016 02:49

[ID NAME]

Matthew Stettner
@mstettner
Feb 25 2016 02:49
yes
Daniel Drasdo
@danieldrasdo
Feb 25 2016 02:49
crap... #[ID NAME]
Matthew Stettner
@mstettner
Feb 25 2016 02:49
.cat-photo-element {
background-color: green;
}
Daniel Drasdo
@danieldrasdo
Feb 25 2016 02:49
so for id banner, use #banner.
codewalker007
@codewalker007
Feb 25 2016 02:50
@mstettner that would style for a class, the id needs to be #cat-photo-element {
@mstettner in the <style> when using " . " we mean class and when using " # " we mean id
Matthew Stettner
@mstettner
Feb 25 2016 02:50
okay
codewalker007
@codewalker007
Feb 25 2016 02:51
so in this case we are looking to create an id attribute on the form tag called "cat-photo-form"
Matthew Stettner
@mstettner
Feb 25 2016 02:51
so the id needs to in between form?
codewalker007
@codewalker007
Feb 25 2016 02:52
so if you have a simple tag <form> how would you modify it to add the id attribute named "cat-photo-form"
Matthew Stettner
@mstettner
Feb 25 2016 02:52
<form action="/submit-cat-photo" id="cat-photo-form">
B. Garber
@TheBGar
Feb 25 2016 02:52
@danieldrasdo My first though is to loop through args and compare the first array to the rest - reducing to a single array then looping through the next array etc...
codewalker007
@codewalker007
Feb 25 2016 02:52
correct
Matthew Stettner
@mstettner
Feb 25 2016 02:52
@codewalker007
codewalker007
@codewalker007
Feb 25 2016 02:52
now style it
Matthew Stettner
@mstettner
Feb 25 2016 02:52
okay styling
Moustachi
@Moustachi
Feb 25 2016 02:52
hi guys
Rahul Nayak
@pragyes31
Feb 25 2016 02:53
Hello People
Moustachi
@Moustachi
Feb 25 2016 02:53
can someone help me with my img element?
Matthew Stettner
@mstettner
Feb 25 2016 02:53
@codewalker007 still says:Your form element should have the background-color of green.
Franco Zapata
@Francozt01
Feb 25 2016 02:53
@pragyes31 hey! welcome
Rahul Nayak
@pragyes31
Feb 25 2016 02:54
Thanks @Francozt01
CamperBot
@camperbot
Feb 25 2016 02:54
pragyes31 sends brownie points to @francozt01 :sparkles: :thumbsup: :sparkles:
:star: 557 | @francozt01 | http://www.freecodecamp.com/francozt01
Matthew Stettner
@mstettner
Feb 25 2016 02:54
so is that a class? @codewalker007
Franco Zapata
@Francozt01
Feb 25 2016 02:54
@pragyes31 np enjoy FCC :+1:
Rahul Nayak
@pragyes31
Feb 25 2016 02:54
I'm loving FCC already
codewalker007
@codewalker007
Feb 25 2016 02:55
@mstettner did you try
<style>
 #cat-photo-form {
background-color: green;
}
Rahul Nayak
@pragyes31
Feb 25 2016 02:55
please help me out with the exercise "Nest an Anchor Element within a Paragraph"
Moustachi
@Moustachi
Feb 25 2016 02:55
oh...oops. all i did was create a class called .thick-green-border
Matthew Stettner
@mstettner
Feb 25 2016 02:55
}
  .cat-photo-element {
background-color: green;
}
@codewalker007
Rahul Nayak
@pragyes31
Feb 25 2016 02:56
here is my piece of code : <p> View more <a href="http://www.freecatphotoapp.com"> cat photos</a> </p>
Matthew Stettner
@mstettner
Feb 25 2016 02:56
should be correct no?
B. Garber
@TheBGar
Feb 25 2016 02:56
@pragyes31 It's a great place indeed! It's taken my coding from a "0" to a "5" in 3 months of part-time coding
Matthew Stettner
@mstettner
Feb 25 2016 02:56
needs to be form not e;ements
Rahul Nayak
@pragyes31
Feb 25 2016 02:56
@TheBGar that's motivating
codewalker007
@codewalker007
Feb 25 2016 02:56
@mstettner well with that class style we would need to change the tag to <form class="cat-photo-element" action="/submit-cat-photo">
B. Garber
@TheBGar
Feb 25 2016 02:57
@pragyes31 This community is very supportive you'll find out I'm sure! So welcome! Feel free to ask questions and help others out too!
Rahul Nayak
@pragyes31
Feb 25 2016 02:57
will sure do @TheBGar
Matthew Stettner
@mstettner
Feb 25 2016 02:57
thanks @codewalker007 taking a break now
CamperBot
@camperbot
Feb 25 2016 02:57
mstettner sends brownie points to @codewalker007 :sparkles: :thumbsup: :sparkles:
:star: 73 | @codewalker007 | http://www.freecodecamp.com/codewalker007
codewalker007
@codewalker007
Feb 25 2016 02:57
k
Moustachi
@Moustachi
Feb 25 2016 02:57
sorry im trying to keep up haha
one of the requirements to pass this challenge is to have the nclass "thick-green-border" in my img elemnt
Daniel Drasdo
@danieldrasdo
Feb 25 2016 02:58
Gotchya @TheBGar, sorta what I've got going on there. I've got an arrDiff function that takes two arrays and returns 1 array of the unique values from each. Then since the function expects two or more args, I set a result variable to arrDiff(arg1,arg2). Then if I'm only getting two arrays in arguments, I just return that result, but if there's more than 2, I'm looping through 3 and up and resaving over the result. My loop finishes when there aren't anymore args and I return the final result.
Moustachi
@Moustachi
Feb 25 2016 02:59
sorry about the typing, im a mess right now
codewalker007
@codewalker007
Feb 25 2016 03:00
@Moustachi what does you img tag look like right now?
Matt Burd
@EskimoBurd
Feb 25 2016 03:00
Just starting to make my protfoli, any help? the demo they gave seems pretty advanced to me. Im going through and trying to re write down terms i am unsure about.
Daniel Drasdo
@danieldrasdo
Feb 25 2016 03:01
Alright @TheBGar, I gotta head out now. Thanks for taking a look with me.FreeCodeCamp should supply free advil to all FCCers.
CamperBot
@camperbot
Feb 25 2016 03:01
danieldrasdo sends brownie points to @thebgar :sparkles: :thumbsup: :sparkles:
:warning: danieldrasdo already gave thebgar points
Moustachi
@Moustachi
Feb 25 2016 03:02
<img class="smaller-image" class1="thick-green-border" src="https://bit.ly/fcc-relaxing-cat">
that is how my img tag looks like
i have this
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
}
written in <style> </style>
class1 was a guess based on the examples
codewalker007
@codewalker007
Feb 25 2016 03:03
ah
change the class1 to class
but
Moustachi
@Moustachi
Feb 25 2016 03:04
let see now.
codewalker007
@codewalker007
Feb 25 2016 03:04
you really only want 1 attribute called class. so we would merge the two and place a space between class names
Rahul Nayak
@pragyes31
Feb 25 2016 03:04
@Moustachi use class keyword just once,
codewalker007
@codewalker007
Feb 25 2016 03:04
@Moustachi class="smaller-image" class1="thick-green-border" becomes class="smaller-image thick-green-border"
Rahul Nayak
@pragyes31
Feb 25 2016 03:05
exactly my thoughts @codewalker007 :)
Moustachi
@Moustachi
Feb 25 2016 03:05
it's not recognizing my class in style
let me see
thanks @codewalker007
CamperBot
@camperbot
Feb 25 2016 03:06
moustachi sends brownie points to @codewalker007 :sparkles: :thumbsup: :sparkles:
:star: 87 | @codewalker007 | http://www.freecodecamp.com/codewalker007
B. Garber
@TheBGar
Feb 25 2016 03:07
@danieldrasdo agreed! keep up the grind man. Sorry I couldn't be of more help right now
codewalker007
@codewalker007
Feb 25 2016 03:07
@Moustachi no problem
Rahul Nayak
@pragyes31
Feb 25 2016 03:07
SO i am having trouble with one exercise. The exercise required anchor tag nested inside paragraph. Done that still not able to clear ''' <p> View more <a href="http://www.freecatphotoapp.com"> cat photos</a> </p> '''.
CamperBot
@camperbot
Feb 25 2016 03:07
:bulb: to format code use backticks! ``` more info
Moustachi
@Moustachi
Feb 25 2016 03:07
is class1 user determined?
because i was able to fit it all under <img class="smaller-image thick-green-border"src="https://bit.ly/fcc-relaxing-cat">
instead of creating class1
Rahul Nayak
@pragyes31
Feb 25 2016 03:09

```

<p> View more <a href="http://www.freecatphotoapp.com"> cat photos</a> </p>

codewalker007
@codewalker007
Feb 25 2016 03:09
@Moustachi class1 is not a attribute for the img tag
Rahul Nayak
@pragyes31
Feb 25 2016 03:10
sorry for the mess, trying to figure out a way to format the code block before sending
Moustachi
@Moustachi
Feb 25 2016 03:10
it's going over my head a little
codewalker007
@codewalker007
Feb 25 2016 03:11
@Moustachi ok, so for any html tag, lets say <img> there are a defined set of attributes like src, width, height, etc
Moustachi
@Moustachi
Feb 25 2016 03:11
oh right
ok so you say it;'s not an attribute
right
i understand now
codewalker007
@codewalker007
Feb 25 2016 03:11
@Moustachi to add an attribute to the tag we use this syntax <img src="http://google.com">
"class" is an attribute, and so is "id"
Moustachi
@Moustachi
Feb 25 2016 03:12
but not class1
codewalker007
@codewalker007
Feb 25 2016 03:12
but class1 or class2 etc won't do anything
Moustachi
@Moustachi
Feb 25 2016 03:12
oh ok
codewalker007
@codewalker007
Feb 25 2016 03:12
it might look cool :)
@Moustachi W3C schools can be used for a quick lookup of HTML tag attributes http://www.w3schools.com/tags/tag_img.asp
Moustachi
@Moustachi
Feb 25 2016 03:13
it might, but i was trying to make sense of the example provided
<img class="class1 class2"> class1 meaning whatever your code is then space, your next line of code
it's more clear to me now
codewalker007
@codewalker007
Feb 25 2016 03:14
@Moustachi in the shown case you could create styles for each
Moustachi
@Moustachi
Feb 25 2016 03:15
earlier the example gave me the impression that i could use class1 and class2 to summon the classes created in <style>
codewalker007
@codewalker007
Feb 25 2016 03:15
@Moustachi for instance
<style>
 .class1 {
background-color: green;
}

 .class2 {
   margin:0px;
}
Moustachi
@Moustachi
Feb 25 2016 03:15
exactly what i am thinking now
codewalker007
@codewalker007
Feb 25 2016 03:15
but now we as the user are creating styles called class1 and class2
Moustachi
@Moustachi
Feb 25 2016 03:15
exactly
sorry for hassle. i just misinterp'd the example
codewalker007
@codewalker007
Feb 25 2016 03:16
@Moustachi no worries, every question is valid
Moustachi
@Moustachi
Feb 25 2016 03:16
thanks for sticking in with me though
thank you
codewalker007
@codewalker007
Feb 25 2016 03:16
glad I could be of help
Moustachi
@Moustachi
Feb 25 2016 03:17
i'm gonna go back to the challenges now, cya guys later
codewalker007
@codewalker007
Feb 25 2016 03:18
come back if you need more help!
Catalina Campos
@catalinacampos2014
Feb 25 2016 03:23
Hi, I had a question. When you reset the code, will it clear all of it completely?
codewalker007
@codewalker007
Feb 25 2016 03:23
@catalinacampos2014 it should restore the code to the way it was before you modified it
@catalinacampos2014 you can always copy-paste the current code into a text editor to save your changes if you want before you do that
Catalina Campos
@catalinacampos2014
Feb 25 2016 03:24
@codewalker007 okay, thank you!
CamperBot
@camperbot
Feb 25 2016 03:24
catalinacampos2014 sends brownie points to @codewalker007 :sparkles: :thumbsup: :sparkles:
:star: 99 | @codewalker007 | http://www.freecodecamp.com/codewalker007
codewalker007
@codewalker007
Feb 25 2016 03:24
np
Pawan
@pawan92
Feb 25 2016 03:25
how do i seperate a number into individual digits
codewalker007
@codewalker007
Feb 25 2016 03:27
@pawan92 in javascript?
Pawan
@pawan92
Feb 25 2016 03:27
@codewalker007 yessir
codewalker007
@codewalker007
Feb 25 2016 03:27
@pawan92 you could always loop through and divide by powers of 10
@pawan92 this solution has someone turn it into a string and then just remove each character http://stackoverflow.com/questions/7784620/javascript-number-split-into-individual-digits
Pawan
@pawan92
Feb 25 2016 03:31
hmm thanks
codewalker007
@codewalker007
Feb 25 2016 03:31
the above solution also lists out how a to use the % and divide by 10 in a loop
np
dshinzie
@dshinzie
Feb 25 2016 03:34
soo..I'm trying to start the tribute project and I don't know how to start without looking at other people's code. anyone have like a guideline of how to start?
codewalker007
@codewalker007
Feb 25 2016 03:37
@dshinzie I am not there yet, but for any web design project I usually start with a piece of paper and a pen and diagram out what I want things to look like and then list components I will need for the site to work
dshinzie
@dshinzie
Feb 25 2016 03:38
@codewalker007 you right maybe i should design it first. thnx
CamperBot
@camperbot
Feb 25 2016 03:38
dshinzie sends brownie points to @codewalker007 :sparkles: :thumbsup: :sparkles:
:star: 101 | @codewalker007 | http://www.freecodecamp.com/codewalker007
Moustachi
@Moustachi
Feb 25 2016 03:39
Ok. i think i'm reading an example wrong again
it's telling me to change href to #
in mt a element
codewalker007
@codewalker007
Feb 25 2016 03:40
yep
@Moustachi well they don't want you to change the attribute name, but what is in the value of the attribute
Moustachi
@Moustachi
Feb 25 2016 03:41
<p>Click here for <a #="http://www.freecatphotoapp.com">cat photos</a>.</p>
codewalker007
@codewalker007
Feb 25 2016 03:42
again the attributes names are fixed. if we look at the attribute list for <a> tag: http://www.w3schools.com/tags/tag_a.asp
@Moustachi we will see that there are no " # " attributes
@Moustachi <attribute-name> = " <attribute-value> "
@Moustachi so we have href="http://www.freecatphotoapp.com", href is the name, and "http://www.freecatphotoapp.com" is the value
Moustachi
@Moustachi
Feb 25 2016 03:44
so i take the link away
codewalker007
@codewalker007
Feb 25 2016 03:45
so they are asking you to update the value for the href attribute to "#"
Moustachi
@Moustachi
Feb 25 2016 03:45
thanks @codewalker007
CamperBot
@camperbot
Feb 25 2016 03:45
moustachi sends brownie points to @codewalker007 :sparkles: :thumbsup: :sparkles:
:warning: moustachi already gave codewalker007 points
Andres Baltodano
@Andy-colocho
Feb 25 2016 03:46
hello
I need help with on of the assigment
the golf code assigmnet
``
``
codewalker007
@codewalker007
Feb 25 2016 03:47
@Andy-colocho which part?
smash-coder
@smash-coder
Feb 25 2016 03:50
how to chang font of a page in html. using only font tag. pls. i know the css
Sukhjinder Nahal
@SN23
Feb 25 2016 03:53
I need help with changing the color of a div element
I created the gray background class under thick-green-background in the style element
codewalker007
@codewalker007
Feb 25 2016 03:54

@smash-coder do you mean like this?

<body>
<font face="verdana">

all you content goes here

</font>
</body>

I would never use this method though..

@SN23 ok
smash-coder
@smash-coder
Feb 25 2016 03:54
thx
codewalker007
@codewalker007
Feb 25 2016 03:55
@smash-coder no problem
@SN23 if you want to change the class of a div element you can just change what the class=" " attribute uses
smash-coder
@smash-coder
Feb 25 2016 03:57
doesnt work on codepen
Jeff
@OnlineJobsPlus
Feb 25 2016 03:58
told you, font tag is not supported on HTML5 http://www.w3schools.com/tags/tag_font.asp it's better to use html5-compliant code,
for a good coding habit :D
Sukhjinder Nahal
@SN23
Feb 25 2016 03:58
The problem is to give a div element a background color
smash-coder
@smash-coder
Feb 25 2016 03:59
in html 4.
i need to know for my test tomr.
in school.
Jeff
@OnlineJobsPlus
Feb 25 2016 03:59
u should share your pen so people can check
codewalker007
@codewalker007
Feb 25 2016 03:59
@SN23 <div class="<class-name>" >
smash-coder
@smash-coder
Feb 25 2016 03:59
ok thx
i cant use css in the test
codewalker007
@codewalker007
Feb 25 2016 04:00
@smash-coder there is the style attribute, such as
Seth Bartlett
@sethbartlett
Feb 25 2016 04:00
@smash-coder That's weird and unrealistic lol
smash-coder
@smash-coder
Feb 25 2016 04:00
this community is so cool
i know
Jeff
@OnlineJobsPlus
Feb 25 2016 04:00
why is school assignment in html4?
smash-coder
@smash-coder
Feb 25 2016 04:00
tried to convince my teacher, but no
Jeff
@OnlineJobsPlus
Feb 25 2016 04:00
they should teach the latest
Seth Bartlett
@sethbartlett
Feb 25 2016 04:00
Teacher didn't learn it probably
Jeff
@OnlineJobsPlus
Feb 25 2016 04:00
yeah, that's sad
smash-coder
@smash-coder
Feb 25 2016 04:01
she knows
Seth Bartlett
@sethbartlett
Feb 25 2016 04:01
Wants students to buy book from 5+ years ago so she can use the same tests/homework assignments lol
smash-coder
@smash-coder
Feb 25 2016 04:01
i coded with her
Jeff
@OnlineJobsPlus
Feb 25 2016 04:01
sad curriculum
smash-coder
@smash-coder
Feb 25 2016 04:01
pls.
Kally Chung
@chunggnuhc
Feb 25 2016 04:01
Hi guys...
Seth Bartlett
@sethbartlett
Feb 25 2016 04:01
yeah I mean there is some really cool stuff like canvas in HTML5, it has so many good features
Jeff
@OnlineJobsPlus
Feb 25 2016 04:01
where's your codepen? let them see
Seth Bartlett
@sethbartlett
Feb 25 2016 04:01
hi @chunggnuhc :)
Jeff
@OnlineJobsPlus
Feb 25 2016 04:01
hi @chunggnuhc
smash-coder
@smash-coder
Feb 25 2016 04:01
she knows html 5 and css3, not to mention js
Kally Chung
@chunggnuhc
Feb 25 2016 04:02
im having a small issue about bootstrap button
codewalker007
@codewalker007
Feb 25 2016 04:02
@smash-coder <body style="font-family:Times New Roman"> http://www.w3schools.com/tags/att_global_style.asp
Seth Bartlett
@sethbartlett
Feb 25 2016 04:02
@chunggnuhc Fire away, what's going on
smash-coder
@smash-coder
Feb 25 2016 04:02
thx for ur help
codewalker007
@codewalker007
Feb 25 2016 04:03
np
Kally Chung
@chunggnuhc
Feb 25 2016 04:03
why you have to use <button class="btn btn-block">
smash-coder
@smash-coder
Feb 25 2016 04:04
u r a full time coder?
or a just for hobby
Kally Chung
@chunggnuhc
Feb 25 2016 04:04
and not one of these 2
codewalker007
@codewalker007
Feb 25 2016 04:04
@chunggnuhc its the way they set it up.
Seth Bartlett
@sethbartlett
Feb 25 2016 04:04
@chunggnuhc the btn class makes it a certain style and so does the btn-block. They add 2 different styles to it. btn makes it a certain shape/color and btn-block is for sizing
Matt Burd
@EskimoBurd
Feb 25 2016 04:04
any ideas or help with starting a portfolio, got the tribute page done (barely) because i wanted to move onto the portfolio
smash-coder
@smash-coder
Feb 25 2016 04:04
the code
codewalker007
@codewalker007
Feb 25 2016 04:04
@chunggnuhc if you look at the CSS file for bootstrap you will notice that both CSS styles add something for the button
smash-coder
@smash-coder
Feb 25 2016 04:04
<font face="times new roman"> doesnt work
codewalker007
@codewalker007
Feb 25 2016 04:05
@chunggnuhc they could have joined those styles into one, but they didn't
smash-coder
@smash-coder
Feb 25 2016 04:05
what should i do
Moustachi
@Moustachi
Feb 25 2016 04:05
Hey folks, I'm having trouble with nesting and img element within an a element
smash-coder
@smash-coder
Feb 25 2016 04:05
for a link?
Seth Bartlett
@sethbartlett
Feb 25 2016 04:05
@Moustachi <a href="link"><img src="imgLink"></a>
smash-coder
@smash-coder
Feb 25 2016 04:05
it is like
Moustachi
@Moustachi
Feb 25 2016 04:05
i assume theyre talking about <p>Click here for <a href="#">cat photos</a>.</p>
Kally Chung
@chunggnuhc
Feb 25 2016 04:06
@codewalker007 I'm not getting it.
smash-coder
@smash-coder
Feb 25 2016 04:06
<a href="link here"><img src="source img"></a>
Seth Bartlett
@sethbartlett
Feb 25 2016 04:06
@chunggnuhc Think of it like layering clothes. So like putting on a long sleeve under a short sleeve.
wolvegar
@wolvegar
Feb 25 2016 04:06
I am having problems with Set the id element, I am supposed to put <h2 id="cat-photo-form"> it the code, I only have the one h2 on the form which is <h2 class="red-text">CatPhotoApp</h2> So make it look like <h2 id="cat-photo-form" class="red-text">CatPhotoApp</h2> What am I doing wrong?
Seth Bartlett
@sethbartlett
Feb 25 2016 04:07
@chunggnuhc the long sleeve covers your arms completely while the short sleeve does not, but you see the style of both.
Kally Chung
@chunggnuhc
Feb 25 2016 04:07
@sethbartlett I understand that, but why i should not use <button class="btn-block">
Seth Bartlett
@sethbartlett
Feb 25 2016 04:07
@wolvegar That looks proper for id and class, make sure you are reading the steps fully
@chunggnuhc Because then you don't get some of the pretty looks of btn
@chunggnuhc If I had 2 classes, border-white and red-text and I wanted to make something have red text and a white border, I would do class="red-text border-white".
@chunggnuhc Both classes have a difference in what they are setting/doing. Does that make more sense?
codewalker007
@codewalker007
Feb 25 2016 04:09
@smash-coder try <font face="TimesNewRoman"> to see if that variation works or just go with something like <font face="Georgia">
Kally Chung
@chunggnuhc
Feb 25 2016 04:09
ok, i got it.
Moustachi
@Moustachi
Feb 25 2016 04:09
i will review all this chat when i get home
smash-coder
@smash-coder
Feb 25 2016 04:10
thx
Kally Chung
@chunggnuhc
Feb 25 2016 04:10
So, basically, i have to use btn and btn-block so the button looks prettier?
Seth Bartlett
@sethbartlett
Feb 25 2016 04:11
@chunggnuhc Because they are doing separate things to that button. Not just one of those classes would give you the look or feel that you want
@chunggnuhc You can even remove one of them and look at the app and see how it looks different
Kolloom
@Kolloom
Feb 25 2016 04:12
function queue(arr, item) {
  // Your code here
  arr = arr.push(item);
  result = arr.pop();
  return result;
}
So I am on waypoint Stand in line, it says TypeError: arr.pop() is not a function ?
CamperBot
@camperbot
Feb 25 2016 04:12
:bulb: to format code use backticks! ``` more info
Kally Chung
@chunggnuhc
Feb 25 2016 04:13
@sethbartlett Before my last question, I was trying these options: only one and both inside the button tag.
wolvegar
@wolvegar
Feb 25 2016 04:14
@sethbartlett Yeah directions where a little unclear had not dealt with any form tag stuff and had to guess how it works to give it an id. Go it thought.
Seth Bartlett
@sethbartlett
Feb 25 2016 04:15
@chunggnuhc yeah it should effect it a little different, block is more about sizing and how it interacts with things
wolvegar
@wolvegar
Feb 25 2016 04:15
Thank you made me look at it again and think out of the box
codewalker007
@codewalker007
Feb 25 2016 04:15
@chunggnuhc you can download the bootstrap source and look in the scss folder for the _button-group.scss http://v4-alpha.getbootstrap.com/getting-started/download/ looking at the actual CSS, although a bit hard to read will help you understand what the different css properties being assigned are
Kally Chung
@chunggnuhc
Feb 25 2016 04:15
@codewalker007 now, i understand what u said. can u send me a link of a css file for bootstrap?
thanks @codewalker007 !!!
CamperBot
@camperbot
Feb 25 2016 04:16
chunggnuhc sends brownie points to @codewalker007 :sparkles: :thumbsup: :sparkles:
:star: 106 | @codewalker007 | http://www.freecodecamp.com/codewalker007
codewalker007
@codewalker007
Feb 25 2016 04:17
@chunggnuhc its rather like you can pick from a variety of options. Like for instance you can choose color, type, and speed of a car when you buy it. In that way they could have made a variety of CSS styles to change each.
Seth Bartlett
@sethbartlett
Feb 25 2016 04:17
@Kolloom you are setting the array as the pushed item and thats it. it makes it not an array anymore, you can just do arr.push(item) on its own line
codewalker007
@codewalker007
Feb 25 2016 04:18
@chunggnuhc so for color, color-red, color-blue etc
Seth Bartlett
@sethbartlett
Feb 25 2016 04:18
@Kolloom you also want shift() not pop(). pop() removes the LAST item of an array. Shift removes the FIRST item from an array :)
codewalker007
@codewalker007
Feb 25 2016 04:18
@chunggnuhc so with button, the base class makes it take on the button properties "btn" and then you can add options to it like "air conditioning" which might be "btn-block"
andrea
@alwgraphic
Feb 25 2016 04:19

Hi, I'm building my "Tribute Page" and I've ran into a snag with "thumbnail". Here's what I have:

<div class="thumbnail"><img src="http://urbanmilwaukee.com/wp-content/uploads/2013/03/DavidBowie-portrait.jpg">
<div class="caption text-center">David Bowie</div>
</div>
The issue is the photo is centered in a block and I want the border to hug the photo and caption... What am I not getting?

Kally Chung
@chunggnuhc
Feb 25 2016 04:19
@sethbartlett thanks!!! I got it. So in the real life programming, you set both btn and btn-block when you have to use btn-block in a button tag??
CamperBot
@camperbot
Feb 25 2016 04:19
chunggnuhc sends brownie points to @sethbartlett :sparkles: :thumbsup: :sparkles:
:star: 131 | @sethbartlett | http://www.freecodecamp.com/sethbartlett
Raghuram
@Raghuram1994
Feb 25 2016 04:19

// Setup
var myStorage = {
"car": {
"inside": {
"glove box": "maps",
"passenger seat": "crumbs"
},
"outside": {
"trunk": "jack"
}
}
};

// Only change code below this line

var gloveBoxContents = myStorage.car["inside"].glovebox;// Change this line

whats wrong with this code iam getting error:glove box contents is undefined

Seth Bartlett
@sethbartlett
Feb 25 2016 04:19
@chunggnuhc you could just use btn-block, it may just not be as pretty, remember, if you had a class called white-border and you wanted your button with a white border, you would do white-border as well. It's like a la carte, pick what you want :)
codewalker007
@codewalker007
Feb 25 2016 04:19
@alwgraphic set the margin and padding to 0px ?
Seth Bartlett
@sethbartlett
Feb 25 2016 04:20
@Raghuram1994 glove box is two words, so you need to do ["glove box"] or ."glove box"
Kally Chung
@chunggnuhc
Feb 25 2016 04:20
@codewalker007 thanks!!! Now, I totally understand it. \o/
CamperBot
@camperbot
Feb 25 2016 04:20
chunggnuhc sends brownie points to @codewalker007 :sparkles: :thumbsup: :sparkles:
:warning: chunggnuhc already gave codewalker007 points
Kally Chung
@chunggnuhc
Feb 25 2016 04:21
thanks @sethbartlett
CamperBot
@camperbot
Feb 25 2016 04:21
chunggnuhc sends brownie points to @sethbartlett :sparkles: :thumbsup: :sparkles:
:warning: chunggnuhc already gave sethbartlett points
Jeff
@OnlineJobsPlus
Feb 25 2016 04:21
@alwgraphic show your codepen link, some people might be able to help
Raghuram
@Raghuram1994
Feb 25 2016 04:21
seth changing it i am getting" unexpected string" @sethbartlett
Kolloom
@Kolloom
Feb 25 2016 04:22
@sethbartlett, right. both pop and shift modifies the array in place, totally forgot that. thank you
CamperBot
@camperbot
Feb 25 2016 04:22
kolloom sends brownie points to @sethbartlett :sparkles: :thumbsup: :sparkles:
:star: 132 | @sethbartlett | http://www.freecodecamp.com/sethbartlett
Seth Bartlett
@sethbartlett
Feb 25 2016 04:22
@Kolloom No problem, you were basically popping the same item in and out real quick :) Very efficient queue lol
@Raghuram1994 Which challenge are you on so I can take a look?
Raghuram
@Raghuram1994
Feb 25 2016 04:23
Accessing Nested Objects in JSON @sethbartlett
Seth Bartlett
@sethbartlett
Feb 25 2016 04:24
@Raghuram1994 var gloveBoxContents = myStorage.car.inside["glove box"];
@Raghuram1994 whenever you have a key that has a space in it, you need to use the [""] notation
sidewinder56mm
@sidewinder56mm
Feb 25 2016 04:26
Not using HEX code, how would I enter the color "dark gray" into the body element of a background color?
Raghuram
@Raghuram1994
Feb 25 2016 04:26
got it bro thak you @sethbartlett
CamperBot
@camperbot
Feb 25 2016 04:26
raghuram1994 sends brownie points to @sethbartlett :sparkles: :thumbsup: :sparkles:
:star: 134 | @sethbartlett | http://www.freecodecamp.com/sethbartlett
Seth Bartlett
@sethbartlett
Feb 25 2016 04:27
@sidewinder56mm you would need to use rgb(x,x,x)
@Raghuram1994 np :)
Sadio Ali
@5adiyah
Feb 25 2016 04:28
Can anyone help me with my jquery project? I'm trying to do a site that generates a vacation site based on your answer to some q's. It's not working though, when I hit submit, nothing happens.
Here's the code:
  $('#formwrapper form').submit(function(event){
    var weather = parseInt($("#sweather").val());
    var vacationreason = parseInt($("#svacationreason").val());
    var aboutyou = parseInt($("#saboutyou").val());
    var activity = parseInt($("#sactivity").val());
    var home = parseInt($("#shome").val());

    var points = weather + vacationreason + aboutyou + activity + home;
    console.log(points);
    if(points < 99){
      $("#pdx").show();
    } else if(points > 99 && points < 1000){
      $("#ny").show();
    } else {
      $("#hawaii").show();
    }

    event.preventDefault();

  });
});
codewalker007
@codewalker007
Feb 25 2016 04:28
@sidewinder56mm there is DimGrey http://www.w3schools.com/colors/colors_names.asp
Sadio Ali
@5adiyah
Feb 25 2016 04:28
This is the html:
<form>
  <label id="weather" for="person1">What kind of weather do you like</label>
  <select id="sweather" class="u-full-width">
    <option value="0">Wet Rainy Days</option>
    <option value="1000">Hot Summer Days</option>
    <option value="100">Cold Snowy Days</option>
  </select>

  <label id="aboutyou" for="person1">Which word describes you best?</label>
  <select id="saboutyou" class="u-full-width">
    <option value="1000">Laid Back</option>
    <option value="100">Adventurous</option>
    <option value="0">Cultured</option>
  </select>

  <label id="vacationreason" for="person1">Which of these is the reason you most want to go on vacation?</label>
  <select id="svacationreason" class="u-full-width">
    <option value="1000">Unwind and Relax</option>
    <option value="100">Explore New Cities</option>
    <option value="0">Change of Scenery</option>
  </select>

  <label id="activity" for="person1">What's your favorite outdoor activity?</label>
  <select id="sactivity" class="u-full-width">
    <option value="1000">Laying Out</option>
    <option value="0">Biking</option>
    <option value="100">Outdoor? Eew!</option>
  </select>

  <label id="home" for="person1">Pick a dream home</label>
  <select id="shome" class="u-full-width">
    <option value="1000">Beach House</option>
    <option value="100">A Five Star Hotel Room</option>
    <option value="0">Apartment with City views</option>
  </select>

  <row class="vacationsites">
    <div id="pdx" class="twelve columns">
      <p>You should vacation at Portland</p>
    </div>
  </row>
  <row class="vacationsites">
    <div id="ny" class="twelve columns">
      <p>You should vacation at NY</p>
    </div>
  </row>
  <row class="vacationsites">
    <div id="Hawaii" class="twelve columns">
      <p>You should vacation at Hawaii</p>
    </div>
  </row>
</form>
Jeff
@OnlineJobsPlus
Feb 25 2016 04:28
@alwgraphic have u tried this? :point_up: February 25, 2016 12:19 PM ... how about using <div class="container"> instead? would u want that
(instead of <div class="thumbnail">
codewalker007
@codewalker007
Feb 25 2016 04:28
@sidewinder56mm and there is also DarkGray
Humphrey
@Humphreto
Feb 25 2016 04:29
Morning campers
andrea
@alwgraphic
Feb 25 2016 04:30
@Jsilver1 yes but then the caption won't work.
Seth Bartlett
@sethbartlett
Feb 25 2016 04:30
Afternoon @Humphreto
sidewinder56mm
@sidewinder56mm
Feb 25 2016 04:30
@codewalker007 <style>
body {
background-color: DarkGray;
}
</style>
Matthew Stettner
@mstettner
Feb 25 2016 04:35
<style>
  body {
    background-color: black;
    color: green 
      font-family: Monospace
  }


</style>
why is my font-family a white color?
is thaat coding correct?
Seth Bartlett
@sethbartlett
Feb 25 2016 04:35
@mstettner you're missing the ; after green
sidewinder56mm
@sidewinder56mm
Feb 25 2016 04:35

@codewalker007 What am I doing wrong here? I am entering this code but it is not accepting it.

<style>
body {
background-color: DarkGray;
}
</style>

Seth Bartlett
@sethbartlett
Feb 25 2016 04:36
@mstettner you basically said that you wanted the color "green font-family: Monospace" and it has no idea what color that is
Matthew Stettner
@mstettner
Feb 25 2016 04:36
@sethbartlett good eye thanks
CamperBot
@camperbot
Feb 25 2016 04:36
mstettner sends brownie points to @sethbartlett :sparkles: :thumbsup: :sparkles:
:star: 135 | @sethbartlett | http://www.freecodecamp.com/sethbartlett
sidewinder56mm
@sidewinder56mm
Feb 25 2016 04:38

What am I doing wrong here? I am entering this code but it is not accepting it.

<style>
body {
background-color: DarkGray;
}
</style>

Seth Bartlett
@sethbartlett
Feb 25 2016 04:39
@sidewinder56mm It looks right, if you change it to just Gray or Red or any other color, does it work? If so, that means it's not accepting the DarkGray color. Is there a reason you can't use the hex code(out of curiosity)?
sidewinder56mm
@sidewinder56mm
Feb 25 2016 04:41
@sethbartlett First part of the question is: Give your body element the background-color of a dark gray. Not using "Hex" code.
Seth Bartlett
@sethbartlett
Feb 25 2016 04:43
@sidewinder56mm It looks right, which challenge is it?
sidewinder56mm
@sidewinder56mm
Feb 25 2016 04:43
@sethbartlett I just used the hex code and it accepted it for both parts of the question. Thanks for your help.
CamperBot
@camperbot
Feb 25 2016 04:43
sidewinder56mm sends brownie points to @sethbartlett :sparkles: :thumbsup: :sparkles:
:star: 136 | @sethbartlett | http://www.freecodecamp.com/sethbartlett
Seth Bartlett
@sethbartlett
Feb 25 2016 04:44
@sidewinder56mm haha that's pretty funny :P
sidewinder56mm
@sidewinder56mm
Feb 25 2016 04:44
@sethbartlett Use Hex Code for Specific Shades of Gray
codewalker007
@codewalker007
Feb 25 2016 04:46
@alwgraphic have you tried using class="img-thumbnail"
Seth Bartlett
@sethbartlett
Feb 25 2016 04:46
@sidewinder56mm It doesn't say anywhere in there that you dont have to use hex codes, it actually even tells you which one to use?
codewalker007
@codewalker007
Feb 25 2016 04:47
@sidewinder56mm sorry about that I was looking at alwgraphic's content.
There are 3 ways for assigning color, Hex code, name, and RGB so if one fails try the other. I have gotten that far yet so I didn't know which one they were testing you on.
^havent gotten I mean
sidewinder56mm
@sidewinder56mm
Feb 25 2016 04:49
@codewalker007 Thanx for the follow-up
CamperBot
@camperbot
Feb 25 2016 04:49
sidewinder56mm sends brownie points to @codewalker007 :sparkles: :thumbsup: :sparkles:
:star: 107 | @codewalker007 | http://www.freecodecamp.com/codewalker007
GOWTHAMAN NATARAJAN
@GowthamanN
Feb 25 2016 04:51

excuse me... i have a doubt in this..Not every class needs to have corresponding CSS. Sometimes we create classes just for the purpose of selecting these elements more easily using jQuery.

how to add "target " to button elements?

codewalker007
@codewalker007
Feb 25 2016 04:52
@sidewinder56mm http://www.rapidtables.com/web/color/RGB_Color.htm#color%20picker does a good job at listing all the different values
GOWTHAMAN NATARAJAN
@GowthamanN
Feb 25 2016 04:52
(creating a class to target with jquery selectors)
Seth Bartlett
@sethbartlett
Feb 25 2016 04:52
@GowthamanN Are you asking about how to add target to button elements? You are giving them an ID
@GowthamanN so like id="Target1"
GOWTHAMAN NATARAJAN
@GowthamanN
Feb 25 2016 04:53
yes
Chris Gray
@runnergray37
Feb 25 2016 04:53
I'm having trouble with "Use an ID attribute to style code"
GOWTHAMAN NATARAJAN
@GowthamanN
Feb 25 2016 04:53
thank you @sethbartlett
CamperBot
@camperbot
Feb 25 2016 04:53
gowthamann sends brownie points to @sethbartlett :sparkles: :thumbsup: :sparkles:
:star: 137 | @sethbartlett | http://www.freecodecamp.com/sethbartlett
Seth Bartlett
@sethbartlett
Feb 25 2016 04:53
@runnergray37 What issue are you having with it?
Chris Gray
@runnergray37
Feb 25 2016 04:54

<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

.smaller-image {
width: 100px;
}

.gray-background {
background-color: gray;
}

#cat-photo-element {
background-color: green;
}

</style>

<h2 class="red-text">CatPhotoApp</h2>

<p>Click here for <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back" src="https://bit.ly/fcc-relaxing-cat"></a>

<div class="gray-background">
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
</div>

<form action="/submit-cat-photo" id="cat-photo-form" id="cat-photo-element">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>

codewalker007
@codewalker007
Feb 25 2016 04:54
@runnergray37 are you using " # " instead of " . " in the <style> tag?
lawrencebass
@lawrencebass
Feb 25 2016 04:54
@GowthamanN Yes, or sometimes you can just create id's specifically for targeting elements instead of having multiple classes
codewalker007
@codewalker007
Feb 25 2016 04:54
@runnergray37 your # style doesn't match your id tag

cat-photo-form {

Seth Bartlett
@sethbartlett
Feb 25 2016 04:55
@runnergray37 They were just using cat-photo-element as an example to show you. You just need to add the appropriate style called #cata-photo-form and make that the green
codewalker007
@codewalker007
Feb 25 2016 04:55
doh #cat-photo-form {
@sethbartlett ^ yep
Jeff
@OnlineJobsPlus
Feb 25 2016 04:56
@alwgraphic how about try adding this to your Css in body: margin: 0px;
Chris Gray
@runnergray37
Feb 25 2016 04:56
thanks I will give that a try
thanks @sethbartlett that worked
CamperBot
@camperbot
Feb 25 2016 04:58
runnergray37 sends brownie points to @sethbartlett :sparkles: :thumbsup: :sparkles:
:star: 138 | @sethbartlett | http://www.freecodecamp.com/sethbartlett
Seth Bartlett
@sethbartlett
Feb 25 2016 04:58
np :)
codewalker007
@codewalker007
Feb 25 2016 04:58
@Jsilver1 I was playing around with the padding and margins, but the only thing that seemed to fix it was class="img-thumbnail" and then to use the col-- type spacing
Chris Gray
@runnergray37
Feb 25 2016 04:59
thanks @codewalker007 too
CamperBot
@camperbot
Feb 25 2016 04:59
runnergray37 sends brownie points to @codewalker007 :sparkles: :thumbsup: :sparkles:
:star: 108 | @codewalker007 | http://www.freecodecamp.com/codewalker007
Kally Chung
@chunggnuhc
Feb 25 2016 05:01
so, we can not put two ids together?
like @runnergray37 did?
codewalker007
@codewalker007
Feb 25 2016 05:01
@chunggnuhc last time I checked ids had to be specific one to one
so for any element only one id name
Kally Chung
@chunggnuhc
Feb 25 2016 05:02
ok
Seth Bartlett
@sethbartlett
Feb 25 2016 05:02
@chunggnuhc Correct and there wouldn't be a need to, think of an ID as really an identifier(doh). But you don't need 2 first names, you only have 1 name that you get referenced by.
@chunggnuhc It's so you can reference just that one specific element
Jeff
@OnlineJobsPlus
Feb 25 2016 05:02
@codewalker007 interesting. adding margin: 0px; to body in CSS worked too. very little whitespace on left and right remain
codewalker007
@codewalker007
Feb 25 2016 05:04
@Jsilver1 which browser are you running. When I do that to code pen in safari, I don't notice a difference.
Kally Chung
@chunggnuhc
Feb 25 2016 05:05
for example: instead of creating classes, i defined 2 ids, one for the color of a font and one for the size of the font. And It cannot put together in a tag. So, defining 2 ids in the css style for something like this would be a bad practice in programming?
it would me better creating two classes?
Seth Bartlett
@sethbartlett
Feb 25 2016 05:06
@chunggnuhc Correct, that is what classes are for. You are describing the use for a class
Kally Chung
@chunggnuhc
Feb 25 2016 05:07
thanks again
Jeff
@OnlineJobsPlus
Feb 25 2016 05:07
This message was deleted
Matthew Stettner
@mstettner
Feb 25 2016 05:16
does this look right```html
<h1 class="pink-text"> Hello World!</h1>
Seth Bartlett
@sethbartlett
Feb 25 2016 05:17
@mstettner Looks right to me
Jeff
@OnlineJobsPlus
Feb 25 2016 05:17
i guess she fixed it already. but using something else. im checking code changes in her pen. sorry for the confusion. @codewalker007
Matthew Stettner
@mstettner
Feb 25 2016 05:17
okay and for my css it should be
.pink-text
Seth Bartlett
@sethbartlett
Feb 25 2016 05:17
@mstettner correct
Jeff
@OnlineJobsPlus
Feb 25 2016 05:17
pink-related text properties, yes :D
be sure to check the {} and ;
Matthew Stettner
@mstettner
Feb 25 2016 05:18
actually @sethbartlett how should my css look if i want my text to be pink?

.pink-text{

}

Seth Bartlett
@sethbartlett
Feb 25 2016 05:19
<style>
.pink-text {
   color: pink;
}
</style>
Matthew Stettner
@mstettner
Feb 25 2016 05:20
haha so simple @sethbartlett im getting burnt out
Seth Bartlett
@sethbartlett
Feb 25 2016 05:21
@mstettner It happens, especially if you get tired :)
Jeff
@OnlineJobsPlus
Feb 25 2016 05:22
@codewalker007 she replaced display: block with display: inline-block
Matthew Stettner
@mstettner
Feb 25 2016 05:28
does this look correct
<h1 class="class1 class2" pink-text blue-text >Hello World!</h1>
<h1 class="class1 class2" pink-text blue-text >Hello World!</h1>
codewalker007
@codewalker007
Feb 25 2016 05:30
@mstettner I think you might want the classes pink-text and blue-text inside the class= " "
@mstettner I don't think you need class1 class2
Matthew Stettner
@mstettner
Feb 25 2016 05:30
okay so
<h1 class= pink-text blue-text >Hello World!</h1>
Jeff
@OnlineJobsPlus
Feb 25 2016 05:31
you need the quotes
Seth Bartlett
@sethbartlett
Feb 25 2016 05:31
@mstettner yeah class1 and class2 don't really mean anything and may be examples? the pink-text and blue-text are "class1" and "class2" :)
codewalker007
@codewalker007
Feb 25 2016 05:31

@mstettner ^ ```html

<h1 class="pink-text blue-text" >Hello World!</h1>
```

Matthew Stettner
@mstettner
Feb 25 2016 05:32
yeah so I have this now to make blue "win"
111html

<h1 class= blue-text pink-text  >Hello World!</h1>
codewalker007
@codewalker007
Feb 25 2016 05:33
@mstettner try changing the order of pink-text blue-text and see what happens
Jeff
@OnlineJobsPlus
Feb 25 2016 05:33
@mstettner u always forget the quotes
Matthew Stettner
@mstettner
Feb 25 2016 05:34
<h1 class= "pink-text blue text" >Hello World!</h1>
got quotes on there now
pink is still winning
it says that blue should win
if i put blue first then blue win
Seth Bartlett
@sethbartlett
Feb 25 2016 05:35
@mstettner It should talk about how it matters on the order in the style and not on the element itself
Jeff
@OnlineJobsPlus
Feb 25 2016 05:35
now you forgot the dash/hyphen on blue-text
@mstettner
these tiny details are really important
Matthew Stettner
@mstettner
Feb 25 2016 05:36
@Jsilver1 bingo
thanks @Jsilver1 @sethbartlett @codewalker007
CamperBot
@camperbot
Feb 25 2016 05:36
mstettner sends brownie points to @jsilver1 and @sethbartlett and @codewalker007 :sparkles: :thumbsup: :sparkles:
:star: 198 | @jsilver1 | http://www.freecodecamp.com/jsilver1
:star: 139 | @sethbartlett | http://www.freecodecamp.com/sethbartlett
:star: 129 | @codewalker007 | http://www.freecodecamp.com/codewalker007
Jeff
@OnlineJobsPlus
Feb 25 2016 05:37
always be careful about that. it could make u crazy in the future, once u are writing lengthier codes @mstettner
:D
codewalker007
@codewalker007
Feb 25 2016 05:38
@Jsilver1 you don't want to hunt for the easter eggs :) ?
Jeff
@OnlineJobsPlus
Feb 25 2016 05:38
i do! but we are not always there to help everyone :D @codewalker007
so everyone has to be meticulous haha
Matthew Stettner
@mstettner
Feb 25 2016 05:40
very meticulous stuff this coding is
ive been doing it for two days lol
it takes a very dedicated person to fully understand all this i would imagine
Ghost
@ghost~56bd2077e610378809c105cd
Feb 25 2016 05:41
wait until you begin learning javascript o.O
Seth Bartlett
@sethbartlett
Feb 25 2016 05:41
@mstettner Yep, syntax is always the killer in languages, it's learning how to speak it properly. Once you get the concepts down and general idea, most langauges get a hell of a lot easier to learn, because you're just learning how to say it in that languages syntax
Matthew Stettner
@mstettner
Feb 25 2016 05:41
will I lose an eye like your picture?
Ghost
@ghost~56bd2077e610378809c105cd
Feb 25 2016 05:41
they might bugg out a bit
Matthew Stettner
@mstettner
Feb 25 2016 05:41
mine already are
Ghost
@ghost~56bd2077e610378809c105cd
Feb 25 2016 05:42
then youre in for a treat ah haha
Matthew Stettner
@mstettner
Feb 25 2016 05:42
@sethbartlett I just gotta keep practicing
Jeff
@OnlineJobsPlus
Feb 25 2016 05:42
yes, and reviewing your code :+1: (and someone else's code)
Ghost
@ghost~56bd2077e610378809c105cd
Feb 25 2016 05:42
the take a moment and breathe method seems to be working pretty good so far :P
codewalker007
@codewalker007
Feb 25 2016 05:42
@Rogue00 naw, javascript is fun. Try learning COBOL or UniBasic and then program for a college :(
Seth Bartlett
@sethbartlett
Feb 25 2016 05:43
@mstettner Yep, it gets easier over time. Gotta really iron out those points of ending stuff with a ; and making sure you're following the rules of the language :)
Matthew Stettner
@mstettner
Feb 25 2016 05:43
how many languges are there?
Seth Bartlett
@sethbartlett
Feb 25 2016 05:43
@mstettner too many to count
Matthew Stettner
@mstettner
Feb 25 2016 05:44
Do you guys think it is worth it to learn about coding? do you guys have a favorite language?
Ghost
@ghost~56bd2077e610378809c105cd
Feb 25 2016 05:44
for me its worth it...but thats a question people might answer differently
Seth Bartlett
@sethbartlett
Feb 25 2016 05:45
@mstettner I think so, I typically do it as part of my job. My personal favorite is C#, but it's my native language. nodeJS is pretty fun as well, it always varies on what you're aiming to do
Ghost
@ghost~56bd2077e610378809c105cd
Feb 25 2016 05:45
but ill admit it can be a little frustrating starting out (like I am now)
Jeff
@OnlineJobsPlus
Feb 25 2016 05:46
hundreds of languages, maybe. coding is a great thing to learn. u can build things with it! @mstettner
Matthew Stettner
@mstettner
Feb 25 2016 05:46
yeah it is fustrating
Ghost
@ghost~56bd2077e610378809c105cd
Feb 25 2016 05:46
its just like anything else..put in some time learning...practice...and look at examples
hamzawy
@almasterhamzawy
Feb 25 2016 05:47
hi i want help in Change the Font Size of an Element
codewalker007
@codewalker007
Feb 25 2016 05:47
@mstettner how many languges are there? ... more then most people know about. Anyone can create a language and they have. I don't know the exact count wikipedia shows quite a lot, but there are more https://en.wikipedia.org/wiki/List_of_programming_languages
Seth Bartlett
@sethbartlett
Feb 25 2016 05:47
@almasterhamzawy Should be very easy to google, is this pertaining to a certain challenge or what?
Matthew Stettner
@mstettner
Feb 25 2016 05:47
are there a lot of jobs for people who can wrap their heads around this stuff ?
Seth Bartlett
@sethbartlett
Feb 25 2016 05:47
@mstettner Tons.
hamzawy
@almasterhamzawy
Feb 25 2016 05:48
certain challenge
Matthew Stettner
@mstettner
Feb 25 2016 05:48
WHAAAAT?! i had no idea there were that many languages. that amazing
Seth Bartlett
@sethbartlett
Feb 25 2016 05:48
@almasterhamzawy Where are you stuck at with the challenge? Typically the challenges give you an example and tell you what you need to do. What exactly are you stuck on?
@almasterhamzawy I love helping, but you gotta show some effort or be a little more direct so we're not doing the challenges for you :)
codewalker007
@codewalker007
Feb 25 2016 05:50
@sethbartlett Do you know any good sites for freelance work that are actually worth the $ per hour?
hamzawy
@almasterhamzawy
Feb 25 2016 05:50
okay
Seth Bartlett
@sethbartlett
Feb 25 2016 05:51
@codewalker007 I honestly haven't found any. They all go down to SUPER low bids by people in india and other countries for freaking pennies
@codewalker007 The issue too, is that type of coding is usually shit and barely gets the job done, super hacked together etc.
codewalker007
@codewalker007
Feb 25 2016 05:51
@almasterhamzawy you can read about font-size on w3cschools if an additional reference helps: http://www.w3schools.com/cssref/pr_font_font-size.asp
Ghost
@ghost~56bd2077e610378809c105cd
Feb 25 2016 05:52
google is very helpful @almasterhamzawy
codewalker007
@codewalker007
Feb 25 2016 05:52
@sethbartlett that is what I have seen unfortunately
Jeff
@OnlineJobsPlus
Feb 25 2016 05:52
some prefer to use this too: https://developer.mozilla.org/
Matthew Stettner
@mstettner
Feb 25 2016 05:52
is that what is going to happen to all coding jobs? will the be outsourced?
Seth Bartlett
@sethbartlett
Feb 25 2016 05:52
@codewalker007 God I love w3schools, that website has been around for so long and is such a great resource. Nice test ground for some stuff too
@mstettner Oh no, not coding jobs. We are talking about free lance. And not in particular, but any of the ones posted online.
hamzawy
@almasterhamzawy
Feb 25 2016 05:53
thanks
codewalker007
@codewalker007
Feb 25 2016 05:53
@sethbartlett what happens is that they produce something that is kind of like what someone wants, then they bill for extra hours to fix it ...
Seth Bartlett
@sethbartlett
Feb 25 2016 05:53
@mstettner If you worked at a company that they had their own site that needed maintained and stuff, that's not getting outsourced. But if someone wanted a quick project done or a website done, they would probably outsource.
@codewalker007 Yep. And then anyone who has to come in later to add a feature or anything has to deal with spaghetti code and a freaking monster.
Justin Steele
@JustinSteele02
Feb 25 2016 05:54
Hey, can somebody help me with a couple bugs in a bootstrap navbar on codepen? http://codepen.io/JustinSteele/pen/bpbwqm?editors=1100
codewalker007
@codewalker007
Feb 25 2016 05:54
stuff you can do on your own time for extra $$
Matthew Stettner
@mstettner
Feb 25 2016 05:54
interesting. why don't well paying companies outsource the code to be done in third world countries? like nike does...
Jeff
@OnlineJobsPlus
Feb 25 2016 05:54
@codewalker007 try Upwork. i work there using various skills. you can check this out: https://gitter.im/Jsilver1/onlinejobs and post any question you might have in our group
because not all outsourced work is of high quality
codewalker007
@codewalker007
Feb 25 2016 05:55
@JustinSteele02 what is the issue?
Jeff
@OnlineJobsPlus
Feb 25 2016 05:55
@mstettner
Justin Steele
@JustinSteele02
Feb 25 2016 05:55
There's a margin on the left side of the logo image that disappears on smaller browser sizes. And the rounded corners of the navbar disappear on small windows as well
@codewalker007
Seth Bartlett
@sethbartlett
Feb 25 2016 05:55
@mstettner Exactly what @Jsilver1 said. Also, if its an ongoing thing, you hire in house.
codewalker007
@codewalker007
Feb 25 2016 05:55
ah you want the hamburger thing right? @JustinSteele02
Matthew Stettner
@mstettner
Feb 25 2016 05:56
so baicaly comapnies cant outsource certain stuff bc they couldnt understand how the code was written
Justin Steele
@JustinSteele02
Feb 25 2016 05:56
@codewalker007 No the hamburger icon appears when the screen shrinks. But the logo image is moving and the rounded corners of the navbar become sharp
Jeff
@OnlineJobsPlus
Feb 25 2016 05:56
no, there are good coders outside those companies. but sometimes outsourced work is of poor quality
Matthew Stettner
@mstettner
Feb 25 2016 05:56
so If i could master a certain language I could find myself with a pretty well paying job?
Jeff
@OnlineJobsPlus
Feb 25 2016 05:56
@mstettner
yes of course
Seth Bartlett
@sethbartlett
Feb 25 2016 05:56
@mstettner They could, it just wouldn't be a good idea. You want people that can keep up with it and know the project/code in and out. Better use of your money. When codebases get large, there is a lot of time spent just figuring out what the hell you need to do and where to make changes.
Matthew Stettner
@mstettner
Feb 25 2016 05:57
wow
i can imagine that it gets pretty complex
Seth Bartlett
@sethbartlett
Feb 25 2016 05:57
@mstettner Oh ya, especially "master" for sure. Senior positions can pay 80-100k in the midwest
Jeff
@OnlineJobsPlus
Feb 25 2016 05:57
yes, but sometimes the original coder leaves for some reason :D
Matthew Stettner
@mstettner
Feb 25 2016 05:57
thats nice money
whats a good language to try to master
Seth Bartlett
@sethbartlett
Feb 25 2016 05:58
@mstettner Any that interests you. Really depends if you want to build web stuff or be on the server/client side of the world or more system based software.
@mstettner I have a good grasp on the system side with C# and could technically do some web applications with C#, but things like Ruby on Rails fits a little better
Matthew Stettner
@mstettner
Feb 25 2016 05:58
i have a lot to learn
Seth Bartlett
@sethbartlett
Feb 25 2016 05:59
Dont we all :)
Matthew Stettner
@mstettner
Feb 25 2016 05:59
are you guys on this chat a lot?
Justin Steele
@JustinSteele02
Feb 25 2016 05:59
@codewalker007 did you see the problems I was talking about?
India
@indiamos
Feb 25 2016 05:59
Another issue with outsourcing any kind of work to another country is time zones. I’ve worked with a lot of vendors in India, and some in Bulgaria, and you’re always losing a day here, a day there, because everybody’s working in shifts that barely overlap.
Matthew Stettner
@mstettner
Feb 25 2016 05:59
or is it just random that im in the chat with you guys?
Jeff
@OnlineJobsPlus
Feb 25 2016 05:59
depends on the timezone
@mstettner
Matthew Stettner
@mstettner
Feb 25 2016 06:00
interesting @indiamos
India
@indiamos
Feb 25 2016 06:00
This happens to a lesser degree with distributed teams in, say, the U.S.
Jeff
@OnlineJobsPlus
Feb 25 2016 06:00
@indiamos actually the timezone issue can be good or bad
Seth Bartlett
@sethbartlett
Feb 25 2016 06:00
@mstettner I actually just got here yesterday or the day before. It's a nice place for me to lurk :D
India
@indiamos
Feb 25 2016 06:00
@Jsilver1 Sure. But it’s nontrivial.
Matthew Stettner
@mstettner
Feb 25 2016 06:00
anyone know how many hours it takes to complete all the html classes?
Seth Bartlett
@sethbartlett
Feb 25 2016 06:01
@mstettner Half of the challenges I help out with I haven't even touched or seen yet and might not even know the language haha
@mstettner It says 5 hours I think?
Jeff
@OnlineJobsPlus
Feb 25 2016 06:01
u can take advantage of it. say u are in the US, and u hire someone from Asia. and that worker is online frequently. u could have your task done faster or even before you wake up!
Matthew Stettner
@mstettner
Feb 25 2016 06:01
ive been lurking and pulling my hair out all day
i switched to chrome and that helped
Justin Steele
@JustinSteele02
Feb 25 2016 06:01
@mstettner Basic html and css say 5 hours, and bootstrap says another 5 hours, but seems like it was quicker than that
Matthew Stettner
@mstettner
Feb 25 2016 06:01
how are you so good at helping people then? @sethbartlett
ive been going super slow today. on and off on and off
Seth Bartlett
@sethbartlett
Feb 25 2016 06:02
@mstettner I've been doing C# and other languages for a pretty good bit of time. Again, it's all about concepts and understanding syntax. That's why I usually ask for the challenge, see what it wants and go "oh ya that makes sense" and help out
Jeff
@OnlineJobsPlus
Feb 25 2016 06:03
@JustinSteele02 that would depend on the competence of the one taking those tutorials
time would vary
Justin Steele
@JustinSteele02
Feb 25 2016 06:03
Yeah definitely
Matthew Stettner
@mstettner
Feb 25 2016 06:03
anyone know SQL?
Seth Bartlett
@sethbartlett
Feb 25 2016 06:03
@Jsilver1 @JustinSteele02 Agreed, the HTML stuff took me like 30 minutes tops. I got to the point where I just started reading the tests to see what it wanted lol
@mstettner I do :)
Matthew Stettner
@mstettner
Feb 25 2016 06:03
nice i wana learn it
Justin Steele
@JustinSteele02
Feb 25 2016 06:04
@sethbartlett right and it also wasn't the first time I'd tried to learn.
Seth Bartlett
@sethbartlett
Feb 25 2016 06:04
@JustinSteele02 Yeah it would be much harder first starting out. I did like HTML like 13 years ago or something lol
Justin Steele
@JustinSteele02
Feb 25 2016 06:05
@mstettner I can recommend Derek Banas youtube channel for supplemental learning materials. He has a few videos between 30 minutes and an hour that cover bootstrap, angularjs, and other stuff that you'll see in FCC
Jeff
@OnlineJobsPlus
Feb 25 2016 06:05
same here @sethbartlett lol. dont reveal our age haha
codewalker007
@codewalker007
Feb 25 2016 06:05
@mstettner SQL sure and MDX
Seth Bartlett
@sethbartlett
Feb 25 2016 06:05
@mstettner Well if you have any questions about it, you can PM me anytime. It can get a little complex for sure if you're doing some heavy querying.
hb99960
@hb99960
Feb 25 2016 06:05
how to write the code in jquery? I just start learning Jquery . How to add class to animate bounce button?
Seth Bartlett
@sethbartlett
Feb 25 2016 06:05
@Jsilver1 Hey man, I'm only 27 haha. Just started early :P
codewalker007
@codewalker007
Feb 25 2016 06:05
@JustinSteele02 I see the issues looking at why its happening
Arnoldo Munoz
@ArnoldoM23
Feb 25 2016 06:05
can someone take a look at my code let me know why angular is not working on codepen I would really apreciate it. http://codepen.io/codeLife23/pen/bEPaNz?editors=1010
Jeff
@OnlineJobsPlus
Feb 25 2016 06:05
@JustinSteele02 is it any good? some of his video titles are like "learn blabla in 1hour"
Seth Bartlett
@sethbartlett
Feb 25 2016 06:06
@hb99960 It should be in the instructions on the challenge, it shows .addClass() and gives an example.
Jeff
@OnlineJobsPlus
Feb 25 2016 06:06
@sethbartlett i started early too. im a bit older than you, but i might look younger than you haha :D
im sure u miss the static websites hahaha
Seth Bartlett
@sethbartlett
Feb 25 2016 06:06
@Jsilver1 Hahahaha, probably, fucking started a balding process pretty hard at 25 :D
Justin Steele
@JustinSteele02
Feb 25 2016 06:06
@Jsilver1 I'm a beginner, so I may not be the best judge of quality. But I just watched his bootstrap video and followed along in codepen. I felt like it was a good tutorial
codewalker007
@codewalker007
Feb 25 2016 06:06
@JustinSteele02 its the CSS that is being turned on / off by the different screen widths, but how to fix it is the question. I am reading this page at the moment: https://cdn.tutsplus.com/webdesign/uploads/legacy/tuts/319_bootstrap_pills_tabs/Tabs-Pills-BEGIN/navbar-examples.html
Seth Bartlett
@sethbartlett
Feb 25 2016 06:07
@Jsilver1 Oh man, static was fun, dicking with tables all day, what a pain.
Justin Steele
@JustinSteele02
Feb 25 2016 06:07
He wrote an example for each class in bootstrap he went over.
Seth Bartlett
@sethbartlett
Feb 25 2016 06:07
@Jsilver1 Then I hopped over to PHP, that was a little better
Jeff
@OnlineJobsPlus
Feb 25 2016 06:07
anything moving on a webpage at that time was already "cool" haha @sethbartlett
Justin Steele
@JustinSteele02
Feb 25 2016 06:08
@codewalker007 Right, I could tell specifically that the logo is moving because of the container-fluid class. It has a 15px left margin that disappears when the screen shrinks. But I don't know how to fix it
Seth Bartlett
@sethbartlett
Feb 25 2016 06:08
@Jsilver1 Those were the days of flash websites too, oh god was that a nightmare
Jeff
@OnlineJobsPlus
Feb 25 2016 06:08
@JustinSteele02 i see. that's great. appreciate that. i will check his videos some time
codewalker007
@codewalker007
Feb 25 2016 06:09
@ArnoldoM23 did you add angular to the javascript libraries? Settings -> Pen Settings -> Javascript -> Quick Add -> Angular ?
Jeff
@OnlineJobsPlus
Feb 25 2016 06:09
u must be a senior dev now @sethbartlett . i basically abandoned coding for like 13 years. and now im back, lol
hb99960
@hb99960
Feb 25 2016 06:10
@sethbartlett i dont understand it.Where to write it. Could You provide me Syntax?
Justin Steele
@JustinSteele02
Feb 25 2016 06:10
@Jsilver1 yeah hope you find it useful. I get what you mean about the titles, you won't know everything there is to know about bootstrap at the end I'm sure, but he did cover it pretty thoroughly and gave several example demonstrations
Seth Bartlett
@sethbartlett
Feb 25 2016 06:10
@Jsilver1 It was on and off. I'm at the middle level, if I put a few good years into hard I'll hit Sr really quick. I'm an exceptionally fast learner.
@hb99960 It is written in the <script></script> location. It's in the same spot for the last 10+ challenges or so.
Justin Steele
@JustinSteele02
Feb 25 2016 06:12
Has anyone pair programmed on some of the FCC challenges and how did it go?
Jeff
@OnlineJobsPlus
Feb 25 2016 06:12
haha, yeah @JustinSteele02 ...that's great to hear @sethbartlett
@JustinSteele02 have u checked this https://gitter.im/FreeCodeCamp/LetsPair
Arnoldo Munoz
@ArnoldoM23
Feb 25 2016 06:13
@codewalker007 yea I did but it won't work. This is my controller app.controller('MainController', ['$scope', function($scope) {
$scope.title = 'Test';
}]);
Matthew Stettner
@mstettner
Feb 25 2016 06:13
hey i heard there are programs you can pay $10,000 to $15,000 to attend and they help teach code in three months. this is free but is it just as good?
Seth Bartlett
@sethbartlett
Feb 25 2016 06:14
@mstettner This is probably pretty good, you get some more hands on with the paying money approach. Very boot-camp like and make you cram pretty hard
Matthew Stettner
@mstettner
Feb 25 2016 06:14
interesting
Seth Bartlett
@sethbartlett
Feb 25 2016 06:15
@mstettner There are enough tutorials and information out there and help that you don't need the bootcamps usually
Arnoldo Munoz
@ArnoldoM23
Feb 25 2016 06:15
@codewalker007 I checked for typos. I just cant seem to figure what I'm doing wrong.
Matthew Stettner
@mstettner
Feb 25 2016 06:15
you just need self discipline and motivation im guessing
Jeff
@OnlineJobsPlus
Feb 25 2016 06:15
there are cheaper courses in Udemy too. anyone can message me if u want suggestions. but free is good too! @mstettner
Jon Selig
@JonSelig
Feb 25 2016 06:15

Does anyone see what's wrong here?
```// Setup
function phoneticLookup(val) {
var result = "";

// Only change code below this line
var table = {
"alpha": "Adams",
"bravo": "Boston",
"charlie": "Chicago",
"delta": "Denver",
"echo": "Easy",
"foxtrot": "Frank"
};
result (table[val]);
// Only change code above this line
return result;
}

// Change this value to test
phoneticLookup("charlie");```