These are chat archives for FreeCodeCamp/Help

11th
Nov 2015
Simone Lopes
@sisilopes20
Nov 11 2015 00:00
I've a problem, may is my english, someone could help me?
Rex Schrader
@SaintPeter
Nov 11 2015 00:04
@jbmartinez You around that you could give spanish speaking assistance?
Juan Martínez
@jbmartinez
Nov 11 2015 00:05
sure
Rex Schrader
@SaintPeter
Nov 11 2015 00:05
@sisilopes20 You need a hand, maybe @jbmartinez can help?
@jbmartinez I may have put up the bat signal too soon :(
Juan Martínez
@jbmartinez
Nov 11 2015 00:06
lol
Rex Schrader
@SaintPeter
Nov 11 2015 00:06
Appreciate the prompt response! Thanks @jbmartinez
CamperBot
@camperbot
Nov 11 2015 00:06
saintpeter sends brownie points to @jbmartinez :sparkles: :thumbsup: :sparkles:
:star: 798 | @jbmartinez | http://www.freecodecamp.com/jbmartinez
Simone Lopes
@sisilopes20
Nov 11 2015 00:07
sorry, guys
Juan Martínez
@jbmartinez
Nov 11 2015 00:07
I'm always willing to help :)
Simone Lopes
@sisilopes20
Nov 11 2015 00:07
i got it
:)
thanks
CamperBot
@camperbot
Nov 11 2015 00:07
if you want to thank someone, put an @ before their name!
Juan Martínez
@jbmartinez
Nov 11 2015 00:07
@sisilopes20 eu falo português e espanhol, você pode me perguntar quando você quiser :grinning:
Simone Lopes
@sisilopes20
Nov 11 2015 00:08
obrigada @jbmartinez
vou tentar enrolar no inglês o quanto eu conseguir kkk
Juan Martínez
@jbmartinez
Nov 11 2015 00:08
@sisilopes20 é bom mesmo, boa sorte
Rex Schrader
@SaintPeter
Nov 11 2015 00:13
I guess we'll need to update the regex to accept "gracias" as well :D
Juan Martínez
@jbmartinez
Nov 11 2015 00:15
lol, I think there's already an open issue mentioning it
Kevin H.
@kbolt
Nov 11 2015 00:36
Can someone help me with Bonfire: Return Largest Numbers in Arrays ?
CamperBot
@camperbot
Nov 11 2015 00:36
type bonfire name to get some info on that bonfire. And check HelpBonfires chatroom
Rich
@Rich8449
Nov 11 2015 00:36
Hello World
CamperBot
@camperbot
Nov 11 2015 00:36

welcome to FreeCodeCamp @Rich8449!

Rich
@Rich8449
Nov 11 2015 00:36
thanks @camperbot
CamperBot
@camperbot
Nov 11 2015 00:36
rich8449 sends brownie points to @camperbot :sparkles: :thumbsup: :sparkles:
:star: 541 | @camperbot | http://www.freecodecamp.com/camperbot
Breno Antunes
@antunesbe
Nov 11 2015 00:39
hey guys, can someone help me ?
Use filter to remove all elements from array that are greater than 5.
I can`t resolve this one
Anders Bengtsson
@anders462
Nov 11 2015 00:46
@antunesbe you need to "return" only elements that are <=5
Jon
@jcmockbee
Nov 11 2015 00:53

<style> h2 {color: blue;} </style> >CatPhotoApp</h2>

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

Breno Antunes
@antunesbe
Nov 11 2015 00:53
@anders462 I did like this:

var newArray = oldArray.filter(function(val){
if(val>=5){
return val;
}

});

but it is not working
@jcmockbee it is missing an opening <h2> before CatPhotoApp
Jon
@jcmockbee
Nov 11 2015 00:55
thankyou
J.S. Toy
@toymechqm
Nov 11 2015 01:11
Would anyone like to work on --> Bonfire: Mutations Complete or Bonfire: Falsy Bouncer in pairs?
bigkatspence
@bigkatspence
Nov 11 2015 01: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>
how do i use an a element
J.S. Toy
@toymechqm
Nov 11 2015 01:12
@bigkatspence what are you trying to do?
target an html element with css so that you can style it?
Andrew Bechini
@powhunter158
Nov 11 2015 01:13
Help needed to "give form the id of cat-photo-form"
CamperBot
@camperbot
Nov 11 2015 01:13
no wiki entry for: needed to give form the id of cat-photo-form
:pencil: click here to create one now!after creating your page type update to reload it here
J.S. Toy
@toymechqm
Nov 11 2015 01:14
@bigkatspence .blah will target a class and #ahh will target an id ..... is that what you mean?
bigkatspence
@bigkatspence
Nov 11 2015 01:14
link to external pages with anchor elements
J.S. Toy
@toymechqm
Nov 11 2015 01:14
ohh
<a href = "jhkjhkj.com"> THIS URL SHOWS UP ON THE webpage </a>
this is how you make a standard link on the internet ^^^^
is this what you mean ?
bigkatspence
@bigkatspence
Nov 11 2015 01:17
thanks @toymechqm that makes some sense
CamperBot
@camperbot
Nov 11 2015 01:17
bigkatspence sends brownie points to @toymechqm :sparkles: :thumbsup: :sparkles:
:star: 199 | @toymechqm | http://www.freecodecamp.com/toymechqm
J.S. Toy
@toymechqm
Nov 11 2015 01:18
no problem-o-. as an FYI, i dont remember if you need to do this/ want to.... to make in image clickable just put an img tag (instead of URL text) between the anchor points
Ed Sztukowski
@Burgustu
Nov 11 2015 01:31
bf Truncate a string
CamperBot
@camperbot
Nov 11 2015 01:31

:fire:Bonfire: Truncate a string :link:

function truncate(str, num) {
  // Clear out that junk in your trunk
  return str;
}

truncate('A-tisket a-tasket A green and yellow basket', 11);

Truncate a string (first argument) if it is longer than the given maximum string length (second argument). Return the truncated string with a '...' ending.

more info:  bf details | bf links | hint

Ed Sztukowski
@Burgustu
Nov 11 2015 01:31
So I have this, but am curious about if there's a better way to do this
or if there would be anything wrong with this solution
function truncate(str, num) {

  var slicedSentence;     

     if ( num >= str.length ) {
       slicedSentence = str;
     }
       else if (num > 3) {
       slicedSentence = str.slice(0, num-3) + "...";
     } else {
       slicedSentence = str.slice(0, num) + "...";
     }

  return slicedSentence;
}

truncate("A-tisket a-tasket A green and yellow basket", "A-tisket a-tasket A green and yellow basket".length + 2 );
Tyler Moeller
@TylerMoeller
Nov 11 2015 01:49
What is the jQuery equivalent of document.getElementById(this.id).innerHTML = someVar? $(this).attrib('id').html() is not working...I must be misreading something.
Prashanth Chandra
@prashcr
Nov 11 2015 02:06
Question about node/express
Why do I need
app.use(bodyparser.urlencoded({ extended: true }))
Apparently it's used for parsing requests with the header x-www-form-urlencoded
But even if I send requests using Content-Type: application/json, it still doesn't work without bodyParser.urlencoded
Zai Xeno
@removed~zaixeno
Nov 11 2015 02:15
These would return the exact same value right?
var numPassengers = 3
var trainCapacity = 60
var seatsLeft = trainCapacity - numPassengers 

occupancy = numPassengers + " on board, with only" + seatsLeft + " more seats avaliable!"


var numPassengers = 3
var trainCapacity = 60

occupancy = numPassengers + " on board, with only" + trainCapacity - numPassengers + " more seats avaliable!"
Nakeisha Marcus
@Nicky171
Nov 11 2015 02:29
Hey Guys! I'm on the CSS selector part. I can't get my h2 element to blue

This is what i have so far: <style> h2 {color:blue;} CatPhotoApp </h2></style>

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

Matt Leonard
@matty22
Nov 11 2015 02:34
@Nicky171 You can't mix your CSS and HTML. So inside the <style> tags you put your CSS. All of your HTML has to be outside the <style> tags.
Jayant C R
@jayantcr
Nov 11 2015 02:35
@zaixeno They are not the same. In the second case, as the statement evaluates from left to right, numPassengers + " on board, with only" + trainCapacity results in a string and trying to subtract numPassengers from this results in Not-A-Number (NaN). Adding this to " more seats avaliable!" results in "NaN more seats avaliable!". To avoid this, simply put trainCapacity - numPassengers in parenthesis, like: (trainCapacity - numPassengers). This will ensure that the subtraction occurs as one "unit".
Zai Xeno
@removed~zaixeno
Nov 11 2015 02:36
Makes sense! thanks @jayantcr
CamperBot
@camperbot
Nov 11 2015 02:36
zaixeno sends brownie points to @jayantcr :sparkles: :thumbsup: :sparkles:
:star: 6 | @jayantcr | http://www.freecodecamp.com/jayantcr
Jerome Ricks
@jeromericks
Nov 11 2015 03:32
alt text
I would like to not use echo in my function but I'm not sure how to take them out
I would like to organize it neatly like in the last step of this exercise
sonoforion
@sonoforion
Nov 11 2015 03:45
I'm having trouble with giving elements with p tag a font-size of 16px.
DJ
@qualitymanifest
Nov 11 2015 03:46
@sonoforion post your code
Alexander Køpke
@alexanderkopke
Nov 11 2015 03:48
Use css. p { font—size: 16px;}
sonoforion
@sonoforion
Nov 11 2015 03:49

1

<style>
2
.red-text {
3
color: red;
4
}
5
</style>
6

7

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

9

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

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

i don't know how to screen shot with this computer
Alexander Køpke
@alexanderkopke
Nov 11 2015 04:09
<style>
p {
font-size: 16px;
}
</style>
Isaiah
@Buckhalton
Nov 11 2015 04:15
var flip = Math.floor(Math.random() * (1 - 0 + 1)) + 0;

function myFunction() {

  // Only change code below this line.
if (0) {
  return true;
} else {
  return false;
}



  // Only change code above this line.

}

var result = myFunction();if(typeof(flip) !== "undefined" && typeof(flip) === "number" && typeof(result) !== "undefined" && typeof(result) === "string"){(function(y,z){return 'flip = ' + y.toString() + ', text = ' + z;})(flip, result);}
How would I make myFunction return heads or tails?
DJ
@qualitymanifest
Nov 11 2015 04:22
@Buckhalton you will need to compare flip to something in your if statement.
since flip is what contains the random number
Pranav Doshi
@pranavdoshi
Nov 11 2015 04:24
@Buckhalton hey try adding the flip variable within the if conditional
and since 0 always assumes false so it will always return false @Buckhalton
Michael Kallies
@mkallies
Nov 11 2015 04:37
has anyone done this waypoint: Waypoint: Change Text with Click Events?
nvm
Isaiah
@Buckhalton
Nov 11 2015 04:41
How would I go about doing that? @qualitymanifest
Nevermind, I see what you mean, thanks @qualitymanifest @pranavdoshi
CamperBot
@camperbot
Nov 11 2015 04:44
buckhalton sends brownie points to @qualitymanifest and @pranavdoshi :sparkles: :thumbsup: :sparkles:
:star: 221 | @pranavdoshi | http://www.freecodecamp.com/pranavdoshi
:star: 365 | @qualitymanifest | http://www.freecodecamp.com/qualitymanifest
jatinderKaur
@jatinderKaur
Nov 11 2015 05:05
hi - i am stuck with filter question
for question "use filter to remove all elements from array that are greater than 5", i am using return (val < 5). However, i am getting error "you should have removed all the values from the array that are greater than 5
Hans van Riet
@hansinla
Nov 11 2015 05:08
@jatinderKaur Consider what happens if val === 5
Nakeisha Marcus
@Nicky171
Nov 11 2015 05:53
@matty22 Thankyou!! I got it.
Nakeisha Marcus
@Nicky171
Nov 11 2015 05:59
Screen Shot 2015-11-11 at 2.58.40 PM.png
My text won't change to size 16 font. What am I doing wrong?
h4r1m4u
@h4r1m4u
Nov 11 2015 06:08

@Nicky171 the style for the <p> element needs to go in the <style> portion of the page, just the sample .red-text class. you don't modify the <p> elements themselves

<style>
 p {
 color: white;
}
</style>

<p>This paragraph will now be in white color.</p>

use my example and adjust it to do what the waypoint asks of you - to change the font-size for the paragraphs

Nakeisha Marcus
@Nicky171
Nov 11 2015 06:11
@h4r1m4u Thanks :)
CamperBot
@camperbot
Nov 11 2015 06:11
nicky171 sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 621 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
trpython
@trpython
Nov 11 2015 06:50
how do i get a picture of my code in this window?
Traci Thompson
@Traci7822
Nov 11 2015 06:55
I’m looking for help on my pomodoro clock. I have a timer function for the session length and then another for the break length and I am trying to figure out how to have the session timer start up again after the break timer and repeat the cycle but am not having any luck with anything i’ve tried thus far. Any help is greatly appreciated! http://codepen.io/Traci7822/pen/NGBObJ?editors=101
Del
@RoboDel
Nov 11 2015 07:06
Make the second child in each of your well elements bounce. You must target the children of element with the target class.
$(".well:nth-child(2)").addClass("bounce");
?????????????What am I missing here????????
Del
@RoboDel
Nov 11 2015 07:12
Never Mind...I got it :)
h4r1m4u
@h4r1m4u
Nov 11 2015 07:26
@Traci7822 here's a suggestion: track the state of the clock in a variable (to know whether it's in session mode or break mode). when the timer reaches 0, change the state of the clock variable and reset the time on the clock with the values from your variables that store the length of session or break.
Traci Thompson
@Traci7822
Nov 11 2015 07:27
alright i’ll see if i can work out how to do that. thanks @h4r1m4u
CamperBot
@camperbot
Nov 11 2015 07:27
traci7822 sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 622 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
h4r1m4u
@h4r1m4u
Nov 11 2015 07:27
no problem. it shouldn't be too complicated. a simple if/else statement should do
Traci Thompson
@Traci7822
Nov 11 2015 07:32
@h4r1m4u would you create a seperate if/else function for that or include it somehow into the existing cycleTimers function?
h4r1m4u
@h4r1m4u
Nov 11 2015 07:33
@Traci7822 is cycleTimers() the function that you currently use to swap from session to break? i think it is, looking at your code, but just want to confirm
Traci Thompson
@Traci7822
Nov 11 2015 07:33
yes it is
h4r1m4u
@h4r1m4u
Nov 11 2015 07:34
ok, you can work it into that function then
i don't think it needs a separate function
Traci Thompson
@Traci7822
Nov 11 2015 07:34
ok thanks again @h4r1m4u
CamperBot
@camperbot
Nov 11 2015 07:34
traci7822 sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:warning: traci7822 already gave h4r1m4u points
h4r1m4u
@h4r1m4u
Nov 11 2015 07:34
my pleasure
ultron1980
@ultron1980
Nov 11 2015 08:23
I'm unable to complete the radio button challenge
Alexander Køpke
@alexanderkopke
Nov 11 2015 08:23
Why
ultron1980
@ultron1980
Nov 11 2015 08:24
I have no idea. It isn't vgoing forward. It's a simple task
<lable><input type="radio" name="indoor-outdoor">indoor</lable>
<lable><input type="radio" name="indoor-outdoor">outdoor</lable>
Oh, I understand'
Sorry
h4r1m4u
@h4r1m4u
Nov 11 2015 08:24
@ultron1980 <label> not <lable>
ultron1980
@ultron1980
Nov 11 2015 08:24
spelling mistake!
Yes, realized that. Thanks!
CamperBot
@camperbot
Nov 11 2015 08:25
if you want to thank someone, put an @ before their name!
ultron1980
@ultron1980
Nov 11 2015 08:25
@h4r1m4u Thank you :-)
Silly me
h4r1m4u
@h4r1m4u
Nov 11 2015 08:25
;)
happens to all of us
Jainil667
@Jainil667
Nov 11 2015 08:32
Hi, I need to remove the button class from all button elements, so I typed,
$("button").removeClass("btn-defualt");
But it is incorrect
can someone help me out please?
*need to remove "btn-default" class
h4r1m4u
@h4r1m4u
Nov 11 2015 08:35
@Jainil667 that should work. what does the HTML code look like?
Jainil667
@Jainil667
Nov 11 2015 08:36
<div class="well" id="left-well">
<button class="btn btn-default target" id="target1">#target1</button>
<button class="btn btn-default target" id="target2">#target2</button>
<button class="btn btn-default target" id="target3">#target3</button>
</div>
@h4r1m4u I also tried using ("#target1"), ("#target2") and so on for all, still it didn't work
h4r1m4u
@h4r1m4u
Nov 11 2015 08:38
did you put the jQuery call in between the <script> </script> tags?
<script>
$("button").removeClass("btn-default");
</script>
Jainil667
@Jainil667
Nov 11 2015 08:38
yes!
h4r1m4u
@h4r1m4u
Nov 11 2015 08:40
hmm. unless you have the same typo in the code you made above (btn-defualt), it should work. the code is correct
try to reset the waypoint, reload the page and enter the same code
otherwise try it in a different browser
Jainil667
@Jainil667
Nov 11 2015 08:40
Okay, thanks a lot @h4r1m4u
CamperBot
@camperbot
Nov 11 2015 08:40
jainil667 sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
h4r1m4u
@h4r1m4u
Nov 11 2015 08:40
sometimes the waypoints stop working for some reason and do not accept the right answer. the above usually helps
CamperBot
@camperbot
Nov 11 2015 08:40
:star: 623 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
renren89
@renren89
Nov 11 2015 08:41
import {assert, expect } from 'chai';

describe('Object Assign', () => {
  it('merges', () => {
    let first = { name: "Tony" };
    let last = { lastName: "Stark" };
    let person = Object.assign(first, last);

    expect(first).to.equal({name: "Tony", lastName: "Stark"});
  });
});
if console.log(first) results in {name: "Tony", lastName: "Stark"} why does expect(first) not equal the same?
Pranay Kothapalli
@kotAPI
Nov 11 2015 08:51
@renren89 are you workin on node modules?
renren89
@renren89
Nov 11 2015 08:53
yes
shoot, node doesnt have object assign?
Pranay Kothapalli
@kotAPI
Nov 11 2015 08:57
yes it works just the same
i haven't started node yet, so i can't understand whats wrong :D
Chethan Bhat
@chethanbhat
Nov 11 2015 10:12
hi guys
require your feedback
zipline portfolio page
akaranjkar
@akaranjkar
Nov 11 2015 10:14
@chethanbhat Looks good
@chethanbhat But you can use slightly higher res background images
@chethanbhat They look blurred even on a 1080p screen
Chethan Bhat
@chethanbhat
Nov 11 2015 10:16
bro actually i used high res images locally from unsplash.com . but codepen doesn't allow you to upload images. so i used form tumblr
any work around?
akaranjkar
@akaranjkar
Nov 11 2015 10:17
@chethanbhat Sorry i don't know any workaround. I'm just getting started with web dev actually. I come from more of a sysadmin background. I'm learning web dev as a hobby.
Chethan Bhat
@chethanbhat
Nov 11 2015 10:18
no issue mate. i hope i will find some help
@freebeerforall thanks !
CamperBot
@camperbot
Nov 11 2015 10:18
chethanbhat sends brownie points to @freebeerforall :sparkles: :thumbsup: :sparkles:
:star: 82 | @freebeerforall | http://www.freecodecamp.com/freebeerforall
Chethan Bhat
@chethanbhat
Nov 11 2015 10:19
hi can any one let me know where to host images to be used in codepen.io
h4r1m4u
@h4r1m4u
Nov 11 2015 10:22
@chethanbhat you can use dropbox
Chethan Bhat
@chethanbhat
Nov 11 2015 10:30
thanks h4r1m4u
CamperBot
@camperbot
Nov 11 2015 10:30
if you want to thank someone, put an @ before their name!
Chethan Bhat
@chethanbhat
Nov 11 2015 10:30
thanks @h4r1m4u
CamperBot
@camperbot
Nov 11 2015 10:30
chethanbhat sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 624 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
arielr2017
@arielr2017
Nov 11 2015 10:33
Yo I need some help with "Waypoint: Style text inputs as form controls". How do I "give the text input in your form the class form-control"?
qwikscopermayncoderbroJAVASCRIPT
@qwikscopermayncoderbroJAVASCRIPT
Nov 11 2015 10:33
hello ar
wat can i assist?
arielr2017
@arielr2017
Nov 11 2015 10:33
Hello qwikscopermaybcoderbroJAVASCRIPT
But where do I type that?
qwikscopermayncoderbroJAVASCRIPT
@qwikscopermayncoderbroJAVASCRIPT
Nov 11 2015 10:35
.form-control {
min-width: 0;
width: 25px !important;
color:red;
}
this should helping
arielr2017
@arielr2017
Nov 11 2015 10:35
@landonbas type: <span class="whatever">
@qwikscopermayncoderbroJAVASCRIPT thanks man
CamperBot
@camperbot
Nov 11 2015 10:36
arielr2017 sends brownie points to @qwikscopermayncoderbrojavascript :sparkles: :thumbsup: :sparkles:
Landon
@landonbas
Nov 11 2015 10:36
How do i put a span element?
CamperBot
@camperbot
Nov 11 2015 10:36
:star: 3 | @qwikscopermayncoderbrojavascript | http://www.freecodecamp.com/qwikscopermayncoderbrojavascript
arielr2017
@arielr2017
Nov 11 2015 10:36
@landonbas type: <span class="whatever">
qwikscopermayncoderbroJAVASCRIPT
@qwikscopermayncoderbroJAVASCRIPT
Nov 11 2015 10:36
@arielr2017 welcome my dear est friend
Landon
@landonbas
Nov 11 2015 10:36
@arielr2017 thanks
CamperBot
@camperbot
Nov 11 2015 10:36
landonbas sends brownie points to @arielr2017 :sparkles: :thumbsup: :sparkles:
:star: 89 | @arielr2017 | http://www.freecodecamp.com/arielr2017
qwikscopermayncoderbroJAVASCRIPT
@qwikscopermayncoderbroJAVASCRIPT
Nov 11 2015 10:37
@antonp2018 thanks for nothing
CamperBot
@camperbot
Nov 11 2015 10:37
qwikscopermayncoderbrojavascript sends brownie points to @antonp2018 :sparkles: :thumbsup: :sparkles:
h4r1m4u
@h4r1m4u
Nov 11 2015 10:37
@qwikscopermayncoderbroJAVASCRIPT that's not quite correct. @arielr2017 within your form, you need to locate <input type="text"> elements. then you give them a class form-control.
CamperBot
@camperbot
Nov 11 2015 10:37
:star: 77 | @antonp2018 | http://www.freecodecamp.com/antonp2018
qwikscopermayncoderbroJAVASCRIPT
@qwikscopermayncoderbroJAVASCRIPT
Nov 11 2015 10:37
@h4r1m4u sorry i just turned 11 and got my first p
pc
arielr2017
@arielr2017
Nov 11 2015 10:37
@h4r1m4u Ah alright, I understand now. Thanks!
CamperBot
@camperbot
Nov 11 2015 10:37
arielr2017 sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 626 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
qwikscopermayncoderbroJAVASCRIPT
@qwikscopermayncoderbroJAVASCRIPT
Nov 11 2015 10:37
@h4r1m4u thanks
h4r1m4u
@h4r1m4u
Nov 11 2015 10:37
@arielr2017 no problem
Del
@RoboDel
Nov 11 2015 10:39
@h4r1m4u hello! hope all is well
h4r1m4u
@h4r1m4u
Nov 11 2015 10:40
hey @RoboDel ! all is well indeed. i hope on your end too
Del
@RoboDel
Nov 11 2015 10:41
@h4r1m4u All good all good, just getting ready to call it a night.
h4r1m4u
@h4r1m4u
Nov 11 2015 10:41
nice. managed to make some good progress today?
qwikscopermayncoderbroJAVASCRIPT
@qwikscopermayncoderbroJAVASCRIPT
Nov 11 2015 10:43
git gud
Del
@RoboDel
Nov 11 2015 10:43
I got through JQuery with out a hitch...start the javascript tomarrow...:P
h4r1m4u
@h4r1m4u
Nov 11 2015 10:44
@RoboDel oh, nice. the JS part is fun. or i should say once you get to the bonfires/ziplines, the fun begins :)
Del
@RoboDel
Nov 11 2015 10:44
@h4r1m4u I've heard the bonfires are quite challenging
h4r1m4u
@h4r1m4u
Nov 11 2015 10:45
@RoboDel have you had any exposure to coding or is this your first time?
Del
@RoboDel
Nov 11 2015 10:46
This is my first go at it, I love it. I don't feel overwhelmed but it is a lot if information to take in and retain.
@h4r1m4u How long have you been coding? You seem to know you stuff.
h4r1m4u
@h4r1m4u
Nov 11 2015 10:47
@RoboDel fantastic. then yeah, in that case the bonfires may be a little challenging, but that's part of the fun. it's a great feeling when you crack the problem. if you get stuck, there's always help around here :)
for about 10 years.
doing FCC to improve my JS
Del
@RoboDel
Nov 11 2015 10:49
@h4r1m4u Do you feel finishing the Full Stack program would be enough to get me ready for a real JOB?
@h4r1m4u It is a very satisfying feeling being able to go in and manipulate my web pages just from what I've learned in the short time here>
h4r1m4u
@h4r1m4u
Nov 11 2015 10:51
@RoboDel that's tough to answer as it'll be different for each person. it really depends on how much time you put it and if you're only breezing through the assignments to complete them, or if you're actually taking time to make sure you absorb all the concepts and understand what every line of code does
if you do the latter, then yeah, you might be ready for a junior front-end dev position
i hear you - it's very satisfying to build something on your screen from nothing and be able to interact with it
Del
@RoboDel
Nov 11 2015 10:53
@h4r1m4u Do you come from a CS degree background?
h4r1m4u
@h4r1m4u
Nov 11 2015 10:53
yeah, i have a degree in CS and english. that said, the CS part was all theory. we had one semester of pascal, which was completely useless
i learned everything on my own
it sounds like you have the right drive and attitude. keep going with the course and once you build up some basic pool of knowledge, start hacking on projects. it's the best way to learn - simply through doing. when you get stuck, ask or google. the initial going may be tough and slow, but you'll learn a ton that way
Alexander Køpke
@alexanderkopke
Nov 11 2015 10:55
Neat
Del
@RoboDel
Nov 11 2015 10:55
@h4r1m4u Ya, unfortunately the school systems seem to be packed with useless fodder. So glad I found FCC ....I might do some practicing on Code Academy too
h4r1m4u
@h4r1m4u
Nov 11 2015 10:57
yeah, codecadamy is not bad. i found their courses satisfying, though they do give you a little bit of false sense of achievement (it's not hard to complete the challenges as they do a lot of hand-holding, but it's then more difficult to take what you learned and actually do something with it)
but as a supplement to your learning, it's great
Del
@RoboDel
Nov 11 2015 10:58
@h4r1m4u thanks .... I most definitely will do that and I appreciate the encouragement :fire:
CamperBot
@camperbot
Nov 11 2015 10:58
robodel sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 628 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
h4r1m4u
@h4r1m4u
Nov 11 2015 10:59
you're most welcome
iprogrammer15
@iprogrammer15
Nov 11 2015 11:00
hi all
Del
@RoboDel
Nov 11 2015 11:01
Hello
iprogrammer15
@iprogrammer15
Nov 11 2015 11:01
i am stuck in the last exercise in Javascript
Del
@RoboDel
Nov 11 2015 11:01
@h4r1m4u Good night, I'm hitting the rack.
iprogrammer15
@iprogrammer15
Nov 11 2015 11:01
Waypoint: Give your JavaScript Slot Machine some Stylish Images
$($('.slot')[0]).html('<img src = "'+images[slotOne - 1]+'">');

$($('.slot')[1]).html('<img src = "'+images[slotTwo - 1]+'">');   

$($('.slot')[2]).html('<img src = "'+images[slotThree - 1]+'">');
what mistake am i doing ?
qwikscopermayncoderbroJAVASCRIPT
@qwikscopermayncoderbroJAVASCRIPT
Nov 11 2015 11:02
@RoboDel good night my boy
iprogrammer15
@iprogrammer15
Nov 11 2015 11:02
unable to clear Use the provided code three times. One for each slot.
h4r1m4u
@h4r1m4u
Nov 11 2015 11:02
@RoboDel night night! dinner time for me. see you around
iprogrammer15
@iprogrammer15
Nov 11 2015 11:02
unable to clear "Use the provided code three times. One for each slot."
h4r1m4u
@h4r1m4u
Nov 11 2015 11:04
@iprogrammer15 the code is technically correct but this waypoint expects it in a particular way. just remove the blank spaces around the - operator and you'll pass:
$($('.slot')[0]).html('<img src = "'+images[slotOne-1]+'">');
iprogrammer15
@iprogrammer15
Nov 11 2015 11:04
thanks h4r1m4u.. breaking my head on this for a day.. lol
CamperBot
@camperbot
Nov 11 2015 11:04
if you want to thank someone, put an @ before their name!
iprogrammer15
@iprogrammer15
Nov 11 2015 11:04
thanks @h4r1m4u
CamperBot
@camperbot
Nov 11 2015 11:04
iprogrammer15 sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 629 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
qwikscopermayncoderbroJAVASCRIPT
@qwikscopermayncoderbroJAVASCRIPT
Nov 11 2015 11:05
thanks @camperbot
CamperBot
@camperbot
Nov 11 2015 11:05
qwikscopermayncoderbrojavascript sends brownie points to @camperbot :sparkles: :thumbsup: :sparkles:
h4r1m4u
@h4r1m4u
Nov 11 2015 11:05
i did too :D @iprogrammer15
CamperBot
@camperbot
Nov 11 2015 11:05
:star: 543 | @camperbot | http://www.freecodecamp.com/camperbot
iprogrammer15
@iprogrammer15
Nov 11 2015 11:05
:D
qwikscopermayncoderbroJAVASCRIPT
@qwikscopermayncoderbroJAVASCRIPT
Nov 11 2015 11:05
thanks for being there for me @iprogrammer15
CamperBot
@camperbot
Nov 11 2015 11:05
qwikscopermayncoderbrojavascript sends brownie points to @iprogrammer15 :sparkles: :thumbsup: :sparkles:
:star: 171 | @iprogrammer15 | http://www.freecodecamp.com/iprogrammer15
iprogrammer15
@iprogrammer15
Nov 11 2015 11:05
your welcome @qwikscopermayncoderbroJAVASCRIPT
qwikscopermayncoderbroJAVASCRIPT
@qwikscopermayncoderbroJAVASCRIPT
Nov 11 2015 11:06
blob
                     ▄▄▄▀▀▀▄▄███▄

░░░░░▄▀▀░░░░░░░▐░▀██▌

░░░▄▀░░░░▄▄███░▌▀▀░▀█

░░▄█░░▄▀▀▒▒▒▒▒▄▐░░░░█▌

░▐█▀▄▀▄▄▄▄▀▀▀▀▌░░░░░▐█▄

░▌▄▄▀▀░░░░░░░░▌░░░░▄███████▄

░░░░░░░░░░░░░▐░░░░▐███████████▄

░░░░░le░░░░░░░▐░░░░▐█████████████▄

░░░░toucan░░░░░░▀▄░░░▐██████████████▄

░░░░░░has░░░░░░░░▀▄▄████████████████▄

░░░░░arrived░░░░░░░░░░░░█▀██████

Doppelhertz
@Doppelhertz
Nov 11 2015 11:18
Hi guys, I'm stuck trying to use the reverse method. Can anyone help?

var array = [1,2,3,4,5,6,7];

// Only change code below this line.

var newArray = array;

array.reverse(function(a, b){
return a - b;
});

// Only change code above this line.

(function() {return newArray;})();

(not sure how to send an image of the actual code editor)
Alexander Køpke
@alexanderkopke
Nov 11 2015 11:22
What happens if you return b —a
Doppelhertz
@Doppelhertz
Nov 11 2015 11:22
same thing
says i "should use the reverse method"
also tried changing array.reverse to newArray.reverse
same results
Alexander Køpke
@alexanderkopke
Nov 11 2015 11:24
How about return array.reverse()
Doppelhertz
@Doppelhertz
Nov 11 2015 11:25
in front of the (function ?
tried it... says Program Execution Failure

these are the instructions:

You can use the reverse method to reverse the elements of an array.

reverse is another array method that alters the array in place, but it also returns the reversed array.

Use reverse to reverse the array variable and assign it to myArray.

i'm not sure where it wants me to use myArray when below where i'm supposed to change the code it wants to return newArray
the array it is returning is in reverse... so am very confused as to why it's telling me to use the reverse method as it appears to be working :S
DavidTromholt
@DavidTromholt
Nov 11 2015 11:29
Hey I don't understand this task: "The property nickname of myCar should be a string." what does that mean?
Doppelhertz
@Doppelhertz
Nov 11 2015 11:30
i think a string is in quotes: "string"
var myCar = "whatever";
@DavidTromholt what lesson # was that?
Christian Brouns
@ChristianBrouns
Nov 11 2015 11:38
@Doppelhertz : same problem concerning the reverse exercise. var newArray = array.reverse (function(a,b){return a-b;}); tells me I should use the reverse method while I am and it is apparently working
Doppelhertz
@Doppelhertz
Nov 11 2015 11:40
@ChristianBrouns hmmm interesting... I'll keep tinkering and let ya know if i figure it out.
Alexander Køpke
@alexanderkopke
Nov 11 2015 11:40
Just return array.reverse();
Doppelhertz
@Doppelhertz
Nov 11 2015 11:41
haha that worked!
thank you @alexanderkopke
CamperBot
@camperbot
Nov 11 2015 11:41
doppelhertz sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:star: 175 | @alexanderkopke | http://www.freecodecamp.com/alexanderkopke
Doppelhertz
@Doppelhertz
Nov 11 2015 11:42
thought i had tried that and it didn't work... think i forgot the semicolon ;)
Muhammad Asif
@MuhammadAsifMA
Nov 11 2015 11:42
Hi guys
I need some help
The second element in your target elements should bounce.
Christian Brouns
@ChristianBrouns
Nov 11 2015 11:43
@alexanderkopke where do I enter that? It makes the original return statement invalid...
Doppelhertz
@Doppelhertz
Nov 11 2015 11:44
delete all that code and just put in what @alexanderkopke wrote
( @ChristianBrouns )

var array = [1,2,3,4,5,6,7];

// Only change code below this line.

var newArray = array;

array.reverse();

// Only change code above this line.

(function() {return newArray;})();

@MuhammadAsifMA can you post your current code?
Christian Brouns
@ChristianBrouns
Nov 11 2015 11:47
That simple? I keep making things way to difficult for myself apparently :-D
Doppelhertz
@Doppelhertz
Nov 11 2015 11:47
Haha I hear ya!
DavidTromholt
@DavidTromholt
Nov 11 2015 11:47
@Doppelhertz "Make Instances of Objects with a Constructor Function" — I have no clue how to solve it, I think I'm reading the instructions wrong.
Doppelhertz
@Doppelhertz
Nov 11 2015 11:49
you just need to define your variable
@DavidTromholt
sorry nevermind, it's more than that.. just a sec I'll read the instructions again
DavidTromholt
@DavidTromholt
Nov 11 2015 11:50
"var myCar = new Car();" that's what I did, (3 out of 4 correct :p) but I need to give myCar a nickname with a string value
Doppelhertz
@Doppelhertz
Nov 11 2015 11:54
haha i previously completed this one and am trying to figure it out again :P
DavidTromholt
@DavidTromholt
Nov 11 2015 11:55
Seriously I blazed through the previous tasks, then all of a sudden I've spend an hour + on this one, I just don't get it :p
Doppelhertz
@Doppelhertz
Nov 11 2015 11:56

got it...

var myCar = new Car();
myCar.nickname = "nickname";

i still don't fully understand this ^
but it works haha
and yeah it gets harder... i've been starting to get really confused on a few of them
DavidTromholt
@DavidTromholt
Nov 11 2015 11:57
woot.. I did this my self

var myCar = new Car();

myCar.name = "myname";

Doppelhertz
@Doppelhertz
Nov 11 2015 11:57
awesome!
DavidTromholt
@DavidTromholt
Nov 11 2015 11:57
what's the difference between mine and yours???
It doesn't work here
is "nickname" like a key word or?
Doppelhertz
@Doppelhertz
Nov 11 2015 11:58
i think maybe the property and the string can be anything because you define them? not sure though
i don't think it is
DavidTromholt
@DavidTromholt
Nov 11 2015 11:59
Ok I'm completely confused, your code is identical to mine (except I didn't use "nickname" hmmm
I just pasted your code and it worked
I would never have guessed that "give myCar a nickname property" meant actually writing the word "nickname" :p
Doppelhertz
@Doppelhertz
Nov 11 2015 12:00
yeah that one took me a while of tinkering to get too
DavidTromholt
@DavidTromholt
Nov 11 2015 12:00
I thought it was like "give it a name of the type string" like any name
well at least I'm not the only one! :P
Doppelhertz
@Doppelhertz
Nov 11 2015 12:00
far from :P
DavidTromholt
@DavidTromholt
Nov 11 2015 12:00
I felt so dumb for the past hour
haha
Doppelhertz
@Doppelhertz
Nov 11 2015 12:02
haha javascript has been making me feel extremely dumb... it's super rewarding when you finally figure it out though... I just can't wait for the language itself to click in my mind and be able to actually write it... it's rather tough to wrap your head around
DavidTromholt
@DavidTromholt
Nov 11 2015 12:07
Yep... even though I use jQuery all the time, I'm finding JS a lot more difficult, this surprised me a bit.
I'm trying to get a stronger general understanding of coding, so I think taking on JS is important even though its close cousin jQuery solves most of my problems :D
Soumya Rauth
@soumyaRauth
Nov 11 2015 12:10
need help with cloud 9
Soumya Rauth
@soumyaRauth
Nov 11 2015 12:28
Waypoint: Manage Packages with NPM
Complete "Publish"
number 24
Majd900
@Majd900
Nov 11 2015 12:33
Hello
I'm new to coding here :D
h4r1m4u
@h4r1m4u
Nov 11 2015 12:35
@Majd900 welcome!
Majd900
@Majd900
Nov 11 2015 12:35
@h4r1m4u Hey :D
So i have a problem over here, I can't know which lang to start off with.. Saw some youtube videos.. and i'm kinda into coding, I've built my goal already... figuring it out since the past two weeks.
h4r1m4u
@h4r1m4u
Nov 11 2015 12:38
well, if you're wanting to learnt HTML/CSS/JavaScript, this isn't a bad place to start
Majd900
@Majd900
Nov 11 2015 12:39
I've learnt the basics of HTML.. you know changing the font color, size, alligning, and other CSS related stuff too.
renren89
@renren89
Nov 11 2015 12:39
@Majd900 what do you mean "built my goal already"?
Majd900
@Majd900
Nov 11 2015 12:40
I want to know that where coding is going to lead me, and how i can build websites and applications.
renren89
@renren89
Nov 11 2015 12:41
oh I read that wrong lol. I thought you meant you coded your goal rather than having it planned
Majd900
@Majd900
Nov 11 2015 12:42
Haha XD
@renren89 Are you good at coding?
renren89
@renren89
Nov 11 2015 12:43
can't say I am an expert that has all the answers but I can be of help
Majd900
@Majd900
Nov 11 2015 12:43
Oh, so you are one of the basic students or a veteran?
renren89
@renren89
Nov 11 2015 12:45
I actually don't really "do" freecodecamp, I just stop by sometimes to ask some questions
Majd900
@Majd900
Nov 11 2015 12:46
Oh, so i think you are pretty good then. Okay, is there any other chat room talk privately?
to*
Idk if you have the time to tell me what lang i should go master, but i can ask others too if you are in a hurry for something :panda_face:
czub3k
@czub3k
Nov 11 2015 12:47
Hi,
It's a shame, but I get stuck with #173 - can someone tell me how can I solve it ?
renren89
@renren89
Nov 11 2015 12:47
its 5am here and I'm just killing time :) . You can ask here as others passing by might get something out of it or able to correct me
Majd900
@Majd900
Nov 11 2015 12:48
Okay sure, so it's super fine to start a convo here? :)
or a "tuto" :o?
renren89
@renren89
Nov 11 2015 12:48
don't think people would mind, they can just ignore it if they choose
Majd900
@Majd900
Nov 11 2015 12:48
okay great.
So tell me what langs do you know? CSS & HTML?
Like the ones you are good at.
renren89
@renren89
Nov 11 2015 12:51
I mainly focus on css/html/javascript. C++ but I haven't touched it in years. I studied EE in school so didn't do much CS. Web dev is primarily self taught for me
I chose javascript because it has the fastest growth and is dominant in web development as well as a community
Majd900
@Majd900
Nov 11 2015 12:51
Yeahh i learn coding too at school, but just the very basic stuff
I heard alot of people say that i should go for PHP or CSS.
Idk, it's just so confusing tho.
renren89
@renren89
Nov 11 2015 12:52
are we still talking about cascading style sheet CSS?
Majd900
@Majd900
Nov 11 2015 12:53
What?
renren89
@renren89
Nov 11 2015 12:53
PHP or CSS is different if you mean cascading style sheet
I actually started with PHP before moving to javascript
Majd900
@Majd900
Nov 11 2015 12:54
Ahh got you
Well HTML.. i almost know most of tags
I think i'm gonna go for CSS
What's the diff between css and c++?
renren89
@renren89
Nov 11 2015 12:54
css is primarily for styling
c++ is a "programming" language if you will
Majd900
@Majd900
Nov 11 2015 12:55
Ohh
Nahh not into programming that much tho.. i just need to know the basic tags of CSS
renren89
@renren89
Nov 11 2015 12:56
if you are interesting in static websites you can survive with HTML/CSS but keep in mind it's not that big of a market for static websites
Majd900
@Majd900
Nov 11 2015 12:56
you mean it cannot do that much for big websites?
I saw AirBNB that day, got astonished by its design, never seen a website like this tho
renren89
@renren89
Nov 11 2015 12:57
haha, then HTML/CSS is the least of your worries
bnb as spectacular developers and uses a framework I am working with, ReactJS
Majd900
@Majd900
Nov 11 2015 12:58
Wow.. Never heard of that
I gotta say there's alot of langs out there, right?
renren89
@renren89
Nov 11 2015 12:58
well there are a lot of "frameworks" which are built from languages but there aren't that many that will "survive"
keep in mind the JS in ReactJS is javascript
Majd900
@Majd900
Nov 11 2015 12:59
Okay now i'm gonna have to leave coding XD see this :D https://en.wikipedia.org/wiki/List_of_programming_languages
renren89
@renren89
Nov 11 2015 12:59
it highlights the core and best practices for javascript
there really aren't that many if you round out the ones that aren't developed for inhouse uses
Majd900
@Majd900
Nov 11 2015 13:00
Aha..
renren89
@renren89
Nov 11 2015 13:00
some are also legacy or dying
Majd900
@Majd900
Nov 11 2015 13:01
First, i just wanna take steps easy. The first thing i wanna do when i complete my coding courses over here is to create a blog.
Majd900
@Majd900
Nov 11 2015 13:01
Dosen't need much of styling i think.
Wow javascript is no.1
tOmek
@gitendo
Nov 11 2015 13:06
hello
Majd900
@Majd900
Nov 11 2015 13:06
@gitendo Hey
Z.G.Hao
@akidox
Nov 11 2015 13:20
is the target classes in button elements help jQuery target these button elements with $("button")?
without the target classes,the jQuery selector $("button") won't work?
theSyndical
@theSyndical
Nov 11 2015 13:22
@akidox it will work
Z.G.Hao
@akidox
Nov 11 2015 13:23
so what’s the point of adding a target class?
theSyndical
@theSyndical
Nov 11 2015 13:24
using $("button") will select all the buttons in the page
Z.G.Hao
@akidox
Nov 11 2015 13:25
and?
renren89
@renren89
Nov 11 2015 13:26
you can apply an effect to it
Z.G.Hao
@akidox
Nov 11 2015 13:27
so why a target class is needed?
h4r1m4u
@h4r1m4u
Nov 11 2015 13:27
@akidox say you have <button class="success">Success<button> and <button class="error">Error</button>:
$("button")... // selects both buttons
$("button.success")... // selects only the success button
you may not always want to target ALL elements of the same type in your page
the classes and ids have the same purpose as in CSS - they allow you to target particular elements only
Z.G.Hao
@akidox
Nov 11 2015 13:30
ok,got it,thanks @h4r1m4u
CamperBot
@camperbot
Nov 11 2015 13:30
akidox sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 631 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
Leeia Isabelle
@Leeiaisabelle
Nov 11 2015 13:38
Hey does anyone know to add photos to the codepen projects
h4r1m4u
@h4r1m4u
Nov 11 2015 13:41
@Leeiaisabelle if you have the pro codepen account, you can upload assets there. if not, you can either link to them directly (if they're already somewhere on the web) or you can use dropbox (upload the files there, share them, get the share link, and use in your codepen)
Leeia Isabelle
@Leeiaisabelle
Nov 11 2015 13:46
Thanks @h4r1m4u I'll try that!
CamperBot
@camperbot
Nov 11 2015 13:46
leeiaisabelle sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 632 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
h4r1m4u
@h4r1m4u
Nov 11 2015 13:46
no problem!
Chethan Bhat
@chethanbhat
Nov 11 2015 14:19
hey i needed feedback for my portfolio page
plz suggest
Peter Daily
@thepeted
Nov 11 2015 14:27
@chethanbhat looking good. Some feedback: 1. I got the images first time I looked, but strangely not the second time. Finding an image host for images that work on codepen can be a pain. 2. On the Work section it might be good to have some padding as the content goes right up against the edge of the page
Hope this helps!
Craig Morrison
@frogmorton
Nov 11 2015 14:45
@h4r1m4u if I want to use svg fonts locally, and don't have a codepen pro account, what do you suggest?
Cornita Pinchinat
@orkist
Nov 11 2015 14:47
@chethanbhat it looks good for me the images are not showing up at all but I am using Win XP so it could be due to my browser

Photo of Chethan Bhat
Glimpse of my works

Website for VIBS,Mangalore - My own company Vijaya Innovative Business Solutions

Website for Pon Pon Foods - A leading snacks and sweets manufacturer from Karnataka

Website for Ranjal Mahalaxmi Temple - Mahalaxmi Temple located in Ranjal, Karkala

Craig Morrison
@frogmorton
Nov 11 2015 14:53
@h4r1m4u i tried to point to them via a cdn, but I got a cross domain forbidden situation. The library and font files are available for download
Moroni
@moroniscow
Nov 11 2015 15:23
I am stuck on the use of CSS class to style an element. I don't get how to change the text to get the right result.
Craig Morrison
@frogmorton
Nov 11 2015 15:25
@moroniscow You apply particular styles to an HTML element in between <style> Your styles go here...</style>
Moroni
@moroniscow
Nov 11 2015 15:27
<style>
.red'text' {
color: red;
}
</style>
this is what i have, i don't understand what i have done wrong.
Craig Morrison
@frogmorton
Nov 11 2015 15:28
the name of the class doesn't need the single quotes
what does the html look like
have you applied the class redtext to some element?
Moroni
@moroniscow
Nov 11 2015 15:29

<style>
h2 {
color: blue;
}
</style>

this is what it looked like origionally

Craig Morrison
@frogmorton
Nov 11 2015 15:30
well, that's the CSS only. I need to see the HTLM
*HTML
you wish to override the h2 style of blue text by adding a class, right?
Moroni
@moroniscow
Nov 11 2015 15:31
yes
Craig Morrison
@frogmorton
Nov 11 2015 15:31
do you know how to post formatted code in these chat rooms?
Moroni
@moroniscow
Nov 11 2015 15:32
I do not. I have just been doing copy paste.
<h2 style="color:red">CatPhotoApp</h2>
this is the HTML format i think.
Craig Morrison
@frogmorton
Nov 11 2015 15:33
well, if you want it to look "purty", follow these instructions:
explain format
CamperBot
@camperbot
Nov 11 2015 15:33

:point_right: code format [wiki]

Inline code

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

Code Block

``` ⇦ Type 3 backticks and then press [shift + enter ⏎]

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

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

How to Code

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

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

Craig Morrison
@frogmorton
Nov 11 2015 15:35
ps, backticks are NOT single quotes
Moroni
@moroniscow
Nov 11 2015 15:37
<style>
  h2 {
    color: blue;
  }
</style>
Craig Morrison
@frogmorton
Nov 11 2015 15:37
There you go! well done
Ok, can you paste a snippet of your html code?
i mean the offending h2 tag at least
Moroni
@moroniscow
Nov 11 2015 15:40

that was the original. I need to take that and change the style.

<style>

  .blue-text {

    color: blue;

  }

</style>

this was the example of that i need to do, but i don't know how to apply it. they want the text to be red.

Craig Morrison
@frogmorton
Nov 11 2015 15:41
i know, but how are you going to apply a 2nd class name to the h2 tag
that is what you need to do
you can have 2 class names with a space between them
<h2 class="blue-text red-text">Text here</h2>
and in the css, you'd just have 2 different class definitions
Chethan Bhat
@chethanbhat
Nov 11 2015 15:44
@orkist can you review now please
Craig Morrison
@frogmorton
Nov 11 2015 15:45
<style>
    .blue-text {
        color: blue;
    }

    .red-text {
        color: red;
    }
</style>
Chethan Bhat
@chethanbhat
Nov 11 2015 15:45
i have fixed the images problem
@thepeted Thank you friend. i have fixed the image problem now.
CamperBot
@camperbot
Nov 11 2015 15:45
chethanbhat sends brownie points to @thepeted :sparkles: :thumbsup: :sparkles:
:star: 368 | @thepeted | http://www.freecodecamp.com/thepeted
Craig Morrison
@frogmorton
Nov 11 2015 15:46
@chethanbhat much better
@moroniscow you still with me?
Jacob
@ZlatanNo10
Nov 11 2015 15:48
I need help with making sure my stylesheet declares a red-text class and has its color set to red.
Peter Daily
@thepeted
Nov 11 2015 15:48
@chethanbhat good work
Synthia Beauvais
@sbeauvais34
Nov 11 2015 15:48
Looks awesome!! @chethanbhat
Jacob
@ZlatanNo10
Nov 11 2015 15:49
Anyone know how?
Craig Morrison
@frogmorton
Nov 11 2015 15:50
@ZlatanNo10 look up... i posted the example of that
Jacob
@ZlatanNo10
Nov 11 2015 15:50
Thanks @frogmorton
CamperBot
@camperbot
Nov 11 2015 15:50
zlatanno10 sends brownie points to @frogmorton :sparkles: :thumbsup: :sparkles:
:star: 317 | @frogmorton | http://www.freecodecamp.com/frogmorton
Craig Morrison
@frogmorton
Nov 11 2015 15:52
@ZlatanNo10 it was directed at another camper asking the same, but he seems to have disappeared
you're welcome
Chethan Bhat
@chethanbhat
Nov 11 2015 15:53
thanks @thepeted @sbeauvais34
CamperBot
@camperbot
Nov 11 2015 15:53
chethanbhat sends brownie points to @thepeted and @sbeauvais34 :sparkles: :thumbsup: :sparkles:
:warning: chethanbhat already gave thepeted points
:star: 129 | @sbeauvais34 | http://www.freecodecamp.com/sbeauvais34
Chethan Bhat
@chethanbhat
Nov 11 2015 15:53
thank you @frogmorton
CamperBot
@camperbot
Nov 11 2015 15:53
chethanbhat sends brownie points to @frogmorton :sparkles: :thumbsup: :sparkles:
:star: 318 | @frogmorton | http://www.freecodecamp.com/frogmorton
Chethan Bhat
@chethanbhat
Nov 11 2015 15:54
I seem to have a strange problem in the mobile view
the mobile menu doesn't seem to work
Craig Morrison
@frogmorton
Nov 11 2015 15:55
yes, nice work on that profile portfolio page. Better than mine... http://codepen.io/frogmorton/full/gaWEXP/
@chethanbhat my mobile "pill" dropdown was broken too, but it was because I included the bootstrap.css in place of bootstrap.js by mistake :P
Moroni
@moroniscow
Nov 11 2015 16:00
frogmorton yes. i figured it out. thanks for your help.
CamperBot
@camperbot
Nov 11 2015 16:00
if you want to thank someone, put an @ before their name!
Craig Morrison
@frogmorton
Nov 11 2015 16:01
@moroniscow good job, no problem at all
Moroni
@moroniscow
Nov 11 2015 16:01
thank you @frogmorton
CamperBot
@camperbot
Nov 11 2015 16:01
moroniscow sends brownie points to @frogmorton :sparkles: :thumbsup: :sparkles:
:star: 319 | @frogmorton | http://www.freecodecamp.com/frogmorton
Dennis Kummer
@dekubaum
Nov 11 2015 16:17
Hello, coding friends! I am currently stuck at a JavaScript lesson where I simply need to change a function so that it returns a random number. Can anyone help me? :D
h4r1m4u
@h4r1m4u
Nov 11 2015 16:20
@frogmorton sorry, i was afk. you can use dropbox to host your files if you have an account
Craig Morrison
@frogmorton
Nov 11 2015 16:20
afk?
I don't have one, but it may be time to open one
h4r1m4u
@h4r1m4u
Nov 11 2015 16:20
'away from keyboard'
the basic account is free, so yeah, i'd go ahead and get one
Craig Morrison
@frogmorton
Nov 11 2015 16:22
@h4r1m4u have you seen these? super cool. I REALLY want to use some of them http://fizzed.com/oss/font-mfizz
techie icons
but i cannot share them across domains, a la font awesome, for some reason
the irony is they are visible on my iPhone
h4r1m4u
@h4r1m4u
Nov 11 2015 16:24
@frogmorton no, i didn't know about these. nice! thanks!
CamperBot
@camperbot
Nov 11 2015 16:24
h4r1m4u sends brownie points to @frogmorton :sparkles: :thumbsup: :sparkles:
:star: 320 | @frogmorton | http://www.freecodecamp.com/frogmorton
h4r1m4u
@h4r1m4u
Nov 11 2015 16:24
how are you trying to import them?
what's the link you're using?
h4r1m4u
@h4r1m4u
Nov 11 2015 16:26
that's strange. that should import
Craig Morrison
@frogmorton
Nov 11 2015 16:26
it's not https.... and maybe one doesn't exist. I just googled font mfizz cdn and found that link
it's a broken image in my codepen
h4r1m4u
@h4r1m4u
Nov 11 2015 16:27
could you link the pen?
Craig Morrison
@frogmorton
Nov 11 2015 16:27
in the technologies toolbox div... yes, here you are: http://codepen.io/frogmorton/pen/gaWEXP
h4r1m4u
@h4r1m4u
Nov 11 2015 16:28
give me couple of minutes and i'll have a look at it
Craig Morrison
@frogmorton
Nov 11 2015 16:29
ok
i appreciate it
i'd also like some advice on how to space those tools icons responsively from each other, without any danger of overlapping, which they were doing on the mobile Safari browser
Brandon Gottschling
@bgottschling
Nov 11 2015 16:40
@frogmorton I do not believe there is an issue with any of your linking, or your CSS. I do believe that the hosted resource mentioned in the mfizz CSS under the faulted classes is corrupt or missing.
.icon-javascript:before { content: "\f148"; }
h4r1m4u
@h4r1m4u
Nov 11 2015 16:40
@frogmorton ok, i think the cdn you found is someone's private server and it's blocking access to the file from other domains. it's not a public cdn like we use for bootstrap or jquery. you'll have to host it yourself
Brandon Gottschling
@bgottschling
Nov 11 2015 16:40
@h4r1m4u I originally thought that as well, but wouldn't it block the HTML, CSS, and Twitter logos as well?
h4r1m4u
@h4r1m4u
Nov 11 2015 16:41
@bgottschling no, because those are font awesome
Joseph Botros
@josephwasily
Nov 11 2015 16:41
@frogmorton i tried to do that too
Craig Morrison
@frogmorton
Nov 11 2015 16:41
@bgottschling those are font awesome
Joseph Botros
@josephwasily
Nov 11 2015 16:41
i was searching for programming languages icons
found a github for that project which is a font-awsome extension
Arnis Jaundzeikars
@SangSatori
Nov 11 2015 16:42
I use cdnjs for all common CSS/JS packages. They have most of the stuff I want.
Craig Morrison
@frogmorton
Nov 11 2015 16:42
@josephwasily These are super cool, aren't they?
Joseph Botros
@josephwasily
Nov 11 2015 16:42
but anyway i added only html5 and css which are found in fontawsome
@frogmorton yeah the hosted css one on cdn found from google didn't work though\
h4r1m4u
@h4r1m4u
Nov 11 2015 16:43
@SangSatori unfortunately this isn't a common package. i don't think it'll be available on any public cdn
Craig Morrison
@frogmorton
Nov 11 2015 16:43
right... same as me. Thank you for taking a look, @h4r1m4u and @bgottschling
CamperBot
@camperbot
Nov 11 2015 16:43
frogmorton sends brownie points to @h4r1m4u and @bgottschling :sparkles: :thumbsup: :sparkles:
:star: 15 | @bgottschling | http://www.freecodecamp.com/bgottschling
:star: 633 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
h4r1m4u
@h4r1m4u
Nov 11 2015 16:43
@frogmorton open a dropbox account and host it from there
Joseph Botros
@josephwasily
Nov 11 2015 16:43
probably they didn't host the svg of the icons
Craig Morrison
@frogmorton
Nov 11 2015 16:44
my question is, why can I see the icons on my iPhone
but not on the desktop browser
Arnis Jaundzeikars
@SangSatori
Nov 11 2015 16:44
@h4r1m4u: I see about that, right. If one has a Google Cloud account (or Amazon AWS one) they could host it on a static file storage bucket, I think. That's what I sometimes resort to.
Joseph Botros
@josephwasily
Nov 11 2015 16:44
@frogmorton on safara right?
Craig Morrison
@frogmorton
Nov 11 2015 16:44
Safari, yes
h4r1m4u
@h4r1m4u
Nov 11 2015 16:44
@SangSatori yeah. that's why i suggested dropbox.
Majd900
@Majd900
Nov 11 2015 16:45
Hey guys, what's the best coding editor?
Craig Morrison
@frogmorton
Nov 11 2015 16:45
can dropbox files be linked to codepen?
IMHO, Sublime text... others may disagree with me @Majd900
h4r1m4u
@h4r1m4u
Nov 11 2015 16:46
@frogmorton as for how to make them responsive: nest each of the icons in a separate .col-X-X div. currently you have them all within one .col-sm-12. if you separate them into multiple cols, like .col-sm-2, they'll wrap nicely
Majd900
@Majd900
Nov 11 2015 16:46
What about Brackets? or Notepadd++? Any recommendation?
Arnis Jaundzeikars
@SangSatori
Nov 11 2015 16:47
@Majd900: Depends on whom you ask. I use Atom, and less often Sublime Text. You can download both and see which one you prefer. Sublime Text license costs money; atom is free.
h4r1m4u
@h4r1m4u
Nov 11 2015 16:47
@frogmorton yes, once you share the file on dropbox and get the public link, it'll be accessible from codepen
Arnis Jaundzeikars
@SangSatori
Nov 11 2015 16:47
I don't like Brackets, and Notepad++ is useful for a Windows notepad replacement, but doesn't quite cut it for a development environments. There, opinions.
Majd900
@Majd900
Nov 11 2015 16:47
@SangSatori i'll check Atom
h4r1m4u
@h4r1m4u
Nov 11 2015 16:48
@Majd900 sublime user here too. they actually have a free version - it just nags you with a little pop-up once in a while asking you to upgrade to the full license
Majd900
@Majd900
Nov 11 2015 16:48
@SangSatori No, cause i'm not an expert.. but i just know most of the basic stuff in HTML, CSS Still nothing.
Yeah, so still a noob ^_^
@SangSatori Does Atom have a live editor?
Arnis Jaundzeikars
@SangSatori
Nov 11 2015 16:49
You could use Brackets if that's what you prefer, @Majd900. Atom and Brackets are both built using JS & HTML5 technologies, but my main issue is that Brackets is pretty limited in writing code across languages and platforms. It's fine enough for regular HTML/CSS and web design (which is the audience they are shooting for). Atom has a more lively ecosystem of packages that extend its functionality.
@Majd900: There might be a package for that. It has the capability of rendering HTML.
Craig Morrison
@frogmorton
Nov 11 2015 16:50
@h4r1m4u Thanks again for thoughtful comments... You're a lifesaver. Any feedback on the profile (I know it's a work in progress)
CamperBot
@camperbot
Nov 11 2015 16:50
frogmorton sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:warning: frogmorton already gave h4r1m4u points
Majd900
@Majd900
Nov 11 2015 16:50
@SangSatori Downloadin it now, ima tell you how it goes :panda_face:
Oh and btw, I wanted to ask another thing.
Arnis Jaundzeikars
@SangSatori
Nov 11 2015 16:51
@h4r1m4u: More of a problem if the user bashes the save shortcut all the time, like I usually do. :P With that being said, I felt it was worth the price and got myself a license.
Sure, @Majd900.
h4r1m4u
@h4r1m4u
Nov 11 2015 16:52
@SangSatori i save often as well (i write code the whole day) and it bothers me a little, but it hasn't be so bad to make me upgrade :D
Joseph Botros
@josephwasily
Nov 11 2015 16:52
@frogmorton is it ethical and legal to use the native css of fizzed.com library?
Majd900
@Majd900
Nov 11 2015 16:52
Which is better, Codecamp or codecademy? I wanna know which one is more in-detail.. cause i've already mastered basics.
Craig Morrison
@frogmorton
Nov 11 2015 16:52
@h4r1m4u nag ware popups, be damned!
h4r1m4u
@h4r1m4u
Nov 11 2015 16:54
@frogmorton my pleasure. i think it's shaping up nicely. personally i would decrease the gaps between the individual sections, they seem really large. also, on mobile the navbar gets pushed down and there's gap between it and the top of the page, so that's something you might want to look at. for a work in progress, not bad
Craig Morrison
@frogmorton
Nov 11 2015 16:54
@josephwasily well, check out the page, it says open source software... and it's basically trying to explain to you how to use them. I don't see any issues with that. do you? http://fizzed.com/oss/font-mfizz
@h4r1m4u actually, i put some invisible spacers between the sections, and that's why the gaps are really wide
i am looking at a 24 inch monitor, and didn't like how the edge of a section was visible before I even clicked the navbar to bring it up front and center
I also noticed that gap you're talking about.... I was wondering why the fixed navbar is no longer fixed on mobile
@josephwasily or are you talking about ethical in terms of the FCC coursework?
like, if I didn't write it myself, I shouldn't use it?
h4r1m4u
@h4r1m4u
Nov 11 2015 16:59
@frogmorton i have a 24 inch screen too. i don't think it's an issue that the edge of the section pokes at you. also consider that not everyone will be viewing the site on the screen your size. you have the big gaps on mobile as well.
Craig Morrison
@frogmorton
Nov 11 2015 16:59
@h4r1m4u point well taken. I'll remove the spacer divs
h4r1m4u
@h4r1m4u
Nov 11 2015 17:02
@frogmorton the menu gets pushed down because of the padding-top: 50px; you've set on body
Craig Morrison
@frogmorton
Nov 11 2015 17:04
but without that, my H1 slips up behind the fixed navbar
h4r1m4u
@h4r1m4u
Nov 11 2015 17:09
you might have to use media queries to change the padding/margin for mobile
Craig Morrison
@frogmorton
Nov 11 2015 17:10
i got rid of the big gaps, but now my main heading is colliding with navbar (hidden under it a bit)
Anders Bengtsson
@anders462
Nov 11 2015 17:11
@antunesbe sorry if this already been answered but your returning values larger or equal with 5, if you want filter out the values higher then 5 do the reverse, you can skip the if statement and jsut do return val <= 5;
h4r1m4u
@h4r1m4u
Nov 11 2015 17:11
@frogmorton i'm looking at it but there's like a weird combination of padding and margins from different elements that interact strangely. you also have margin-top: -50px on the body which pulls the heading up
Craig Morrison
@frogmorton
Nov 11 2015 17:11
when I resize the window to the "pill" dropdown breakpoint, a gap appears between the navbar and jumbotron
yes, I have a habit of throwing 50 things at the problem, and don't realize which one made the difference
i was on the verge of just deleting ALL my custom css, just to get back to vanilla bootstrap
There is also that tiny little js script on page load, that is meant to prevent the page's contents from being hidden behind the fixed nav
h4r1m4u
@h4r1m4u
Nov 11 2015 17:15
yeah, i noticed
Craig Morrison
@frogmorton
Nov 11 2015 17:15
by the way, @h4r1m4u I'm Craig. Do you have a name? LOL
so, you're right... there are so many different pieces trying to influence the style / behavior of the page, it's no wonder...
h4r1m4u
@h4r1m4u
Nov 11 2015 17:16
it's all way too complicated. all that you should need to do is to set padding-top on the body and it should work (that's what bootstrap recommends).
i'm richard :)
Craig Morrison
@frogmorton
Nov 11 2015 17:17
yes, indeed, it's too complicated. I need to go through and remove all the extra declarations
h4r1m4u
@h4r1m4u
Nov 11 2015 17:18
you also have these media queries which are screwing things up:
@media (max-width: 767px) {
    .navbar-fixed-top {
        position: relative;
        top: auto;
    }
    .navbar-collapse {
        max-height: none;
    }
}
let me simplify it
Craig Morrison
@frogmorton
Nov 11 2015 17:21
the problem is, I started from a template that already had a bunch of garbage in it that I didn't understand... it wasn't the FCC template, and I don't know bootstrap well enough to know what does what to what... LOL
by all means!
Pranay Kothapalli
@kotAPI
Nov 11 2015 17:24
stuff that keeps you from getting a good night's sleep
Cailyn Rodriguez
@cailynerodriguez
Nov 11 2015 17:24

i cant figure out what the problem is with my code. instructions are confusing me lol. heres the instructions: Use the .length property to count the number of characters in the lastName variable. i got this part right- You should be getting the length of lastName by using .length like this: lastName.length. this part says its wrong- lastNameLength should be equal to eight. heres my code var firstNameLength = 0;
var lastNameLength = 0;
var firstName = "Ada";

firstNameLength = firstName.length;

var lastName = "Lovelace";

// Only change code below this line.

lastName.length = "lastName";

// Only change code above this line.

if(typeof(lastNameLength) !== "undefined"){(function(){return lastNameLength;})();}

Craig Morrison
@frogmorton
Nov 11 2015 17:25
@kotAPI LOL indeed!
@cailynerodriguez How about this...
lastNameLength = lastName.length;
Pranay Kothapalli
@kotAPI
Nov 11 2015 17:28
lastNameLength = lastName.length @cailynerodriguez
what he said ^^ :D
h4r1m4u
@h4r1m4u
Nov 11 2015 17:30
@frogmorton here you go. i removed a bunch of the bloat code you didn't need. when using codepen, you don't need to include the <head> ...</head> section or even the <body></body> tags. it'll add it for you automatically. (in a normal website you would). and all the external resources that you import into the project can be imported via the Settings section (i moved everything there). anyhow, here's the updated pen. fork it and compare it with yours (and please let me know when you've forked it, so that i can delete it): http://codepen.io/pixelninjame/pen/qOQLoL
Craig Morrison
@frogmorton
Nov 11 2015 17:31
ok, hang on
Thank you SO much for your help
CamperBot
@camperbot
Nov 11 2015 17:31
if you want to thank someone, put an @ before their name!
Craig Morrison
@frogmorton
Nov 11 2015 17:31
@h4r1m4u Thanks!
CamperBot
@camperbot
Nov 11 2015 17:31
frogmorton sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:warning: frogmorton already gave h4r1m4u points
Craig Morrison
@frogmorton
Nov 11 2015 17:32
Ok, I've forked it.
h4r1m4u
@h4r1m4u
Nov 11 2015 17:32
sure thing. just make sure you go over it to understand the differences. i didn't touch the HTML (other than getting rid of the <head> and some of the scripts imported in the footer; all these are re-linked in the Settings). most of the code edits I made were in the CSS part.
cool, i'll delete it from my profile
Majd900
@Majd900
Nov 11 2015 17:37
Guys, what is CodePen?
Craig Morrison
@frogmorton
Nov 11 2015 17:39
it's an online coding environment, where you can make an account and save your practice projects before you would send them or host them live @Majd900
@h4r1m4u thanks again, I guess I need to be more deliberate with any additions I make to my code,
CamperBot
@camperbot
Nov 11 2015 17:39
frogmorton sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:warning: frogmorton already gave h4r1m4u points
Craig Morrison
@frogmorton
Nov 11 2015 17:40
For example, now... when I click on the navbar buttons, the different sections' heading is partially under the navbar
@h4r1m4u have a good night. I need to sleep
I really appreciate your help
h4r1m4u
@h4r1m4u
Nov 11 2015 17:43
@frogmorton you're welcome. the bootstrap is really well documented and they have a bunch of started templates as well, so it's actually not a bad idea to start with just that and build it up step by step. that way you get to understand in greater detail how the different elements influence each other.
Craig Morrison
@frogmorton
Nov 11 2015 17:43
agreed
James Fedorchek
@StyleBatman
Nov 11 2015 17:44
Can someone send me a link that will show me how to pair with someone?
h4r1m4u
@h4r1m4u
Nov 11 2015 17:45
bootstrap is like lego. it's got many different pieces, but as long as you're playing within the framework, they all fit together quite seamlessly. but i will say that it can be overwhelming at first, it takes a while to grasp the details of bootstrap
Gobinda sahu
@Gobindasahu
Nov 11 2015 17:46
What is the use of col-xs- in bootstrap??
h4r1m4u
@h4r1m4u
Nov 11 2015 17:48
@StyleBatman i don't think there's any dedicated link. you can ask around in the different FCC gitter channels to see if anybody wants to pair up and then you do
Craig Morrison
@frogmorton
Nov 11 2015 17:48
@h4r1m4u i love legos! ha ha
Majd900
@Majd900
Nov 11 2015 17:50
Haha wow, I'm so desperate right now, looking at all these people already master coding :worried: :'(
h4r1m4u
@h4r1m4u
Nov 11 2015 17:51
@Gobindasahu .col-X-Xare classes that bootstrap uses for column-like containers on your page. the first X refers to the size of the screen (xs, sm, md, lg) and the second X determines how wide the column should be. bootstrap works with a 12 column system, so the 100% width of your screen is considered 12 columns. i'd suggest you check out the bootstrap grid system documentation for details: http://getbootstrap.com/css/#grid
@Majd900 patience, young padawan, patience
Majd900
@Majd900
Nov 11 2015 17:53
@h4r1m4u Since when you started to learn coding?
h4r1m4u
@h4r1m4u
Nov 11 2015 17:53
about 10 years ago
CamperBot
@camperbot
Nov 11 2015 17:53
you need to ask about @someone!
Majd900
@Majd900
Nov 11 2015 17:53
@h4r1m4u wow!!
h4r1m4u
@h4r1m4u
Nov 11 2015 17:53
shush @camperbot
Majd900
@Majd900
Nov 11 2015 17:54
So you master coding? Like the ones who show up in films smashing the keyboard XD?
Arjoon Ashar
@ashar123
Nov 11 2015 17:54
Can someone help me?
I need to create a button element below an image
GIve it a class btn and text to "like"
h4r1m4u
@h4r1m4u
Nov 11 2015 17:55
yeah, i smash the keyboard and occasionally something meaningful comes out
Arjoon Ashar
@ashar123
Nov 11 2015 17:55
lol
h4r1m4u
@h4r1m4u
Nov 11 2015 17:56
@ashar123 what have you tried so far?
Majd900
@Majd900
Nov 11 2015 17:56
@h4r1m4u Haha :D
Arjoon Ashar
@ashar123
Nov 11 2015 17:56
@h4r1m4u I have tried <button btn="Like"></button>
h4r1m4u
@h4r1m4u
Nov 11 2015 17:57
@ashar123 do you know how to give an element a class? i think by now you should, i believe it was covered in the waypoints before this one?
Arjoon Ashar
@ashar123
Nov 11 2015 17:57
So im guessing what I done is wrong lol
h4r1m4u
@h4r1m4u
Nov 11 2015 17:57
remember when you were giving the <p> elements the .red-text class?
Gobinda sahu
@Gobindasahu
Nov 11 2015 17:57
Thank you bro
CamperBot
@camperbot
Nov 11 2015 17:57
if you want to thank someone, put an @ before their name!
Arjoon Ashar
@ashar123
Nov 11 2015 17:58
Its not a <p> element
h4r1m4u
@h4r1m4u
Nov 11 2015 17:58
i know. but classes work the same way for all elements
how would you give a class to a <p>?
Majd900
@Majd900
Nov 11 2015 17:58
@h4r1m4u How many langs do you master?
Arjoon Ashar
@ashar123
Nov 11 2015 17:59
How would i dot it for a <button> element
?
Majd900
@Majd900
Nov 11 2015 17:59
Over 9000?
h4r1m4u
@h4r1m4u
Nov 11 2015 17:59
@ashar123 i'm not going to give you a direct answer, but i can help point you to the solution if you bear with me
how would you give a class to a <p>?
Arjoon Ashar
@ashar123
Nov 11 2015 18:00
p{
toben88
@toben88
Nov 11 2015 18:00
What do you all use to make apps with? I am playing around with the Intel XDK tools
Arjoon Ashar
@ashar123
Nov 11 2015 18:00
so P then two brackets and in between those brackets you put the class
h4r1m4u
@h4r1m4u
Nov 11 2015 18:01
can you write it out? if you have a <p> and class 'red-text', how would the code look like?
Arjoon Ashar
@ashar123
Nov 11 2015 18:02
.red-text{ color: red;}
James Fedorchek
@StyleBatman
Nov 11 2015 18:02
@h4r1m4u , thank you for your answer. I have a person that I want to pair program with ... he's siting right next to me. How do I pair program with him. We just don't know what buttons to push.
CamperBot
@camperbot
Nov 11 2015 18:02
stylebatman sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 634 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
Majd900
@Majd900
Nov 11 2015 18:03
@StyleBatman same situation, but all alone xD
h4r1m4u
@h4r1m4u
Nov 11 2015 18:03
@ashar123 that's the CSS part. that would go into your stylesheet (in between <style> and </style>). once you've defined the class in CSS, how do you apply it to the HTML element
Arjoon Ashar
@ashar123
Nov 11 2015 18:04
<p class="red.text">
Majd900
@Majd900
Nov 11 2015 18:04
@h4r1m4u Wanted to ask that question.
Arjoon Ashar
@ashar123
Nov 11 2015 18:04
</p>
Nate
@nateshaw1
Nov 11 2015 18:04
Hey All, my first time reaching out...having an issue with Waypoint 3 in Object Oriented and Functional Programming . I'm reasonably sure it's a very simple answer that I am not making the connection with and was wondering if anyone could spare a moment 
h4r1m4u
@h4r1m4u
Nov 11 2015 18:04
@StyleBatman i'm not sure i fully understand the question. the pair programming is meant for folks to get together (often with help of some teleconferencing system), so that they can code together. if you guys are already together, you're already pair programming :) am i misunderstanding what you're asking?
@ashar123 almost correct, just a small typo: <p class="red-text"></p>
Arjoon Ashar
@ashar123
Nov 11 2015 18:06
Oh my bad
sorry
h4r1m4u
@h4r1m4u
Nov 11 2015 18:06
ok, so if this is the way to apply 'red-text' class to a <p>, how would you apply 'btn' class to a <button> element?
Majd900
@Majd900
Nov 11 2015 18:06
@h4r1m4u Whats the difference between html and css, you said that "How do you apply it to HTML"
CSS is for styling i know, but why should you do it in html too?
h4r1m4u
@h4r1m4u
Nov 11 2015 18:07
@Majd900 you define the styles in your CSS (how the elements will look) and then apply the styles via classes or IDs to your HTML elements. HTML elements are like bricks or building blocks from which the page is built.
Arjoon Ashar
@ashar123
Nov 11 2015 18:07
Its different isn't it because its a bootstrap button
h4r1m4u
@h4r1m4u
Nov 11 2015 18:07
@ashar123 no, the class application to the element is the same
Arjoon Ashar
@ashar123
Nov 11 2015 18:07
ok cool
h4r1m4u
@h4r1m4u
Nov 11 2015 18:08
the fact it's a bootstrap class has no impact - it simply means it already has some styles applied
Majd900
@Majd900
Nov 11 2015 18:08
So at the end all should be at HTML?
Arjoon Ashar
@ashar123
Nov 11 2015 18:08
got it
h4r1m4u
@h4r1m4u
Nov 11 2015 18:08
HTML and CSS are intertwined. HTML is responsible for the page structure while CSS is responsible for how it looks
Arjoon Ashar
@ashar123
Nov 11 2015 18:09
Thank you so much @h4r1m4u
CamperBot
@camperbot
Nov 11 2015 18:09
:star: 635 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
ashar123 sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
h4r1m4u
@h4r1m4u
Nov 11 2015 18:09
@ashar123 you figured it out? great!
Arjoon Ashar
@ashar123
Nov 11 2015 18:09
Yep great help thanks @h4r1m4u
CamperBot
@camperbot
Nov 11 2015 18:09
ashar123 sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:warning: ashar123 already gave h4r1m4u points
Majd900
@Majd900
Nov 11 2015 18:09
@ashar123 yo, since when you started coding?
h4r1m4u
@h4r1m4u
Nov 11 2015 18:09
excellent!
@nateshaw1 what was your question? i'll be happy to help if i can
Majd900
@Majd900
Nov 11 2015 18:10
@h4r1m4u So tell me, CSS and HTML are related to each other?
h4r1m4u
@h4r1m4u
Nov 11 2015 18:11
yes. CSS on its own doesn't do anything. and pure HTML without CSS looks like crap
Majd900
@Majd900
Nov 11 2015 18:11
Hmm, cause i saw a youtube video... he's putting hashtags and then the divs
He was coding Css
And then the style he wanted to apply
Got me?
h4r1m4u
@h4r1m4u
Nov 11 2015 18:12
yep
trpython
@trpython
Nov 11 2015 18:12
<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
<button type="submit"submit>
</form>
Nate
@nateshaw1
Nov 11 2015 18:12
@h4r1m4u Thanks! I've been stuck on this one way too long. the final red "x" is that the property nickname of myCar should be a string. yet when I input "var nickname = "whatever";" it does not recognize as such
CamperBot
@camperbot
Nov 11 2015 18:12
nateshaw1 sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 636 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
trpython
@trpython
Nov 11 2015 18:12
whats wrong?
h4r1m4u
@h4r1m4u
Nov 11 2015 18:13
@trpython your <button>. this ain't right <button type="submit"submit>
trpython
@trpython
Nov 11 2015 18:13
<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
<button type="submit"submit</button>
</form>
doesnt work either. solution
the editor highlights it for me thanks
CamperBot
@camperbot
Nov 11 2015 18:13
if you want to thank someone, put an @ before their name!
trpython
@trpython
Nov 11 2015 18:13
problem is no error message or WHY its incorrect
h4r1m4u
@h4r1m4u
Nov 11 2015 18:13
@trpython <button type="submit">Submit</button>
trpython
@trpython
Nov 11 2015 18:14
<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
<button type="submit"submit</button>
</form>
doesnt work
<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
<button type="submit"Submit</button>
</form>
h4r1m4u
@h4r1m4u
Nov 11 2015 18:14
@trpython see my answer above
trpython
@trpython
Nov 11 2015 18:14
doesnt work
Majd900
@Majd900
Nov 11 2015 18:14
yo, Uppercased letters in HTML or CSS makes a difference or no?
trpython
@trpython
Nov 11 2015 18:15
@h4r1m4u thanks
CamperBot
@camperbot
Nov 11 2015 18:15
trpython sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 637 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
trpython
@trpython
Nov 11 2015 18:15
missed the >
h4r1m4u
@h4r1m4u
Nov 11 2015 18:15
@nateshaw1 when adding properties to an object, you do it like this:
var myDog = new Dog(); // let's assume myDog is an object of type Dog
myDog.legs = 4; // here we give myDog a property called 'legs' with value of 4
i could also give my dog a name:
myDog.name = "Bryan"; // yeah, Family Guy fan here!
knowing the above, how can you give myCar a property 'nickname' and assign it a value? @nateshaw1
gts00k
@gts00k
Nov 11 2015 18:17
does somebody wants to see my code on Bonfire: Sum All Odd Fibonacci Numbers ?
dont know why it doesnt work
Nate
@nateshaw1
Nov 11 2015 18:19
@h4r1m4u , got it. was hung up in trying a "var" or "this" assignment. Really appreciate the help.
h4r1m4u
@h4r1m4u
Nov 11 2015 18:19
@nateshaw1 great, i'm glad it pointed you in the right direction
this is usually used within the object constructor function, but once you create an instance of the object, you refer to it by its name
Majd900
@Majd900
Nov 11 2015 18:20
Guys, Who uses Atom?
andrey
@kaflan
Nov 11 2015 18:22
@Majd900 I'm
Majd900
@Majd900
Nov 11 2015 18:22
@kaflan Okay, do you know how to apply live editing? or whatever it's name is, forgot.
andrey
@kaflan
Nov 11 2015 18:26
@Majd900 live editor? mmm cloud9, planker, codepen?
@Majd900
what did you mean?
Majd900
@Majd900
Nov 11 2015 18:27
@kaflan Oh nvm got it, I wanted to say that how i can live preview on atom itself.. Figured it out by installing the package
Bill Zerega
@dedicatedfuture
Nov 11 2015 18:27
good afternoon everyone
could anybody help me remove some whitespace in a codepen site?
Stephen Price
@stevothecoder
Nov 11 2015 18:30
Do you guys see anything wrong with this?
<style>
h2 {color: Blue;}
</style>
I got this error message "Ensure that your stylesheet h2 declaration is valid with a semicolon and closing brace"
Jainil667
@Jainil667
Nov 11 2015 18:31
@stevothecoder I guess you forgot to put color and blue in double quotes
moreover, you need to put tags in h2
h4r1m4u
@h4r1m4u
Nov 11 2015 18:31
@Jainil667 it doesn't need to be in quotes
Stephen Price
@stevothecoder
Nov 11 2015 18:31
i am confused
Bill
@kirah1314
Nov 11 2015 18:31
@stevothecoder try this:
h2 {
color: blue;
}
Jainil667
@Jainil667
Nov 11 2015 18:32
@h4r1m4u Oh is it? Thanks a lot
CamperBot
@camperbot
Nov 11 2015 18:32
jainil667 sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 638 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
h4r1m4u
@h4r1m4u
Nov 11 2015 18:32
@stevothecoder it looks correct to me. could you paste the URL from your browser here, so that i can check what the problem is?
Stephen Price
@stevothecoder
Nov 11 2015 18:33
Bill Zerega
@dedicatedfuture
Nov 11 2015 18:33
can some1 help me out with some formatting issues on the portfolio website?
h4r1m4u
@h4r1m4u
Nov 11 2015 18:33
Blue should be blue, but it shouldn't break the code and give you the error you're getting
im getting a lot of whitespace i cant get rid of
Cailyn Rodriguez
@cailynerodriguez
Nov 11 2015 18:34

i dont understand how to use .pop()... any help pls? im pullinh my hair out lol. heres the instructions. Use the .pop() function to remove the last item from myArray, assigning the "popped off" value to removedFromMyArray. myArray should only contain ["John", 23].
removedFromMyArray should only contain ["cat", 2]. heres what ive tried, obviously its not right though... var myArray = ["John", 23, ["cat", 2].pop()];

// Only change code below this line.

var removedFromMyArray;.pop()

// Only change code above this line.

h4r1m4u
@h4r1m4u
Nov 11 2015 18:34
@stevothecoder you need the <style> and </style> tags. the style definition goes in between them
@stevothecoder your initial code was correct, the only issue was the capital B in blue
Stephen Price
@stevothecoder
Nov 11 2015 18:34

yeah this is my code <style>
h2 {color: Blue;}
</style>

<h2>CatPhotoApp</h2>

h4r1m4u
@h4r1m4u
Nov 11 2015 18:35
replace 'B' with 'b'
@dedicatedfuture what's the issue?
Stephen Price
@stevothecoder
Nov 11 2015 18:35
wow that worked thanks @h4r1m4u
CamperBot
@camperbot
Nov 11 2015 18:35
stevothecoder sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 639 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
Joy
@somepulp
Nov 11 2015 18:35
@h4r1m4u ah its case-sensitive :o
Bill Zerega
@dedicatedfuture
Nov 11 2015 18:35
cant get the background to line up at the top
white space on the left and top
Stephen Price
@stevothecoder
Nov 11 2015 18:35
ty for the help guys
Bill Zerega
@dedicatedfuture
Nov 11 2015 18:35
also had to use a lot of <br> to show the background
h4r1m4u
@h4r1m4u
Nov 11 2015 18:36
@somepulp actually it would work with the capital B in a normal page, but it's standard to use small letters for color names and i guess the waypoint doesn't like it
Joy
@somepulp
Nov 11 2015 18:36
@h4r1m4u i see, just good form then. good to know
Bill
@kirah1314
Nov 11 2015 18:36
the checks are probably case sensitive and didn't expect people to use "Blue"
h4r1m4u
@h4r1m4u
Nov 11 2015 18:37
@dedicatedfuture the gap between the header (menu) and your first section is the result of all the <br> elements you added into your code
Bill Zerega
@dedicatedfuture
Nov 11 2015 18:37
ah ok
how about the left?
Cailyn Rodriguez
@cailynerodriguez
Nov 11 2015 18:38

i dont understand how to use .pop()... any help pls? im pullinh my hair out lol. heres the instructions. Use the .pop() function to remove the last item from myArray, assigning the "popped off" value to removedFromMyArray. myArray should only contain ["John", 23].
removedFromMyArray should only contain ["cat", 2]. heres what ive tried, obviously its not right though... var myArray = ["John", 23, ["cat", 2].pop()];

// Only change code below this line.

var removedFromMyArray;.pop()

// Only change code above this line.

h4r1m4u
@h4r1m4u
Nov 11 2015 18:38
you mean the slight gap on the left and right side edge of screen?
@cailynerodriguez just a sec, i'll be right with you
Bill Zerega
@dedicatedfuture
Nov 11 2015 18:39
yes
the white space there
h4r1m4u
@h4r1m4u
Nov 11 2015 18:39
that's the result of the margin: 8px; you put on the body element
Bill
@kirah1314
Nov 11 2015 18:39
@cailynerodriguez var removedFromMyArray;.pop() you have to remove the semi-colon ;
h4r1m4u
@h4r1m4u
Nov 11 2015 18:42
@cailynerodriguez
// let's create an array
var myArray = [1, 2, 3, 4, 5];

// now let's remove its last element using pop() and store it in a variable 
var removedElement = myArray.pop();   // you see here? the pop() is an Array method, hence i call it on the myArray array

// after the pop() above, myArray now looks like this [1, 2, 3, 4] and removedElement is 5
Bill Zerega
@dedicatedfuture
Nov 11 2015 18:42
@h4r1m4u thank you
CamperBot
@camperbot
Nov 11 2015 18:42
dedicatedfuture sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 640 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
h4r1m4u
@h4r1m4u
Nov 11 2015 18:42
so to remove an element from an array, you use the pop() method on the array
@dedicatedfuture you're welcome
Ankita Dutta
@ankitaatcodecamp
Nov 11 2015 18:43

$($('.slot')[1]).html('<img src = "' + images[slotTwo -1] + '">');

$($('.slot')[2]).html('<img src = "' + images[slotThree -1] + '">');

what is wrong in it, it not allwoing me to porgress
h4r1m4u
@h4r1m4u
Nov 11 2015 18:43
@ankitaatcodecamp what about slotOne?
@cailynerodriguez does the above make sense?
etowahs
@etowahs
Nov 11 2015 18:44
$($('.slot')[0]).html('<img src = "' + images[slotOne -1] + '">');
Ankita Dutta
@ankitaatcodecamp
Nov 11 2015 18:44
I have put all the code as below

// Only change code below this line.
$($('.slot')[0]).html('<img src = "' + images[slotOne -1] + '">');

$($('.slot')[1]).html('<img src = "' + images[slotTwo -1] + '">');

$($('.slot')[2]).html('<img src = "' + images[slotThree -1] + '">');

// Only change code above this line.
Itsfailing in : Use the provided code three times. One for each slot.
What am i missing here, seems all corrrect
h4r1m4u
@h4r1m4u
Nov 11 2015 18:45
@ankitaatcodecamp remove the empty space before the - operator in images[slotXXX-1]
technically it doesn't matter, the code would work either way, but the waypoint doesn't like it
Ankita Dutta
@ankitaatcodecamp
Nov 11 2015 18:45
let me try
@h4r1m4u thanks, it worked like charm
CamperBot
@camperbot
Nov 11 2015 18:46
ankitaatcodecamp sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 641 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
Ankita Dutta
@ankitaatcodecamp
Nov 11 2015 18:46
thanks @h4r1m4u
CamperBot
@camperbot
Nov 11 2015 18:46
ankitaatcodecamp sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:warning: ankitaatcodecamp already gave h4r1m4u points
h4r1m4u
@h4r1m4u
Nov 11 2015 18:46
@ankitaatcodecamp my pleasure. lots of people run into this issue with this waypoint. they should really fix it
etowahs
@etowahs
Nov 11 2015 18:48
any help on Waypoint: Make Unique Objects by Passing Parameters to our Constructor? My code is "var myCar = new Car(3,1,2);"
Ankita Dutta
@ankitaatcodecamp
Nov 11 2015 18:49
@h4r1m4u - ya its a bug, I guess we can report it
h4r1m4u
@h4r1m4u
Nov 11 2015 18:49
@ankitaatcodecamp i already did (as did a bunch of other people). so far not fixed :(
Ankita Dutta
@ankitaatcodecamp
Nov 11 2015 18:49
:)
Markus Kiili
@Masd925
Nov 11 2015 18:49
@etowahs Could you post the whole code please.
etowahs
@etowahs
Nov 11 2015 18:50

var Car = function() {
//Change this constructor
this.wheels = 4;
this.seats = 1;
this.engines = 1;
};

//Try it out here
var myCar = new Car(3,1,2);

// Only change code above this line

(function() {return JSON.stringify(myCar);})();

Markus Kiili
@Masd925
Nov 11 2015 18:51
@etowahs You need to put parameters on your contructor function and use them to initialize the properties inside the constructor.
Ankita Dutta
@ankitaatcodecamp
Nov 11 2015 18:51
@etowahs - create a parameterized constructor to take 3 inputs
etowahs
@etowahs
Nov 11 2015 18:52
Like this: var Car = function(wheels, seats, engines) ?
'''
CamperBot
@camperbot
Nov 11 2015 18:54
:bulb: to format code use backticks! ``` more info
etowahs
@etowahs
Nov 11 2015 18:55
This message was deleted
CamperBot
@camperbot
Nov 11 2015 18:55
:bulb: to format code use backticks! ``` more info
etowahs
@etowahs
Nov 11 2015 18:55
var Car = function(wheels, seats, engines) {
  //Change this constructor
  this.wheels = 4;
  this.seats = 1;
  this.engines = 1;
};
Markus Kiili
@Masd925
Nov 11 2015 18:56
@etowahs yes, then initialize the properties this.x with those parameters you just made.
etowahs
@etowahs
Nov 11 2015 18:56
var Car = function(wheels, seats, engines) {
  //Change this constructor
  this.wheels = 4;
  this.seats = 1;
  this.engines = 1;
};

//Try it out here
var myCar = new Car(3,1,2);
Is that it? It doesn't submit
Ethan Leyden
@Darksmurf
Nov 11 2015 18:58
set your properties to your arguments
etowahs
@etowahs
Nov 11 2015 18:59
Isn't that what the ```
new Car(3,1,2) does?
Ethan Leyden
@Darksmurf
Nov 11 2015 18:59
You passed arguments, but never assigned them
h4r1m4u
@h4r1m4u
Nov 11 2015 19:00
@etowahs you're hardcoding the object property values, e.g. wheels will always be 4 regardless of what value you pass to the constructor function when you instantiate a new object. you need to leverage the arguments when setting the property values
Ethan Leyden
@Darksmurf
Nov 11 2015 19:00
var Constructor = function(property1, property2) {
    this.property1 = property1;
    this.property2 = property2;
}
var object = new Constructor(value1, value2);
h4r1m4u
@h4r1m4u
Nov 11 2015 19:00
as @Darksmurf says above
etowahs
@etowahs
Nov 11 2015 19:02
isn't it
this.property1 = value1;
h4r1m4u
@h4r1m4u
Nov 11 2015 19:04
not if you're using property1 and property2 as the arguments of the constructor function: var Constructor = function(property1, property2) { ... }
just like with any function, the arguments are just 'placeholders' for the actual values you will be passing to the function
etowahs
@etowahs
Nov 11 2015 19:06
thanks @h4r1m4u @Darksmurf @Masd925
CamperBot
@camperbot
Nov 11 2015 19:06
etowahs sends brownie points to @h4r1m4u and @darksmurf and @masd925 :sparkles: :thumbsup: :sparkles:
:star: 282 | @masd925 | http://www.freecodecamp.com/masd925
:star: 248 | @darksmurf | http://www.freecodecamp.com/darksmurf
:star: 642 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
h4r1m4u
@h4r1m4u
Nov 11 2015 19:06
it's not different from:
function test(str) {
  return str + 'aaa';
}

test("actual string I'm passing to the function"); // returns actual string I'm passing to the functionaaa
did you figure it out?
Majd900
@Majd900
Nov 11 2015 19:07
Guys what is <meta charset="utf-8" />
etowahs
@etowahs
Nov 11 2015 19:07
yep, just did, thanks for your exlanation
h4r1m4u
@h4r1m4u
Nov 11 2015 19:07
great :clap:
Cailyn Rodriguez
@cailynerodriguez
Nov 11 2015 19:08
@h4r1m4u sorry i stepped away from the computer, but im still having problems with .pop().. im not sure where to place it.
h4r1m4u
@h4r1m4u
Nov 11 2015 19:09
@cailynerodriguez you use it on the array from which you want to remove the element
what does your code look like now?
Cailyn Rodriguez
@cailynerodriguez
Nov 11 2015 19:10

var myArray = ["John", 23, ["cat", 2].pop()];

// Only change code below this line.

var removedFromMyArray.pop()

// Only change code above this line.

h4r1m4u
@h4r1m4u
Nov 11 2015 19:10
so you're calling it on removedFromMyArray. is that an array you defined?
Cailyn Rodriguez
@cailynerodriguez
Nov 11 2015 19:11
i didnt define it, it is telling me to assign the popped off value to removedFromMyArray
hasrat3791
@hasrat3791
Nov 11 2015 19:11
"Make sure you have nested all HTML elements in .container-fluid"..what kind of elements...??
Cailyn Rodriguez
@cailynerodriguez
Nov 11 2015 19:13
@hasrat3791 html as in your headings, <h2> etc.. and paragraphs.. etc. nest it in everything that appears in html
h4r1m4u
@h4r1m4u
Nov 11 2015 19:14
@cailynerodriguez i explained to you above, with an example, that you use the .pop() method on the array from which you want to remove the element from. the pop() method removes the element from an array and returns it. so you can assign it to a variable:
var someArray = [1, 2, 3, 4, 5];

var theRemovedElement = someArray.pop(); // see here? .pop() is called on the array "someArray" and the element returned by it stored in "theRemovedElement"
in your code you're calling .pop() on the variable into which you're supposed to be storing the removed element instead of on the array: var removedFromMyArray.pop()
see the difference?
Alexander Køpke
@alexanderkopke
Nov 11 2015 19:18
just curious can you use pop without committing the array to a variable? like so [1, 2, 3, 4, 5].pop();
impractical I know but just curious
Cailyn Rodriguez
@cailynerodriguez
Nov 11 2015 19:19
okay so i dont call .pop on my variable, i should call it on the removedFromMyArray variable instead?? how would it know to pop the second array?
Alexander Køpke
@alexanderkopke
Nov 11 2015 19:20
the variable needs to have stored an array to be able to pop it
etowahs
@etowahs
Nov 11 2015 19:21
is the val argument in the map built into js?
Arnis Jaundzeikars
@SangSatori
Nov 11 2015 19:23
map() passes that argument to the callback given, yes - that's the built-in behavior. You can call the variable itself any other name however - like variable or somevalue or whatever.
etowahs
@etowahs
Nov 11 2015 19:25
thanks @SangSatori
CamperBot
@camperbot
Nov 11 2015 19:25
etowahs sends brownie points to @sangsatori :sparkles: :thumbsup: :sparkles:
:star: 218 | @sangsatori | http://www.freecodecamp.com/sangsatori
h4r1m4u
@h4r1m4u
Nov 11 2015 19:25
@cailynerodriguez you call pop() on the array from which you want to remove the element
please check the above example again
Alexander Køpke
@alexanderkopke
Nov 11 2015 19:25
you pop the variable that has stored the array.. which variable is that?
h4r1m4u
@h4r1m4u
Nov 11 2015 19:25
it's got everything you need
Aleksander Gębicki
@Takumar
Nov 11 2015 19:32
@alexanderkopke pop() removes last element from your array and returns this element, if you don't assign the result to any variable it will be lost, but your array will be modified anyway.
Alexander Køpke
@alexanderkopke
Nov 11 2015 19:33
@Takumar cool thanks
CamperBot
@camperbot
Nov 11 2015 19:33
alexanderkopke sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
:star: 687 | @takumar | http://www.freecodecamp.com/takumar
etowahs
@etowahs
Nov 11 2015 19:46
what is a delimiter
Majd900
@Majd900
Nov 11 2015 19:55
Guys how can i change this <li style="font-family: Verdana">This item is medium Verdana.</li> to 12 px?
Evan-Peterson
@Evan-Peterson
Nov 11 2015 20:00
how do i give an image multiple classes?
Bill
@kirah1314
Nov 11 2015 20:02
@Evan-Peterson add a space then input the 2nd class <div class="class1 class2 class3 class4">
Alexander Køpke
@alexanderkopke
Nov 11 2015 20:05
@Majd900 <li style="font-family: Verdana; font-size: 12px;"> etc
Majd900
@Majd900
Nov 11 2015 20:10
@alexanderkopke Thanks :D
CamperBot
@camperbot
Nov 11 2015 20:10
majd900 sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:star: 187 | @alexanderkopke | http://www.freecodecamp.com/alexanderkopke
Majd900
@Majd900
Nov 11 2015 20:11
How to make this p <p>A truly spectacular paragraph!</p>
A size of 20px
A color of blue
A font-family of Arial
Been trying to figure it out since 15 minutes :D
Aleksander Gębicki
@Takumar
Nov 11 2015 20:12
@Majd900 create styling for paragraph tag:
<style>
  p {
    color: blue;
</style>
Majd900
@Majd900
Nov 11 2015 20:13
But i'm using HTML didnt get into CSS yet.. just this color thing
Bill
@kirah1314
Nov 11 2015 20:15
@Majd900 you see the example from @alexanderkopke? <li style="font-family: Verdana; font-size: 12px;"> so how would you put it together for what you want to accomplish now?
Aleksander Gębicki
@Takumar
Nov 11 2015 20:16
@Majd900 sorry I didn't know which waypoint it is, so I thought you are making separate <style> section. Make this styling inline like @kirah1314 showed you.
Bill
@kirah1314
Nov 11 2015 20:16
@Majd900 color is just color: red;
Majd900
@Majd900
Nov 11 2015 20:17
@kirah1314 OH i thought it's font-color
@Takumar That's fine
Bill
@kirah1314
Nov 11 2015 20:18
color is default to the color of fonts in CSS
Majd900
@Majd900
Nov 11 2015 20:18
Ahh, Okay see this.. as i said before
<p>A truly spectacular paragraph!</p> changing styles of this p
A size of 20px
A color of blue
A font-family of Arial
Aleksander Gębicki
@Takumar
Nov 11 2015 20:20
@etowahs delimiter = semicolon? In what context?
Majd900
@Majd900
Nov 11 2015 20:20
Ohh figured it out! Thanks!! @kirah1314
CamperBot
@camperbot
Nov 11 2015 20:20
majd900 sends brownie points to @kirah1314 :sparkles: :thumbsup: :sparkles:
:star: 320 | @kirah1314 | http://www.freecodecamp.com/kirah1314
Bill
@kirah1314
Nov 11 2015 20:20

your answer is here below

@Majd900 you see the example from @alexanderkopke? <li style="font-family: Verdana; font-size: 12px;"> so how would you put it together for what you want to accomplish now?

@Majd900 that's awesome!
Majd900
@Majd900
Nov 11 2015 20:21
@kirah1314 Oh and one more thing, I really didn't understand the semi-colon thing
See what i did here
I'm trying now to change the size
<p style="color:red"; font-size: 20px> that's what i did.
but it's not correct
Bill
@kirah1314
Nov 11 2015 20:22
@Majd900 the semi-colon is used to separate the style properties
Majd900
@Majd900
Nov 11 2015 20:22
Ahh
Bill
@kirah1314
Nov 11 2015 20:22
@Majd900 you have to move the 2nd " to the end of the entire style
Aleksander Gębicki
@Takumar
Nov 11 2015 20:23
@Majd900 you have to put entire inline style between quotation marks.
jpjenkins
@jpjenkins
Nov 11 2015 20:23
I don't think I thanked you yesterday for explaining global objects to me @h4r1m4u
Majd900
@Majd900
Nov 11 2015 20:23
Oh, thanks again @Takumar @kirah1314 :D!
CamperBot
@camperbot
Nov 11 2015 20:23
majd900 sends brownie points to @takumar and @kirah1314 :sparkles: :thumbsup: :sparkles:
:warning: majd900 already gave kirah1314 points
jpjenkins
@jpjenkins
Nov 11 2015 20:23
Thank you @h4r1m4u :) very helpful
CamperBot
@camperbot
Nov 11 2015 20:23
:star: 689 | @takumar | http://www.freecodecamp.com/takumar
jpjenkins sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 643 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
Majd900
@Majd900
Nov 11 2015 20:24
Btw for like how many months should i be mastering coding?
would it take years?
I started before, but i said that it's too hard for me to understand and memorize all of these tags.. but now i changed my whole perspective around this idea, seems pretty awesome!
Bill
@kirah1314
Nov 11 2015 20:25
@Majd900 depends what you're trying to achieve? There's always things to learn, frameworks, languages, tricks, etc
Majd900
@Majd900
Nov 11 2015 20:26
@kirah1314 I'm trying to learn CSS and HTML and JS that's all i want to learn for now.
you know the basic langs for building websites.
Bill
@kirah1314
Nov 11 2015 20:27
@Majd900 in my opinion, best way to learn is to use them which you will when you get to bonfires and ziplines
Majd900
@Majd900
Nov 11 2015 20:27
What is that?
Bill
@kirah1314
Nov 11 2015 20:27
@Majd900 if you're talking about css, html and js then ziplines is when you use all 3
@Majd900 bonfires are only JS
Majd900
@Majd900
Nov 11 2015 20:28
What is Bonfires and ziplines? sorry i'm a noob D:
Alexander Køpke
@alexanderkopke
Nov 11 2015 20:28
haven't gotten to bonfire yet but whenever I heard the word I always think of the parking scene from 'breaking bad'
Bill
@kirah1314
Nov 11 2015 20:28
@Majd900 after you've done the ziplines (or even before finishing them), I think you have enough knowledge to build simple websites
@Majd900 haha np, you can see these on your FCC map
Dustin Frank
@DustInCompetent
Nov 11 2015 20:29
I think of the song Bonfire by Knife Party...
Alexander Køpke
@alexanderkopke
Nov 11 2015 20:30
yes that song is used in the parking scene
Majd900
@Majd900
Nov 11 2015 20:30
@kirah1314 Thanks alot!, you helped me in alot of things :D, Btw, do you have the time or anytime else like to give me answers for my questions?
CamperBot
@camperbot
Nov 11 2015 20:30
majd900 sends brownie points to @kirah1314 :sparkles: :thumbsup: :sparkles:
:warning: majd900 already gave kirah1314 points
Brandon Gottschling
@bgottschling
Nov 11 2015 20:30
@Majd900 Bonfires and Ziplines are "camp styled" names for scenario training to basically test what you know and to have fun doing, so hence the names bonfire and zipline.
Majd900
@Majd900
Nov 11 2015 20:31
Cause i'm always getting lost, and i don't even know from where i should get my answers
@bgottschling Ohh
Bill
@kirah1314
Nov 11 2015 20:32
@Majd900 glad to help! Sure, you can send me a private message. I'm usually on FCC or lurking around
Majd900
@Majd900
Nov 11 2015 20:32
@kirah1314 Great!
@kirah1314 So you master coding? or just an expert?
Bill
@kirah1314
Nov 11 2015 20:32
@Majd900 hover your mouse over my icon and you'll see a chat privately button
Brandon Gottschling
@bgottschling
Nov 11 2015 20:33
@Majd900 I recommend getting your answers from mutiple sources and resources, because you can never cover everything in one place. There is a lot to learn, but out of everything I have seen this is the most robust and complete curriculum to follow.
Bill
@kirah1314
Nov 11 2015 20:33
@Majd900 I wish lol, I'm still a beginner
Majd900
@Majd900
Nov 11 2015 20:33
@kirah1314 Haha, yeah same here i'm always just teased by those people who are gods at coding :shipit:
Alexander Køpke
@alexanderkopke
Nov 11 2015 20:33
camperbot has its own room where one can ask for hints https://gitter.im/camperbot/testing
Majd900
@Majd900
Nov 11 2015 20:34
@bgottschling Oh
Bill
@kirah1314
Nov 11 2015 20:34
@Majd900 I started in FCC like 4 months ago knowing nothing about HTML, CSS and JS :)
Majd900
@Majd900
Nov 11 2015 20:34
@kirah1314 Oh i just signed up today :D
Bill
@kirah1314
Nov 11 2015 20:35
@Majd900 keep it up! It's always a good idea, IMO to search online for your answers before asking
Alexander Køpke
@alexanderkopke
Nov 11 2015 20:36
even the pros google extensively when doing projects
Majd900
@Majd900
Nov 11 2015 20:36
@alexanderkopke Oh so coding is like just.. memorizing stuff, and it's total fine to look it up?
Bill
@kirah1314
Nov 11 2015 20:37
@Majd900 this way, you find resources along the way to help you learn faster and you learn to search for answers without hand-holding
Alexander Køpke
@alexanderkopke
Nov 11 2015 20:37
sure its fine to look up it up.. its impossible to remember everything
Majd900
@Majd900
Nov 11 2015 20:37
@alexanderkopke Thank god you told me this haha.
CamperBot
@camperbot
Nov 11 2015 20:37
majd900 sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:warning: majd900 already gave alexanderkopke points
Carmen Luyo
@carmenluyo
Nov 11 2015 20:38
Hi!
jpjenkins
@jpjenkins
Nov 11 2015 20:38
hi :D
hint
CamperBot
@camperbot
Nov 11 2015 20:38
:construction: Spoilers are only in the Bonfire's Custom Room :point_right:
Bill
@kirah1314
Nov 11 2015 20:39
@Majd900 FCC campers have submitted many useful resources here: http://www.freecodecamp.com/news
Majd900
@Majd900
Nov 11 2015 20:39
@kirah1314 My problem is that none of my freinds or neihbours like coding.. they don't even know what it is.. they just laugh and think that i'm stupid enough to learn something useless, well, i thought exactly the opposite.
Bill
@kirah1314
Nov 11 2015 20:40
@Majd900 oh really, where are you based in?
Majd900
@Majd900
Nov 11 2015 20:40
I currently live in Dubai, but i'm originally from Syria.
It's rare.
Alexander Køpke
@alexanderkopke
Nov 11 2015 20:41
coding is like a super power! When you've saved the world a couple of times we'll see who'll be laughing then
Bill
@kirah1314
Nov 11 2015 20:42
@Majd900 ah I see, are your friends and neighbors swimming in oil? That could explain it
Majd900
@Majd900
Nov 11 2015 20:42
@alexanderkopke Yeahh! but it's just a main problem.. you know like you have nobody who can cheer you up or just help each other
@kirah1314 XD
Bill
@kirah1314
Nov 11 2015 20:43
@Majd900 you just brought up, imo the best thing about FCC is you have a community of awesome people here
willing to spend time to help, teach, guide, point you in the right direction, etc
Majd900
@Majd900
Nov 11 2015 20:43
The only one that got me into coding is my oldest brother.. He said "You should definently go for coding, cause in the next few years, you will see the whole world depending on technologies and engines and you can get into a job extremely fast.
Alexander Køpke
@alexanderkopke
Nov 11 2015 20:43
@Majd900 I hear ya. But this is why I like this site. It has the first open really engaged coding community that I've seen.
Bill
@kirah1314
Nov 11 2015 20:44
@alexanderkopke exactly :thumbsup:
Majd900
@Majd900
Nov 11 2015 20:44
@kirah1314 Yeah i was astonished by the community here too, Good that i found this FFC
Alexander Køpke
@alexanderkopke
Nov 11 2015 20:44
your brother is right.. the world has a huge shortage of coders already...
Majd900
@Majd900
Nov 11 2015 20:44
I came here from one of the youtube comments while i was learning
Yeah i'm a teenager, and i always think of my future, i took around 2 years thinking of what i like or what i would like to learn, it's pretty hard tho
gts00k
@gts00k
Nov 11 2015 20:46
any help ?
function sumFibs(num) {

  var f = [];
  for (var i = 0; i <= num; i++) {
    f.push((i < 2) ? i : f[i-1] + f[i-2]);
  }

  var odd = function(n){
    return n % 2 !== 0;
  };

  var myOddArray = f.filter(odd);

var sum =  myOddArray.reduce(function(a,b){
return a + b;
});
return sum;
}

sumFibs(4000000);
Bill
@kirah1314
Nov 11 2015 20:46
@Majd900 you're definitely going in the right direction
Majd900
@Majd900
Nov 11 2015 20:47
I'm an obsessed gamer, that's the main problem that can lead me far away from coding, it's really hard to leave the gaming industry
And i know i'm wrong cause gaming wont make any benefit for me when i grow up.
Ima regret this :D
Carmen Luyo
@carmenluyo
Nov 11 2015 20:48
help :'(
CamperBot
@camperbot
Nov 11 2015 20:48

Hi, I'm CamperBot! I can help you in this chatroom :smile:

Basic Commands:

  • find TOPIC find all entries about topic. ex: find js
  • wiki TOPIC show contents of topic page
  • thanks @username send brownie points to another user
  • about @username shows info on that user
  • bonfire BONFIRENAME info on a bonfire

:speech_balloon: meet CamperBot in this room!

:pencil: read more about camperbot on the FCC Wiki

Bill
@kirah1314
Nov 11 2015 20:49
@Majd900 games are built by programmers so there you go, you can do both later on
@carmenluyo how can we help?
Majd900
@Majd900
Nov 11 2015 20:49
@kirah1314 Haha, far away from building a ping-pong game.
Shannon D
@sdillman
Nov 11 2015 20:50
Oh @Majd900 - part of me says "follow your passion." But you are wise beyond your years, knowing that entertainment and passion are not the same thing. If you have passion about how games work, that's one thing. Passion for playing them is another. Not a bad thing, but not one to build a life around.
Bill
@kirah1314
Nov 11 2015 20:50
@Majd900 think big then small steps to reaching there :)
Majd900
@Majd900
Nov 11 2015 20:51
@sdillman Yeah that's the problem there, I'm not passionate into how games are built.
I just play.. wasting seconds over seconds :D
Aleksander Gębicki
@Takumar
Nov 11 2015 20:52
Someone was asking what is bonfire :-) https://www.youtube.com/watch?v=e-IWRmpefzE
Majd900
@Majd900
Nov 11 2015 20:52
@kirah1314 I saw a video one time, one programming a ping-pong it took him 2 days building this game made of just 2 bricks :D, It's literally two days 48 Hours.
Alexander Køpke
@alexanderkopke
Nov 11 2015 20:52
gaming isn't necessarily bad.. it requires skills too like focus and discipline . Code a little everyday.. A little everyday is better than a lot once in a while.
Shannon D
@sdillman
Nov 11 2015 20:53
Lol - sometimes, me too @Majd900 ! Oh - earlier you said something about looking things up that you don't know. While you don't want to have to look EVERYTHING up, I can tell you that the pros do it all the time. I know many.
Majd900
@Majd900
Nov 11 2015 20:53
@sdillman Haha
Alexander Køpke
@alexanderkopke
Nov 11 2015 20:54
@Takumar :+1: :fire: :clap:
Majd900
@Majd900
Nov 11 2015 20:54
Good to hear then, cause i thought they were just knowing everything
Oh guys, what's the difference between JS and J?
Chris
@Aoxom
Nov 11 2015 20:58
@Majd900 javascript and java?
Majd900
@Majd900
Nov 11 2015 20:58
Yeah?
Chris
@Aoxom
Nov 11 2015 20:58
different languages, unrelated other than the word "java"
javascript is a front end language, run in your browser. java is backend
Aleksander Gębicki
@Takumar
Nov 11 2015 20:59
@Majd900
"J" === "JS".substr(0, 1)
Herman Fassett
@HermanFassett
Nov 11 2015 20:59
Java is to Javascript what Car is to Carpet
Majd900
@Majd900
Nov 11 2015 20:59
@HermanFassett wow
@HermanFassett @Aoxom @Takumar Thanks :D!
CamperBot
@camperbot
Nov 11 2015 20:59
majd900 sends brownie points to @hermanfassett and @aoxom and @takumar :sparkles: :thumbsup: :sparkles:
:warning: majd900 already gave takumar points
:star: 570 | @hermanfassett | http://www.freecodecamp.com/hermanfassett
:star: 231 | @aoxom | http://www.freecodecamp.com/aoxom
Herman Fassett
@HermanFassett
Nov 11 2015 20:59
;)
Majd900
@Majd900
Nov 11 2015 21:01
I'm so happy that i found FCC, cause i literally got 0 friends with coding
Chris
@Aoxom
Nov 11 2015 21:01
i got 0 friends in general!
Majd900
@Majd900
Nov 11 2015 21:01
I'll log in here everyday :D
@Aoxom haha XD
Herman Fassett
@HermanFassett
Nov 11 2015 21:02
Yeah community of FCC is very nice
Majd900
@Majd900
Nov 11 2015 21:02
But it would be even more awesome to have FFC on smartphones :D
Alexander Køpke
@alexanderkopke
Nov 11 2015 21:03
gitter is on smartphones
so you can at least chat with us xD
Majd900
@Majd900
Nov 11 2015 21:04
@alexanderkopke :package:
Insatalled gitter :D
Alexander Køpke
@alexanderkopke
Nov 11 2015 21:05
:)
anyways.. have fun.. imma hit the challenges.. :)
Majd900
@Majd900
Nov 11 2015 21:06
@alexanderkopke Haha okay :D Cyaa
Anxious Man
@Chudur1994
Nov 11 2015 21:22
I'm new here, what am i supposed to do here? "Give the text input in your form the class form-control.?
Rafael J. Rodriguez
@Rafase282
Nov 11 2015 21:22
any functional programming guru over here?
Anxious Man
@Chudur1994
Nov 11 2015 21:23
nvm sry i got it
Anxious Man
@Chudur1994
Nov 11 2015 21:33
dumb question, what's the point of bootstrap row and container-fluid?
Moroni
@moroniscow
Nov 11 2015 21:42
I am stuck. I am trying to put an image on a page, and this is the code that i have. can someone tell me what i am doing wrong?

<img src="https://bit.ly/fcc-relaxing-cat>
Lex Ander
@bluehanded
Nov 11 2015 21:43

I don't know what I did wrong <style>
.red-text {
color: red;
}
p1 { font-size: 16px;
}
p2 { font-size: 16px;
}
</style>

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

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

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

oops
did not mean to put that
Anxious Man
@Chudur1994
Nov 11 2015 21:43
@moroniscow @moroniscow i think you're missing a " after car
Moroni
@moroniscow
Nov 11 2015 21:44
thank you so much @Chudur1994
CamperBot
@camperbot
Nov 11 2015 21:44
moroniscow sends brownie points to @chudur1994 :sparkles: :thumbsup: :sparkles:
:star: 101 | @chudur1994 | http://www.freecodecamp.com/chudur1994
rhysmillin
@rhysmillin
Nov 11 2015 21:48

I'm not sure what I've done wrong here but apparently the image isn't resizing to 100px

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

<style>
.smaller_image {
width: 100px;
}
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
</style>

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

<img class= "smaller-image" 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>

Never mind, found the problem, put an underscore instead of a dash
Stephen Bolton
@skbolton
Nov 11 2015 21:56
@rhysmillin in the CSS rule you used an underscore(_) and in the html you used a dash(-)
rhysmillin
@rhysmillin
Nov 11 2015 21:56
Thank you, I got there eventually myself but thanks anyway haha!
Stephen Bolton
@skbolton
Nov 11 2015 21:57
no prob
jpjenkins
@jpjenkins
Nov 11 2015 21:59
how do I test my code for time complexity?
It's in a post on the FCC blog
'keep trying, attempt different ways of solving, lower your time complexity
is there a way to check this within fcc?
Richardbino
@Richardbino
Nov 11 2015 22:20
hi ffc world
CamperBot
@camperbot
Nov 11 2015 22:20

welcome to FreeCodeCamp @Richardbino!

Richardbino
@Richardbino
Nov 11 2015 22:21
@camperbot thx
CamperBot
@camperbot
Nov 11 2015 22:21
richardbino sends brownie points to @camperbot :sparkles: :thumbsup: :sparkles:
Jason Wood
@catapixel
Nov 11 2015 22:21
@Richardbino welcome
CamperBot
@camperbot
Nov 11 2015 22:21
:star: 547 | @camperbot | http://www.freecodecamp.com/camperbot
Jason Wood
@catapixel
Nov 11 2015 22:22
@jpjenkins you might be able to do something if you checked using setInterval but there's nothing on FCC specifically for this...
Richardbino
@Richardbino
Nov 11 2015 22:22
@catapixel thx
CamperBot
@camperbot
Nov 11 2015 22:22
richardbino sends brownie points to @catapixel :sparkles: :thumbsup: :sparkles:
:star: 573 | @catapixel | http://www.freecodecamp.com/catapixel
jpjenkins
@jpjenkins
Nov 11 2015 22:22
@camperbot good to know, thanks :)
CamperBot
@camperbot
Nov 11 2015 22:22
jpjenkins sends brownie points to @camperbot :sparkles: :thumbsup: :sparkles:
:star: 548 | @camperbot | http://www.freecodecamp.com/camperbot
Jason Wood
@catapixel
Nov 11 2015 22:23
@Richardbino Is this the first room you've entered? Most "Hello World" into the main FCC room. Just curious...
Ike Phillip Ruffin
@Blackbond007
Nov 11 2015 22:26
need a little help if someone can lend a hand?
Isaiah
@Buckhalton
Nov 11 2015 22:26
@Blackbond007 What do you need assistance with?
Richardbino
@Richardbino
Nov 11 2015 22:27
@catapixel i usually use the main ffc room but i want to use the help button this time i m stuck
Ike Phillip Ruffin
@Blackbond007
Nov 11 2015 22:27
thanks @Buckhalton , so the waypoint im on says to style an images, it says to do the following:
CamperBot
@camperbot
Nov 11 2015 22:27
blackbond007 sends brownie points to @buckhalton :sparkles: :thumbsup: :sparkles:
Ike Phillip Ruffin
@Blackbond007
Nov 11 2015 22:27

For example, if we wanted to create a CSS class called larger-image that gave HTML elements a width of 500 pixels, we'd use:

<style>

.larger-image {

width: 500px;

}

</style>

CamperBot
@camperbot
Nov 11 2015 22:27
:star: 155 | @buckhalton | http://www.freecodecamp.com/buckhalton
Ike Phillip Ruffin
@Blackbond007
Nov 11 2015 22:28

so my class for re-sizing the image is: <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;
}

.smaller-image {width: 100px;}
<img src="https://bit.ly/fcc-relaxing-cat" />

</style>

what the hell am I doing wrong? lol
Isaiah
@Buckhalton
Nov 11 2015 22:29
try to format it like this
Jason Wood
@catapixel
Nov 11 2015 22:29
@Richardbino What are you stuck on?
@Blackbond007 You need to move your image tag line <img src="https://bit.ly/fcc-relaxing-cat" /> AFTER your closing style tag </style>
Isaiah
@Buckhalton
Nov 11 2015 22:31
<style>
     .smaller-image {
         width: 100px;
 }

</style>
@Blackbond007
and yes what @catapixel is saying is correct
Ike Phillip Ruffin
@Blackbond007
Nov 11 2015 22:33
I tried that and that didn't work either
that's what I did the first time
Richardbino
@Richardbino
Nov 11 2015 22:33
@catapixel my stupidity i spent a bout 10 min trying to make id with cat-photo-form and im writing cat-photo-app :v:
@catapixel thx anyway
CamperBot
@camperbot
Nov 11 2015 22:33
richardbino sends brownie points to @catapixel :sparkles: :thumbsup: :sparkles:
Isaiah
@Buckhalton
Nov 11 2015 22:34
@Blackbond007 when you apply the class ".smaller-image" remember to remove the period
CamperBot
@camperbot
Nov 11 2015 22:34
:warning: richardbino already gave catapixel points
Jason Wood
@catapixel
Nov 11 2015 22:34
@Richardbino whoops but at least you figured it out
Ike Phillip Ruffin
@Blackbond007
Nov 11 2015 22:34
did that too!! :-(
Richardbino
@Richardbino
Nov 11 2015 22:35
@catapixel yes it have been about 2 months i didnt code and i m backing these days
Ethan Leyden
@Darksmurf
Nov 11 2015 22:36
darksmurf.github.io
my portfolio
definitly not done
Isaiah
@Buckhalton
Nov 11 2015 22:36
@Blackbond007 ah, add a space after the brace in your .smaller-image styling element
@Blackbond007 after the semicolon*
Ethan Leyden
@Darksmurf
Nov 11 2015 22:37
oops, wrong chat sorry
Mylz Lopez
@ArchedZero
Nov 11 2015 22:38
hello. can someone help me out with a problem?
Alexander Køpke
@alexanderkopke
Nov 11 2015 22:38
we can try
Mylz Lopez
@ArchedZero
Nov 11 2015 22:40
im trying to add an image with the img-responsive class but it says to make sure you have a closing angle bracket.
<a href="#"><img class="img-responsive"
src="http://bit.ly/fcc-running-cats"></a>
I think this is right.
Alexander Køpke
@alexanderkopke
Nov 11 2015 22:43
hmm I think it looks ok
Mylz Lopez
@ArchedZero
Nov 11 2015 22:43
when I try to submit the code it wont let me move on to the next lesson
Jarrett
@jbvalley
Nov 11 2015 22:44
confused
setting id wont work on this lesson
Coira Ellison
@Coira
Nov 11 2015 22:45
@ArchedZero what error you getting?
Alexander Køpke
@alexanderkopke
Nov 11 2015 22:45
ok are you sure it has to be inside <a></a>?
Jarrett
@jbvalley
Nov 11 2015 22:45
<h2 id="cat-photo-form">
Coira Ellison
@Coira
Nov 11 2015 22:46
@ArchedZero do you have a line break after "img-responsive" or is it all on one line?
Alexander Køpke
@alexanderkopke
Nov 11 2015 22:46
the first smaller image is linked but the larger one is not linked
Jarrett
@jbvalley
Nov 11 2015 22:46
cant get to next lesson
Coira Ellison
@Coira
Nov 11 2015 22:47
@jbvalley looks correct
Jarrett
@jbvalley
Nov 11 2015 22:47
yeah but when i enter it it does nothing
Coira Ellison
@Coira
Nov 11 2015 22:47
need more info
Jarrett
@jbvalley
Nov 11 2015 22:47
set the id of an element
give your form element the id of cat-photo-form
Mylz Lopez
@ArchedZero
Nov 11 2015 22:48
there was a line break @ciora was right
dumb mistake. my bad
Coira Ellison
@Coira
Nov 11 2015 22:48
@ArchedZero :)
Mylz Lopez
@ArchedZero
Nov 11 2015 22:48
thank you @Coira
CamperBot
@camperbot
Nov 11 2015 22:48
archedzero sends brownie points to @coira :sparkles: :thumbsup: :sparkles:
:star: 299 | @coira | http://www.freecodecamp.com/coira
Alexander Køpke
@alexanderkopke
Nov 11 2015 22:48
@jbvalley isn't it suppose to be inside a form?
Jarrett
@jbvalley
Nov 11 2015 22:49
and how do i do that?
Alexander Køpke
@alexanderkopke
Nov 11 2015 22:49
you have it in <h2> don't you have a <form> further down the page?
Jarrett
@jbvalley
Nov 11 2015 22:49
yup
<h2 class="red-text">CatPhotoApp</h2>
Alexander Køpke
@alexanderkopke
Nov 11 2015 22:50
ok the test first says to use it on h2 but look further down it says to put it in the <form>
s/test/text
Give your form element the id of cat-photo-form. <--- is what is says
Jarrett
@jbvalley
Nov 11 2015 22:51