These are chat archives for FreeCodeCamp/Help

6th
Jul 2017
Joseph
@revisualize
Jul 06 2017 00:00 UTC
@theclayster so ou need to change this stuff:
var a;
var b;
var c = "I am a string";
@theclayster so at the end of operation .. all your tests should pass,
@theclayster So, a little reverse engineering.
@theclayster at the end a should be 6.
@theclayster What should the value of a be before you + 1 to it?
Renan Teixeira Ferraz
@RTFerraz
Jul 06 2017 00:03 UTC
Hello there
I really need help
Joseph
@revisualize
Jul 06 2017 00:04 UTC
okay?
Renan Teixeira Ferraz
@RTFerraz
Jul 06 2017 00:04 UTC
someone here passed through the basic algorithms challenge?
Joseph
@revisualize
Jul 06 2017 00:04 UTC
I have
Renan Teixeira Ferraz
@RTFerraz
Jul 06 2017 00:05 UTC
Hi @revisualize
Joseph
@revisualize
Jul 06 2017 00:05 UTC
Hi.
Renan Teixeira Ferraz
@RTFerraz
Jul 06 2017 00:06 UTC
Did you understand the resolution when recognizing the falseys?
in the falsy bouncer challenge
Joseph
@revisualize
Jul 06 2017 00:06 UTC
What?
@RTFerraz oh. Yeah.
Renan Teixeira Ferraz
@RTFerraz
Jul 06 2017 00:07 UTC
I'm going have dinner now
Can I call you later?
Joseph
@revisualize
Jul 06 2017 00:07 UTC
No.
I may not be on later.
Renan Teixeira Ferraz
@RTFerraz
Jul 06 2017 00:08 UTC
alright
Joseph
@revisualize
Jul 06 2017 00:09 UTC
.
. ..
. .. ...
. .. ... ....
. .. ... .... .....
wtf just happened
Anyhow.
theclayster
@theclayster
Jul 06 2017 00:10 UTC
@revisualize i dont understant i changed them but nothing is happening
Joseph
@revisualize
Jul 06 2017 00:16 UTC
@theclayster Question ... In math .... x + 3 = 10 What is x?
MichaelRavid
@MichaelRavid
Jul 06 2017 00:24 UTC
Hey everyone
Is anyone having a huge issue with the Java exercise that requires you to generate a random number within a specific range?
Coy Sanders
@coymeetsworld
Jul 06 2017 00:26 UTC
Java, or javascript @MichaelRavid ?
MichaelRavid
@MichaelRavid
Jul 06 2017 00:28 UTC
Javascript
return Math.floor(Math.random() >= myMin && math.random <= myMax) + myMin;
this is what I have so far, just having some trouble
Anyone able to heelp? I feel like im making this more complicated than it needs to be
MichaelRavid
@MichaelRavid
Jul 06 2017 00:36 UTC
akes a range myMin and myMax and returns a random number that's greater than or equal to myMin, and is less than or equal to myMax, inclusive.
ilyasofficial
@ilyasofficial1617
Jul 06 2017 00:40 UTC

function pieceMoveCheck(xSelect,ySelect,xPoint,yPoint) {
if (tileCheckEmpty(xPoint,yPoint)) {
//if Point is empty
if (xSelect >= 0 && xSelect < 3 && xSelect == xPoint + 1 && ySelect = yPoint) {
// if could go to the right
pieceAdd(xPoint,yPoint,tileBoard[xSelect][ySelect]);
pieceRemove(x,y);

} else {};
if (xSelect >= 1 && xSelect <= 3 && xSelect == xPoint - 1 && ySelect = yPoint) {
  // if could go to the left
  pieceAdd(xPoint,yPoint,tileBoard[xSelect][ySelect]);
  pieceRemove(x,y);
} else {};

}
}

Coy Sanders
@coymeetsworld
Jul 06 2017 00:41 UTC
@ilyasofficial1617 what are you trying to do exactly? There's no context to this code
ilyasofficial
@ilyasofficial1617
Jul 06 2017 00:42 UTC
@coymeetsworld i forgot to press shift + enter

need help

code :
function pieceMoveCheck(xSelect,ySelect,xPoint,yPoint) {
if (tileCheckEmpty(xPoint,yPoint)) {
//if Point is empty
if (xSelect >= 0 && xSelect < 3 && xSelect == xPoint + 1 && ySelect = yPoint) {
// if could go to the right
pieceAdd(xPoint,yPoint,tileBoard[xSelect][ySelect]);
pieceRemove(x,y);

} else {};
if (xSelect >= 1 && xSelect <= 3 && xSelect == xPoint - 1 && ySelect = yPoint) {
  // if could go to the left
  pieceAdd(xPoint,yPoint,tileBoard[xSelect][ySelect]);
  pieceRemove(x,y);
} else {};

}
}

return : ReferenceError: Invalid left-hand side in assignment

return error below // if point is empty
Renan Teixeira Ferraz
@RTFerraz
Jul 06 2017 00:45 UTC
Need help here too
in falsy bouncer challenge
Coy Sanders
@coymeetsworld
Jul 06 2017 00:46 UTC
@ilyasofficial1617 you're using an assignment operator instead of an equality operator in your if statements, check them again carefully
ilyasofficial
@ilyasofficial1617
Jul 06 2017 00:51 UTC
@coymeetsworld thanks :)
CamperBot
@camperbot
Jul 06 2017 00:51 UTC
ilyasofficial1617 sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2939 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Jul 06 2017 00:53 UTC
np
Renan Teixeira Ferraz
@RTFerraz
Jul 06 2017 00:54 UTC

function bouncer(arr) {
function falsify(item){
return item != false;
}
return arr.filter(falsify);
}

bouncer([1, null, NaN, 2, undefined]);

Kyle Holm
@thekholm80
Jul 06 2017 01:01 UTC
@coymeetsworld think i'm going to have to use mocha for my back end
Manish Giri
@Manish-Giri
Jul 06 2017 01:03 UTC
@thekholm80 hav you used create-react-app before?
Kyle Holm
@thekholm80
Jul 06 2017 01:03 UTC
i have
installed it, used it once then uninstalled it
Manish Giri
@Manish-Giri
Jul 06 2017 01:04 UTC
does it generate components automatically?
Kyle Holm
@thekholm80
Jul 06 2017 01:04 UTC
at least one, if i remember right
Rafael dos Santos Silveira
@rafassilveira
Jul 06 2017 01:04 UTC
Hey Guys, Someone can help me,please?
I'm trying putting the social icons side by side, but i can't.
somebody have any idea?
https://codepen.io/rafaxcorex/full/mwpgEe/
Coy Sanders
@coymeetsworld
Jul 06 2017 01:06 UTC
@thekholm80 how come?
Joseph
@revisualize
Jul 06 2017 01:07 UTC
@rafassilveira is anything showing up in your dev console?
Kyle Holm
@thekholm80
Jul 06 2017 01:07 UTC
@coymeetsworld lack of documentation
perhaps once i learn how to do it in mocha i can apply that to jest
Coy Sanders
@coymeetsworld
Jul 06 2017 01:08 UTC
lack of documentation for what though?
Kyle Holm
@thekholm80
Jul 06 2017 01:08 UTC
testing apis in jest
Coy Sanders
@coymeetsworld
Jul 06 2017 01:08 UTC
is it an async issue? They have documentation for that
none of my projects have backend yet, so idk maybe that is an issue. It does say though Jest is used to test all of FB code, while it specifies even React components I figure it must include backend code as well
Kyle Holm
@thekholm80
Jul 06 2017 01:09 UTC
i think i need outside libraries to handle a lot of the tasks, like i had to add react-test-renderer for my react components
Joseph
@revisualize
Jul 06 2017 01:09 UTC
@rafassilveira All of the errors to fix your issue are in the Dev Console.
@rafassilveira at least they are in mine and I'm using Chrome.
Rafael dos Santos Silveira
@rafassilveira
Jul 06 2017 01:10 UTC
Ok thkx @revisualize
Nefton
@neftonjin
Jul 06 2017 01:17 UTC
hi can someone explain me the difference beteween += and =+ in javascript
Kyle Holm
@thekholm80
Jul 06 2017 01:19 UTC
+= increments and assigns in one go
so
var a = 1;
a += 2;
console.log(a); // 3
Momozor
@momozor
Jul 06 2017 01:23 UTC
I think =+ cast string to number, maybe?
Kyle Holm
@thekholm80
Jul 06 2017 01:24 UTC
i can't find anything about it, but i'm not really searching too hard
Manish Giri
@Manish-Giri
Jul 06 2017 01:24 UTC
yes + casts to number
Momozor
@momozor
Jul 06 2017 01:24 UTC
var b = "90";
console.log(b); // '90'

b =+ 90;
console.log(b) // 90
Manish Giri
@Manish-Giri
Jul 06 2017 01:24 UTC
same as parseInt
nicmuniz
@nicmuniz
Jul 06 2017 01:25 UTC
can anyone help with lesson 80
__mifflin__
@cdrainxv
Jul 06 2017 01:26 UTC
Yes… the answer is 42.
Kyle Holm
@thekholm80
Jul 06 2017 01:26 UTC
lol
theclayster
@theclayster
Jul 06 2017 01:28 UTC
um fucking lost smh sorry for my french
luccifer00
@luccifer00
Jul 06 2017 01:29 UTC
hi!! someone knows about Skycons icons?? seems to be easy, but i can not figure out how to use it correctly
Coy Sanders
@coymeetsworld
Jul 06 2017 01:30 UTC
nice @thekholm80
Kyle Holm
@thekholm80
Jul 06 2017 01:30 UTC
Eric Elliott is all about TDD, seems weird writing the tests first
Coy Sanders
@coymeetsworld
Jul 06 2017 01:31 UTC
its nice to have
you finish the tests and your code should pass more tests as you write more of it
Kyle Holm
@thekholm80
Jul 06 2017 01:31 UTC
sure gives you some goal posts to aim at
Coy Sanders
@coymeetsworld
Jul 06 2017 01:31 UTC
I want to start doing it more, but you need to plan your code quite a bit to do that
Jonathan Cunanan
@jcunanan05
Jul 06 2017 01:34 UTC
hello just finished the falsy bouncer exercise, did you use includes? or includes() is in es6?
function bouncer(arr) {
  var falsyArray = ["",0, -0, NaN, null, undefined, false];
  // Don't show a false ID to this bouncer.
  return arr.filter(function (val) {
    if ( !falsyArray.includes(val)) {
      return val;
    }
  });
}
Manish Giri
@Manish-Giri
Jul 06 2017 01:38 UTC
return arr.filter(val => val);
try that
@jcunanan05
Jonathan Cunanan
@jcunanan05
Jul 06 2017 01:40 UTC
ohh that's the es6 way @Manish-Giri ok thanks
CamperBot
@camperbot
Jul 06 2017 01:40 UTC
jcunanan05 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 6197 | @manish-giri |http://www.freecodecamp.com/manish-giri
__mifflin__
@cdrainxv
Jul 06 2017 01:40 UTC
Try it without the semicolon as well. Semicolons will not save you. :smile:
theclayster
@theclayster
Jul 06 2017 01:41 UTC
im so lost, this thing is telling me to define an add a value to my variables but nothing im trying is working, and i did what they told me to do in the previous lesson, ive been stuck on this for about 2 hours
var a;
var b;
var c;
var a = 6
var b = 15
var c = "i am a string"
Kyle Holm
@thekholm80
Jul 06 2017 01:41 UTC
image.png
@coymeetsworld lost my 100%
Manish Giri
@Manish-Giri
Jul 06 2017 01:42 UTC
@theclayster a should be 6 AFTER the set of operations below
Jonathan Cunanan
@jcunanan05
Jul 06 2017 01:43 UTC
@cdrainxv haha the freecodecamp editor squacks when i don't include semicolon :))
Manish Giri
@Manish-Giri
Jul 06 2017 01:43 UTC
so like AFTER a = a + 1
same for the rest
@theclayster
__mifflin__
@cdrainxv
Jul 06 2017 01:43 UTC

@theclayster: Here:

var a;
var b;
var c;

a, b, and c have been declared but not assigned, whereas here:

var a = 6
var b = 15
var c = "i am a string"

You have declared them again and then assigned it. You only need to declare once.

theclayster
@theclayster
Jul 06 2017 01:43 UTC
i tried that
Jean Paul Nicola
@JeanAsUsername
Jul 06 2017 01:43 UTC
Hi ;))))
theclayster
@theclayster
Jul 06 2017 01:43 UTC
lemme see if it works
Coy Sanders
@coymeetsworld
Jul 06 2017 01:44 UTC
fix it @thekholm80 :)
Brisket1
@Brisket1
Jul 06 2017 01:44 UTC

I'm doing the golf challenge and have no clue what I'm missing. Could someone help?function golfScore(par, strokes) {
// Only change code below this line
if (strokes==1) {
return "Hole-in one!";
}

else if (strokes<=par-2) {
return "Eagle";
}
else if (strokes==par-1) {
return "Birdy";
}
else if (strokes==par) {
return "Par";
}
else if (strokes==par+1) {
return "Bogey";
}
else if (strokes==par+2) {
return "Double Bogey";
}
else {
return "Go Home!";
}
return "Change Me";
// Only change code above this line
}

// Change these values to test
golfScore(5, 4);

sorry for the blast
theclayster
@theclayster
Jul 06 2017 01:45 UTC
its still not working @cdrainxv
__mifflin__
@cdrainxv
Jul 06 2017 01:45 UTC
@Brisket1: Are you sure it’s not Hole-in-one!;
Joseph
@revisualize
Jul 06 2017 01:46 UTC
@Brisket1 Strings need to be exact in the challenges.
@Brisket1 As @cdrainxv stated you're missin a -
Brisket1
@Brisket1
Jul 06 2017 01:46 UTC
@revisualize Thanks Very Much my logic was good but my typos got me
CamperBot
@camperbot
Jul 06 2017 01:46 UTC
brisket1 sends brownie points to @revisualize :sparkles: :thumbsup: :sparkles:
:star2: 4313 | @revisualize |http://www.freecodecamp.com/revisualize
Brisket1
@Brisket1
Jul 06 2017 01:47 UTC
I also spelled Birdie as "Birdy" lol
Joseph
@revisualize
Jul 06 2017 01:47 UTC
@cdrainxv thanks
CamperBot
@camperbot
Jul 06 2017 01:47 UTC
revisualize sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 2752 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
__mifflin__
@cdrainxv
Jul 06 2017 01:48 UTC
@theclayster: How may times do you have the keyword var? You should only have 3. You only have 3 variables… so you only need to declare 3 variables with the var keyword.
theclayster
@theclayster
Jul 06 2017 01:49 UTC
i only have 3
im going to post it again so you can see
Steven Nyeo
@limpingstone
Jul 06 2017 01:49 UTC
Do I learn the Sass challenge stuff somewhere else?
theclayster
@theclayster
Jul 06 2017 01:49 UTC

// Initialize these three variables
var a = 6;
var b = 15;
var c = "i am a string";

// Do not change code below this line

a = a + 1
b = b + 5
c = c + "String!"

Manish Giri
@Manish-Giri
Jul 06 2017 01:51 UTC
did you read what I said earlier?
@theclayster
Joseph
@revisualize
Jul 06 2017 01:52 UTC
@theclayster 6 + 1 is 7
theclayster
@theclayster
Jul 06 2017 01:52 UTC
yea but it says dont change anything below that line @Manish-Giri
Joseph
@revisualize
Jul 06 2017 01:52 UTC
15 + 5 is 20
Manish Giri
@Manish-Giri
Jul 06 2017 01:52 UTC
@theclayster a should be 6 AFTER the set of operations below
so like AFTER a = a + 1
same for the rest
so change it BEFORE
that's what I'm telling you
__mifflin__
@cdrainxv
Jul 06 2017 01:52 UTC

As per :

c should not contain undefined and should have a value of "I am a String!"

Joseph
@revisualize
Jul 06 2017 01:52 UTC
@theclayster "i am a string" + " String!" is "i am a string String!"
@theclayster I tried helping you with all of this but you left
theclayster
@theclayster
Jul 06 2017 01:54 UTC
yea i had to drive home my bad.. @revisualize
Joseph
@revisualize
Jul 06 2017 01:54 UTC
@theclayster It's all good.
theclayster
@theclayster
Jul 06 2017 01:54 UTC
but im kinda getting frustrated and nothing is working
Joseph
@revisualize
Jul 06 2017 01:54 UTC
@theclayster Look. Javascript works top down.

@theclayster

var x = 7;
x = x + 3;

What is the value of x after the code is ran?

theclayster
@theclayster
Jul 06 2017 01:56 UTC
10
Joseph
@revisualize
Jul 06 2017 01:56 UTC
ok

@theclayster

var a = 6;
a = a + 1;

What is the value of a after the code is ran?

theclayster
@theclayster
Jul 06 2017 01:57 UTC
7
Joseph
@revisualize
Jul 06 2017 01:57 UTC
@theclayster what should it be?
theclayster
@theclayster
Jul 06 2017 01:58 UTC
6
Joseph
@revisualize
Jul 06 2017 01:58 UTC
How do you fix that?
theclayster
@theclayster
Jul 06 2017 01:58 UTC
ok i fixed that, now the string is the only thing that is still unidentified
Joseph
@revisualize
Jul 06 2017 01:59 UTC
@theclayster I think you should read what @cdrainxv & @Manish-Giri posted earlier.
@theclayster or ask them to repost it.
revisualize @revisualize realizes how hard it is to type with one hand.
Joseph
@revisualize
Jul 06 2017 02:03 UTC
@theclayster still here?
theclayster
@theclayster
Jul 06 2017 02:03 UTC
yea
Joseph
@revisualize
Jul 06 2017 02:04 UTC
Ok.
theclayster
@theclayster
Jul 06 2017 02:04 UTC
im trying to figure this out, i feel like a dumbss
Joseph
@revisualize
Jul 06 2017 02:04 UTC
Let's work though this
Kyle Holm
@thekholm80
Jul 06 2017 02:05 UTC

lol

--notify
Activates notifications for test results. Good for when you don't want your consciousness to be able to focus on anything except JavaScript testing.

Joseph
@revisualize
Jul 06 2017 02:05 UTC

@theclayster

var str = "Hello";
str = str + " World!";

What is the value of str after code is ran?

theclayster
@theclayster
Jul 06 2017 02:05 UTC
hello world
Joseph
@revisualize
Jul 06 2017 02:06 UTC
@theclayster no.
Jonathan Cunanan
@jcunanan05
Jul 06 2017 02:06 UTC
hello i finshed the seek and destroy. i might have code longer. any ways on how to improve how i code?
function destroyer(args){
  args = (arguments.length === 1 ? [arguments[0]] : Array.apply(null, arguments));
  var destroyerArray = [];
  for (var i = 1; i < args.length; i++) {
    destroyerArray.push(args[i]);
  }

  return args[0].filter(function(element) {
    if ( !destroyerArray.includes(element)) {
     return element; 
    }
  });
}
theclayster
@theclayster
Jul 06 2017 02:06 UTC
hold on i think i figured it out
Joseph
@revisualize
Jul 06 2017 02:06 UTC
@theclayster be exact.
theclayster
@theclayster
Jul 06 2017 02:06 UTC
hello world!
Joseph
@revisualize
Jul 06 2017 02:06 UTC
@theclayster No
@theclayster Be exact... Caps matter.
theclayster
@theclayster
Jul 06 2017 02:07 UTC
Hello World!
Joseph
@revisualize
Jul 06 2017 02:07 UTC
@theclayster ok

@theclayster

var str = "I am a little";
str = str + " Teapot!";

What is the value of str after code is ran?

theclayster
@theclayster
Jul 06 2017 02:08 UTC
I am a litte Teapot!
Joseph
@revisualize
Jul 06 2017 02:08 UTC
great
theclayster
@theclayster
Jul 06 2017 02:08 UTC
i need to figure out how to do it for my string here

var a = 5;
var b = 10;
var str = "I am a String!";

// Do not change code below this line

a = a + 1;
b = b + 5;
c = c + " String!";

Joseph
@revisualize
Jul 06 2017 02:09 UTC

@theclayster

var str = "I am a little Teapot!";
str = str + " Teapot!";

What is the value of str after code is ran?

theclayster
@theclayster
Jul 06 2017 02:09 UTC
I am a little Teapot! Teapot!
Joseph
@revisualize
Jul 06 2017 02:10 UTC
@theclayster Look at your code and maybe you can see what is wrong.
@theclayster what should c be vs what it is.
theclayster
@theclayster
Jul 06 2017 02:10 UTC
i just changed that and it didnt do anything
@revisualize
Joseph
@revisualize
Jul 06 2017 02:10 UTC
@theclayster show
theclayster
@theclayster
Jul 06 2017 02:11 UTC

var a = 5;
var b = 10;
var c = "I am a String!";

// Do not change code below this line

a = a + 1;
b = b + 5;
c = c + " String!";

Joseph
@revisualize
Jul 06 2017 02:11 UTC
@theclayster What is c after the code is ran?
theclayster
@theclayster
Jul 06 2017 02:11 UTC
I am a String! String!
Joseph
@revisualize
Jul 06 2017 02:12 UTC
What should it be?
theclayster
@theclayster
Jul 06 2017 02:12 UTC
I am a String!
Joseph
@revisualize
Jul 06 2017 02:12 UTC
How do you fix it?
theclayster
@theclayster
Jul 06 2017 02:12 UTC
finally smh
i changed it to I am A
that took me way longer than it should have mann
thanks @revisualize
CamperBot
@camperbot
Jul 06 2017 02:13 UTC
theclayster sends brownie points to @revisualize :sparkles: :thumbsup: :sparkles:
:star2: 4314 | @revisualize |http://www.freecodecamp.com/revisualize
pacbac
@pacbac
Jul 06 2017 02:14 UTC
Hi I'm working on the Tic Tac Toe game and for some reason, after you click on "1 player" and then select "O" as the letter you want to play as, the letters will not show up on the board. However, if you click on "X" instead, the letters will show up fine. I've looked through my code many times now and can't figure out why it happens. Something's going on in the symbolSelect() and OnePGame() methods, I believe. Can anyone help?
Joseph
@revisualize
Jul 06 2017 02:18 UTC
@theclayster hopefully you learned a lot.
theclayster
@theclayster
Jul 06 2017 02:22 UTC
definitely @revisualize
Janelle deMent
@janelledement
Jul 06 2017 02:26 UTC

Hey guys, can anyone tell me what's wrong with my for loop? I'm trying to change the first letter of each word in a string to capitalized letter.function titleCase(str) {
var array = str.toLowerCase().split(' ');
var capstr;

for (var i = 0; i <= array.length; i++) {
capstr += array[i].replace(/./, array[i].charAt(0).toUpperCase());

}

return capstr;
}

titleCase("I'm a little tea pot");

Coy Sanders
@coymeetsworld
Jul 06 2017 02:27 UTC
@janelledement don't think you need a regex for that challenge
also looks like you're replacing any character with the capitalized letter of the first word? If im reading that correctly
oh maybe regex does hit just the first letter with . because its not global, hmm
but you still need to downcase the rest of the string, also the for loop has an issue, you're going to get an out of bounds issue
Janelle deMent
@janelledement
Jul 06 2017 02:33 UTC
@coymeetsworld thank you for all the feedback. What is an out of bounds issue?
CamperBot
@camperbot
Jul 06 2017 02:33 UTC
janelledement sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2940 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Jul 06 2017 02:34 UTC
well ok maybe not out of bounds, thats in other languages.
but your for loop is checking one too many elements
Janelle deMent
@janelledement
Jul 06 2017 02:34 UTC
@camperbot I know the issue is the for loop because I tested w/o the loop: array[0].replace(/./, array[0].charAt(0).toUpperCase());
Coy Sanders
@coymeetsworld
Jul 06 2017 02:35 UTC
you don't need to use replace though, you can concatenate the upper cased letter, and the rest of the word together, after you lower case it
but if it works then thats fine I guess
Janelle deMent
@janelledement
Jul 06 2017 02:39 UTC
@coymeetsworld that's an interesting point. either way I need a four loop though and I can't figure out what I'm doing wrong with it.
Claudio Restifo
@Marmiz
Jul 06 2017 02:40 UTC

@janelledement

<= array.length

You are looping 1 time more. less or equal to

@janelledement example:

let n = 5
let arr = []
for (var  i = 0; i <= n; i++) {
   arr.push(i)
}
// arr = [ 0, 1, 2, 3, 4, 5 ]
let n = 5
let arr = []
for (var  i = 0; i < n; i++) {
   arr.push(i)
}
// arr = [ 0, 1, 2, 3, 4 ]

You see the difference?

Coy Sanders
@coymeetsworld
Jul 06 2017 02:46 UTC
:point_up: arrays are zero-indexed @janelledement .
which means you want to check index starting at 0 (which you do with var i = 0)
but end one before the length of the array.
nicmuniz
@nicmuniz
Jul 06 2017 02:55 UTC
can anyone let me know what im missing here?
<input typle="text" class="form-control" placeholder="cat photo URL" required>
<button class="btn btn-primary" type="submit"><i class="fa fa-paper-plane"></i>Submit</button>
</form>
</div>
Eric Miller
@ericmiller777
Jul 06 2017 02:55 UTC
hello
that i
or no
hmm
Kyle Holm
@thekholm80
Jul 06 2017 02:57 UTC
@nicmuniz <input typle="text"
Eric Miller
@ericmiller777
Jul 06 2017 02:57 UTC
@nicmuniz which one is that
Kyle Holm
@thekholm80
Jul 06 2017 02:57 UTC
what's a typle?
Eric Miller
@ericmiller777
Jul 06 2017 02:57 UTC
there we go
nicmuniz
@nicmuniz
Jul 06 2017 02:57 UTC
thanks @thekholm80
CamperBot
@camperbot
Jul 06 2017 02:57 UTC
nicmuniz sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1285 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Eric Miller
@ericmiller777
Jul 06 2017 02:57 UTC
hey guys
im trying to make my portfolio page smooth scroll
I found a script thats supposed to work
but it doesnt
Kyle Holm
@thekholm80
Jul 06 2017 02:58 UTC
that's the trouble with trying to use other people's code
Eric Miller
@ericmiller777
Jul 06 2017 02:58 UTC
yea
just seems like it should, only thing i can think of is my buttons dont count as anchors tho im useing anchors with button types....
Kyle Holm
@thekholm80
Jul 06 2017 03:00 UTC
if you're going to use jquery you need to link the library into your project
settings => javascript => quick add => jquery
Eric Miller
@ericmiller777
Jul 06 2017 03:00 UTC
i see
@thekholm80 thanks
CamperBot
@camperbot
Jul 06 2017 03:01 UTC
ericmiller777 sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1286 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Kyle Holm
@thekholm80
Jul 06 2017 03:01 UTC
doesn't look like it made it scroll any different, but it clears up the errors in the console
oh, wait yeah it does work now
Eric Miller
@ericmiller777
Jul 06 2017 03:03 UTC
yea it works thanks
Kyle Holm
@thekholm80
Jul 06 2017 03:03 UTC
np
Eric Miller
@ericmiller777
Jul 06 2017 03:03 UTC
weirder problem happens now
why does one image go on top of my nav bar lol
the left one
but it has no position tag lol
Klar-t
@Klar-t
Jul 06 2017 03:09 UTC
706.png
hi who can help me ? why cannot find common-header.html ,I have an it,
GRIMROOT
@GRIMROOT
Jul 06 2017 03:11 UTC
well i might have wasted time trying to scale my how page to 1080p but im trying to figure out how to get it to scale any device.. PLEASE HELP!!!!!!
Klar-t
@Klar-t
Jul 06 2017 03:11 UTC
7061.png
Kyle Holm
@thekholm80
Jul 06 2017 03:12 UTC
@Klar-t you might have better luck asking your question here: https://gitter.im/FreeCodeCamp/HelpBackEnd
Klar-t
@Klar-t
Jul 06 2017 03:13 UTC
ok thanks
GRIMROOT
@GRIMROOT
Jul 06 2017 03:14 UTC
well i might have wasted time trying to scale my how page to 1080p but im trying to figure out how to get it to scale any device.. PLEASE HELP!!!!!!
Kyle Holm
@thekholm80
Jul 06 2017 03:15 UTC
@GRIMROOT are you using bootstrap?
GRIMROOT
@GRIMROOT
Jul 06 2017 03:16 UTC
no just html and css
im really bad at bootstrap
Kyle Holm
@thekholm80
Jul 06 2017 03:16 UTC
then i'd look into learning flexbox and media queries
Eric Miller
@ericmiller777
Jul 06 2017 03:16 UTC
z-index:1; fixed my problem
Kyle Holm
@thekholm80
Jul 06 2017 03:16 UTC
responsive design is awesome and definitely worth learning
GRIMROOT
@GRIMROOT
Jul 06 2017 03:17 UTC
i will
Kyle Holm
@thekholm80
Jul 06 2017 03:17 UTC
you can go a long way with just flexbox
flexboxfroggy.com
Claudio Restifo
@Marmiz
Jul 06 2017 03:23 UTC
@thekholm80 @GRIMROOT or I just published a tutorial on flexbox layout :)
here
Shameless self promotion :P
Kyle Holm
@thekholm80
Jul 06 2017 03:24 UTC
brb reporting you to admins
incoming ban
Claudio Restifo
@Marmiz
Jul 06 2017 03:24 UTC
Already doing myself ;)
Kyle Holm
@thekholm80
Jul 06 2017 03:24 UTC
lol
your pic cracks me up
Claudio Restifo
@Marmiz
Jul 06 2017 03:26 UTC
:wavy_dash: ?
Kyle Holm
@thekholm80
Jul 06 2017 03:27 UTC
yeah
Claudio Restifo
@Marmiz
Jul 06 2017 03:27 UTC
I aplly to jobs with this picture
:D
Kyle Holm
@thekholm80
Jul 06 2017 03:27 UTC
does it help?
Claudio Restifo
@Marmiz
Jul 06 2017 03:27 UTC
Help me, yes. At least I know I only get back from places where I'll be happy and confortable... because they are chilled.
( I already have a job, so i'm not in need to find one asap)
and not some boring "old school" office job
Kyle Holm
@thekholm80
Jul 06 2017 03:28 UTC
that's actually pretty clever
Claudio Restifo
@Marmiz
Jul 06 2017 03:29 UTC
plus in general you have like 3 second to attract the attention of the recruiter (that's the average they look onto your resume at start) so better have something that attract attention in a safe and reasonable way
Kyle Holm
@thekholm80
Jul 06 2017 03:29 UTC
that's why i attach an amazon gift card to my resumes
it takes at least 10 sec to get all the staples out
iduvancho303
@iduvancho303
Jul 06 2017 03:40 UTC
Tu gato es gordo ?
LOL
Kyle Holm
@thekholm80
Jul 06 2017 03:40 UTC
mucho gordo
muy lol oops
iduvancho303
@iduvancho303
Jul 06 2017 03:40 UTC
muy' niceeeeeee
looks like you spend all day here LOL
Kyle Holm
@thekholm80
Jul 06 2017 03:41 UTC
well, i have chat open while i do other things
trying to learn unit testing right now
iduvancho303
@iduvancho303
Jul 06 2017 03:41 UTC
pffff....I am just in challenge 35 right know :cry:
Im just IT guy for a public school...trying to quit college and get into coding :(
Kyle Holm
@thekholm80
Jul 06 2017 03:44 UTC
i'd rather write code than just about anything else
iduvancho303
@iduvancho303
Jul 06 2017 03:45 UTC
is that what you do for living ?
Kyle Holm
@thekholm80
Jul 06 2017 03:46 UTC
nah, i wish
maybe some day
Ene Catalin
@EneCatalin
Jul 06 2017 03:46 UTC
and by that he means soon
keep it up mate
6 months-1 year should be more than enough as a junior
Manish Giri
@Manish-Giri
Jul 06 2017 03:46 UTC
x
look at that
iduvancho303
@iduvancho303
Jul 06 2017 03:47 UTC
of course...never say never....if you dream it, you can do it :)
Ene Catalin
@EneCatalin
Jul 06 2017 03:48 UTC
no, seriously, he's already decent at the front end
and getting hired as a junior is not THAT hard
iduvancho303
@iduvancho303
Jul 06 2017 03:48 UTC
at least he has more experience....I am new to this...but I am trying
Manish Giri
@Manish-Giri
Jul 06 2017 03:48 UTC
and that
x
someday
Joseph
@revisualize
Jul 06 2017 03:48 UTC
/collapse-all
not working!
iduvancho303
@iduvancho303
Jul 06 2017 03:49 UTC
not to bad...my dream car is a BMW M3 thats all I want very simple....
Joseph
@revisualize
Jul 06 2017 03:49 UTC
Grrrrr
Pravin Mache
@pravinmache
Jul 06 2017 03:49 UTC
Please check my wikipedia Viewer https://codepen.io/pravinmache/pen/yXKJjO
Manish Giri
@Manish-Giri
Jul 06 2017 03:49 UTC
m3 is also a nice one
but doesn't have the strength of a Lamgo
iduvancho303
@iduvancho303
Jul 06 2017 03:50 UTC
@EneCatalin problem with me is the language also.... plus I dont know other people here in my city
Ene Catalin
@EneCatalin
Jul 06 2017 03:50 UTC
what about the language ?
Kyle Holm
@thekholm80
Jul 06 2017 03:50 UTC
i want this:
kyle's dream car
Ene Catalin
@EneCatalin
Jul 06 2017 03:50 UTC
btw install brackets/atom/webstorm
iduvancho303
@iduvancho303
Jul 06 2017 03:50 UTC
@Manish-Giri I dont care about the power....I prefer elegance....
Manish Giri
@Manish-Giri
Jul 06 2017 03:51 UTC
Porsche?
Kyle Holm
@thekholm80
Jul 06 2017 03:51 UTC
@pravinmache looks good
@Manish-Giri yeah, a 911 gt2 rs
only $300k, so maybe i'll get 2
iduvancho303
@iduvancho303
Jul 06 2017 03:51 UTC
@EneCatalin when I hace questions regarding coding...is a little bit hard to ask for help...because english is my second lenguage
Manish Giri
@Manish-Giri
Jul 06 2017 03:52 UTC
@iduvancho303 if you want elegance, go for a Jaguar, or a Merc or an Aston Martin
in that order
@thekholm80 one for me
pretty pls
Ene Catalin
@EneCatalin
Jul 06 2017 03:52 UTC
it's also my second language
and a bunch of other peoples
iduvancho303
@iduvancho303
Jul 06 2017 03:53 UTC
nahh I dont want to spend that much money guys....I'll take a Mazda Rx8 or Nissan 350Z thats it
Manish Giri
@Manish-Giri
Jul 06 2017 03:53 UTC
what's ostrich's first lang
Ene Catalin
@EneCatalin
Jul 06 2017 03:53 UTC
latin ofc :D
but seriously romanian is the only other lang I know
tried to learn french-> fail, german -> fail
Kyle Holm
@thekholm80
Jul 06 2017 03:54 UTC
I can swear in a lot of languages
Ene Catalin
@EneCatalin
Jul 06 2017 03:54 UTC
(by tried I mean it was shoved down my throat)
Manish Giri
@Manish-Giri
Jul 06 2017 03:55 UTC
I should visit Romania someday
Ene Catalin
@EneCatalin
Jul 06 2017 03:55 UTC
why ?
Kyle Holm
@thekholm80
Jul 06 2017 03:55 UTC
@Manish-Giri ooh if i buy that porsche it comes with a free watch! it would be dumb not to buy it
Manish Giri
@Manish-Giri
Jul 06 2017 03:55 UTC
lol
iduvancho303
@iduvancho303
Jul 06 2017 03:55 UTC
iwatch at least?
Kyle Holm
@thekholm80
Jul 06 2017 03:55 UTC
pfft no a good watch
iduvancho303
@iduvancho303
Jul 06 2017 03:56 UTC
I heard Romanian ladys are cute ...is that true ?
Rolex ?
Manish Giri
@Manish-Giri
Jul 06 2017 03:56 UTC
Rolex
iduvancho303
@iduvancho303
Jul 06 2017 03:57 UTC
for that price you better get some free stuff.....some stickers for the laptop....etc
Kyle Holm
@thekholm80
Jul 06 2017 03:57 UTC
stickers on my laptop? i'd never!
next you'll tell me to put stickers on my car
madness
Manish Giri
@Manish-Giri
Jul 06 2017 03:57 UTC
what car do you have
Kyle Holm
@thekholm80
Jul 06 2017 03:58 UTC
a white one
Ene Catalin
@EneCatalin
Jul 06 2017 03:58 UTC
@iduvancho303 probs
Kyle Holm
@thekholm80
Jul 06 2017 03:58 UTC
toyota camry
iduvancho303
@iduvancho303
Jul 06 2017 03:58 UTC
a white porshe ?
Manish Giri
@Manish-Giri
Jul 06 2017 03:58 UTC
x
Kyle Holm
@thekholm80
Jul 06 2017 03:58 UTC
you sure you don't want a bugatti veyron?
iduvancho303
@iduvancho303
Jul 06 2017 03:58 UTC
Honda Accord v6 3.0L
not enough money to afford gas...
you will spend half of tank just to go to walmart....
@EneCatalin what did you mean by getting hire as a junior ?
Ene Catalin
@EneCatalin
Jul 06 2017 04:02 UTC
as in getting hired as a junior developer
as a scrub
Manish Giri
@Manish-Giri
Jul 06 2017 04:02 UTC
I need a bigger monitor
iduvancho303
@iduvancho303
Jul 06 2017 04:03 UTC
Can you actually get hired just with a little knowledge of coding ?
Ene Catalin
@EneCatalin
Jul 06 2017 04:03 UTC
sure
if you can bullshit well enough
but you'd have to be too good at bullshitting people in general, that's rare
(then you get fired :D )
Kyle Holm
@thekholm80
Jul 06 2017 04:04 UTC
This message was deleted
Manish Giri
@Manish-Giri
Jul 06 2017 04:04 UTC
but you'd have to be too good at bullshitting people in general, that's rare
I know one such guy
was a PhD at my school
Ene Catalin
@EneCatalin
Jul 06 2017 04:04 UTC
I mean it is true, presidents must get party support
Manish Giri
@Manish-Giri
Jul 06 2017 04:04 UTC
now he's an assistant prof at some univ in NC
iduvancho303
@iduvancho303
Jul 06 2017 04:04 UTC
LOL @EneCatalin around how much time it can take to get good at coding ?
Ene Catalin
@EneCatalin
Jul 06 2017 04:04 UTC
or business support
or massive redneck support :D
Manish Giri
@Manish-Giri
Jul 06 2017 04:05 UTC
but can't write a single line of code
Ene Catalin
@EneCatalin
Jul 06 2017 04:05 UTC
no more than 10 years, relax
actually you said good, 15 should suffice
@Manish-Giri that guy is an artist
he finds bugs in people and exploits them
iduvancho303
@iduvancho303
Jul 06 2017 04:06 UTC
can I make it happen under 5 years? at least to get A JUNIOR JOB ETC...
Ene Catalin
@EneCatalin
Jul 06 2017 04:06 UTC
you can do it in 1
not 5
you're not expected to be good, or decent
some firms hire anything above trash hoping to train them on the job. It's why I have hope of getting hired in 1-2 years
Manish Giri
@Manish-Giri
Jul 06 2017 04:07 UTC
maybe one day @thekholm80 will hire me
hopefully in his startup
Kyle Holm
@thekholm80
Jul 06 2017 04:08 UTC
you want to teach homeless people to code?
iduvancho303
@iduvancho303
Jul 06 2017 04:08 UTC
well one of my ex coworkers quit her job "teacher" and went to a boot camp for 11 months and got a job making 50k starting...
Kyle Holm
@thekholm80
Jul 06 2017 04:09 UTC
'cause that's the only startup idea i have
Ene Catalin
@EneCatalin
Jul 06 2017 04:09 UTC
just make a security firm
install malwarebites and free avast
charge cash for it
like, not much, but retards should feel much more "protected" with a firm taking care of it
ask manishs friend how to market it to them
iduvancho303
@iduvancho303
Jul 06 2017 04:10 UTC
I just want my moneeyy I want Benjamins $100 if I want that BMW M# better make it happen
Ene Catalin
@EneCatalin
Jul 06 2017 04:10 UTC
this (scam) would probs work, kinda
georgebatton
@georgebatton
Jul 06 2017 04:12 UTC
Is there a link someone can post to a program where I can write javascript and create games?
Ene Catalin
@EneCatalin
Jul 06 2017 04:12 UTC
you mean C#
just check out unity
iduvancho303
@iduvancho303
Jul 06 2017 04:14 UTC
Help ?

```#cat-photo-form {
background-color: green
}
</style>

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

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

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

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

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

georgebatton
@georgebatton
Jul 06 2017 04:14 UTC
thanks
Kyle Holm
@thekholm80
Jul 06 2017 04:15 UTC
@Manish-Giri i have a problem
Ene Catalin
@EneCatalin
Jul 06 2017 04:15 UTC
press shift + enter
when you use ```
Manish Giri
@Manish-Giri
Jul 06 2017 04:16 UTC
o.O
Ene Catalin
@EneCatalin
Jul 06 2017 04:16 UTC
and give us the req
looks better like this
Manish Giri
@Manish-Giri
Jul 06 2017 04:16 UTC
@iduvancho303 background-color: green add the closing ;
Kyle Holm
@thekholm80
Jul 06 2017 04:16 UTC
git commit doesn't think my files have changed
Manish Giri
@Manish-Giri
Jul 06 2017 04:16 UTC
git status?
Ene Catalin
@EneCatalin
Jul 06 2017 04:16 UTC
also, good eye, missed that ;
iduvancho303
@iduvancho303
Jul 06 2017 04:16 UTC
#cat-photo-form { background-color: green }
Kyle Holm
@thekholm80
Jul 06 2017 04:16 UTC
On branch master
nothing to commit, working directory clean
iduvancho303
@iduvancho303
Jul 06 2017 04:17 UTC
like that ?
Manish Giri
@Manish-Giri
Jul 06 2017 04:17 UTC
git branch?
Kyle Holm
@thekholm80
Jul 06 2017 04:17 UTC
i only work on master
Manish Giri
@Manish-Giri
Jul 06 2017 04:17 UTC
then prolly your files aren't staged?
git add .
Kyle Holm
@thekholm80
Jul 06 2017 04:17 UTC
did that
git add, then git commit
shivam gupta
@shivamg11000
Jul 06 2017 04:18 UTC
hey whats the difference between JSON.parse() and .json()
Ene Catalin
@EneCatalin
Jul 06 2017 04:18 UTC
json.parse parses it ?
Kyle Holm
@thekholm80
Jul 06 2017 04:18 UTC
JSON.stringify() stringifys it
Manish Giri
@Manish-Giri
Jul 06 2017 04:18 UTC
that's strange
Kyle Holm
@thekholm80
Jul 06 2017 04:19 UTC
i can't redeploy without it lol
stupid git
i deleted my public files and had webpack rebuild them
Ene Catalin
@EneCatalin
Jul 06 2017 04:20 UTC
lol
that sucks
iduvancho303
@iduvancho303
Jul 06 2017 04:20 UTC
.silver-background { background-color: silver;
so with id elements you don't have to use the class element ?
Ene Catalin
@EneCatalin
Jul 06 2017 04:20 UTC
huh ?
id elements are ids
classes are classes
Manish Giri
@Manish-Giri
Jul 06 2017 04:20 UTC
@shivamg11000 when you ask a question, do you post it to all possible FCC rooms?
Ene Catalin
@EneCatalin
Jul 06 2017 04:20 UTC
you can have both ids and classes on a tag if that's what you're asking
shivam gupta
@shivamg11000
Jul 06 2017 04:20 UTC
@Manish-Giri yep
daredevil-kohai
@daredevil-kohai
Jul 06 2017 04:20 UTC
Guys, is there any way to put text in jumbotron with normal size...the problem is even paragraphs looks like heading in jumbotron , larger than its usual font size. Any way to bring it to normal size? and the text looks like having a bold effect.. iam buliding the tribute page .. In the example shown by quincy, the texts in the jumbotron looks perfectly okay.. i even tried changing the size of the text by giving classes .. it doesnt work ..
Manish Giri
@Manish-Giri
Jul 06 2017 04:20 UTC

hey whats the difference between JSON.parse() and .json()

I saw this here, on helpjs, and on main room

Ene Catalin
@EneCatalin
Jul 06 2017 04:20 UTC
that guy is efficient
iduvancho303
@iduvancho303
Jul 06 2017 04:20 UTC
ok let me give you an example
Manish Giri
@Manish-Giri
Jul 06 2017 04:20 UTC
don't do that
oh help front end also
shivam gupta
@shivamg11000
Jul 06 2017 04:21 UTC
it reduces the response time
Ene Catalin
@EneCatalin
Jul 06 2017 04:21 UTC
it also spams 10 chat rooms
shivam gupta
@shivamg11000
Jul 06 2017 04:21 UTC
@Manish-Giri it started from front-end
Manish Giri
@Manish-Giri
Jul 06 2017 04:21 UTC
and what if someone who's busy answering you in one room could have helped someone else while you were already being answered in another room?
does it not increase the response time for the other guy?
Kyle Holm
@thekholm80
Jul 06 2017 04:22 UTC
when you're important, others can wait
iduvancho303
@iduvancho303
Jul 06 2017 04:22 UTC
.silver-background { background-color: silver; and then you have to go towhatever destination
<div class="silver-background">
Kyle Holm
@thekholm80
Jul 06 2017 04:22 UTC
This message was deleted
Manish Giri
@Manish-Giri
Jul 06 2017 04:22 UTC
lol
Ene Catalin
@EneCatalin
Jul 06 2017 04:22 UTC
well yeah, that's a class ?
I don't get it
you don't put them one after another, obv
shivam gupta
@shivamg11000
Jul 06 2017 04:23 UTC
I didn't ask on LetsPair
Ene Catalin
@EneCatalin
Jul 06 2017 04:23 UTC
kyle stop posting granny prn
shivam gupta
@shivamg11000
Jul 06 2017 04:23 UTC
juery
Ene Catalin
@EneCatalin
Jul 06 2017 04:23 UTC
enough with it, we get you delete it after
Manish Giri
@Manish-Giri
Jul 06 2017 04:23 UTC
next time you post in that many rooms, i'll post in admin
simple
shivam gupta
@shivamg11000
Jul 06 2017 04:23 UTC
yet none have answered bcs no one knows
Ene Catalin
@EneCatalin
Jul 06 2017 04:23 UTC
no
Manish Giri
@Manish-Giri
Jul 06 2017 04:23 UTC
yes we are all beneath you
Ene Catalin
@EneCatalin
Jul 06 2017 04:23 UTC
because no one wants to google for you
it's a google away
Manish Giri
@Manish-Giri
Jul 06 2017 04:24 UTC
also no one likes googling
Ene Catalin
@EneCatalin
Jul 06 2017 04:24 UTC
I like googling
for myself
shivam gupta
@shivamg11000
Jul 06 2017 04:24 UTC
@EneCatalin I didn't find while googlinf
Manish Giri
@Manish-Giri
Jul 06 2017 04:24 UTC
me too
shivam gupta
@shivamg11000
Jul 06 2017 04:24 UTC
I alwas google first
Ene Catalin
@EneCatalin
Jul 06 2017 04:24 UTC
because JSON is a general class
and needs a method call
that's why you can't find anything
you gave us JSON vs json.whatever
iduvancho303
@iduvancho303
Jul 06 2017 04:25 UTC
lol what happend with kyle
shivam gupta
@shivamg11000
Jul 06 2017 04:25 UTC
@EneCatalin what
Kyle Holm
@thekholm80
Jul 06 2017 04:25 UTC
@iduvancho303 the bird is being mean to me
Ene Catalin
@EneCatalin
Jul 06 2017 04:25 UTC
SON.parse() and .json()
daredevil-kohai
@daredevil-kohai
Jul 06 2017 04:25 UTC
Guys, is there any way to put text in jumbotron with normal size...the problem is even paragraphs looks like heading in jumbotron , larger than its usual font size. Any way to bring it to normal size? and the text looks like having a bold effect.. iam buliding the tribute page .. In the example shown by quincy, the texts in the jumbotron looks perfectly okay.. i even tried changing the size of the text by giving classes .. it doesnt work ..
Anyone knows??
Pravin Mache
@pravinmache
Jul 06 2017 04:25 UTC

Hi, I added code $("#box").keyup(function(event){
if(event.keyCode == 13){

  $("#btn").click();

}

});

Ene Catalin
@EneCatalin
Jul 06 2017 04:25 UTC
js only has json()
JSON()*
and I told you ONE is the class name
the other is a method of the class
=> google won'
won't tell you beep*
that's the big difference
Pravin Mache
@pravinmache
Jul 06 2017 04:26 UTC

Hi, I added code $("#box").keyup(function(event){
if(event.keyCode == 13){

  $("#btn").click();

}

}); to prevent page from refreshing when user presses enter button. But it's not working

shivam gupta
@shivamg11000
Jul 06 2017 04:26 UTC
@EneCatalin but I tried both on a response object , one is not working
with fetch()
Ene Catalin
@EneCatalin
Jul 06 2017 04:27 UTC
BECAUSE IT'S JUST A CLASS NAME
FETCH IS A METHOD
Manish Giri
@Manish-Giri
Jul 06 2017 04:27 UTC
ostrich is triggered
Kyle Holm
@thekholm80
Jul 06 2017 04:27 UTC
@pravinmache i think the event handler is $("box").on('keyup', function(event) {
Ene Catalin
@EneCatalin
Jul 06 2017 04:27 UTC
JSON = class name
json. whatevs
methods defined
so fetch probs fetches whatever
a class name alone calls the constructor at best I think
Ene Catalin
@EneCatalin
Jul 06 2017 04:29 UTC
@shivamg11000 do you know how classes work ?
that's probs why you don't get it, you need some OOP
do some java/c++ for the lolz, learn about classes, inheritance, all that
Joseph
@revisualize
Jul 06 2017 04:29 UTC
https://www.packtpub.com/packt/offers/free-learning
Book of the day is:
Learning JavaScript Data Structures and Algorithms
Kyle Holm
@thekholm80
Jul 06 2017 04:29 UTC
@pravinmache ah, okay. I don't have a lot of experience with jQuery but it wouldn't be hard to do it in vanilla JS
Ene Catalin
@EneCatalin
Jul 06 2017 04:29 UTC
it would be easier in jquery though
shivam gupta
@shivamg11000
Jul 06 2017 04:29 UTC
@EneCatalin You know my first langugae is C++
Ene Catalin
@EneCatalin
Jul 06 2017 04:29 UTC
so use that
then how are you not getting it ?
shivam gupta
@shivamg11000
Jul 06 2017 04:30 UTC
@shivamg11000 I do competitive programming in C
Ene Catalin
@EneCatalin
Jul 06 2017 04:30 UTC
one is a class, another a method of that class
shivam gupta
@shivamg11000
Jul 06 2017 04:30 UTC
@EneCatalin I understadn ,
but the result should be the same or not
Ene Catalin
@EneCatalin
Jul 06 2017 04:30 UTC
if you ask that you don't get it
shivam gupta
@shivamg11000
Jul 06 2017 04:30 UTC
both should do the same work
Ene Catalin
@EneCatalin
Jul 06 2017 04:30 UTC
no
or do you mean both
.fetch and .parse ?
Kyle Holm
@thekholm80
Jul 06 2017 04:31 UTC
@pravinmache can you give us a link to your project?
Ene Catalin
@EneCatalin
Jul 06 2017 04:31 UTC
cause I don't remember you asking that, I remember being JSON() vs json.parse()
which is VERY different from json.fetch() vs json.parse()
shivam gupta
@shivamg11000
Jul 06 2017 04:31 UTC
@EneCatalin
fetch(url)
  .then( (res) => ( res.json() ) )
  .then(console.log)
Ene Catalin
@EneCatalin
Jul 06 2017 04:31 UTC
like, nothing similar
shivam gupta
@shivamg11000
Jul 06 2017 04:32 UTC
JSON.parse( res ) does not work
Kyle Holm
@thekholm80
Jul 06 2017 04:32 UTC
yikes
Ene Catalin
@EneCatalin
Jul 06 2017 04:32 UTC
god I need my morning coffee
shivam gupta
@shivamg11000
Jul 06 2017 04:32 UTC
@EneCatalin make one for me too
Kyle Holm
@thekholm80
Jul 06 2017 04:33 UTC
res.json is looking for a method in the res object
Manish Giri
@Manish-Giri
Jul 06 2017 04:33 UTC
.json() is an express function
Kyle Holm
@thekholm80
Jul 06 2017 04:33 UTC
called json
shivam gupta
@shivamg11000
Jul 06 2017 04:33 UTC
@thekholm80 method named?
k
that means .json() is nothing special
Ene Catalin
@EneCatalin
Jul 06 2017 04:34 UTC
well obv lol
wait
an express function
that's not a class ?
Kyle Holm
@thekholm80
Jul 06 2017 04:35 UTC
res.json() is a common api response in express
Manish Giri
@Manish-Giri
Jul 06 2017 04:35 UTC
JSON is a class too
Kyle Holm
@thekholm80
Jul 06 2017 04:35 UTC
except you would specify the json object
Manish Giri
@Manish-Giri
Jul 06 2017 04:35 UTC
the use case he's referring to is probably the express function
shivam gupta
@shivamg11000
Jul 06 2017 04:36 UTC
ty @Manish-Giri @thekholm80 @EneCatalin
CamperBot
@camperbot
Jul 06 2017 04:36 UTC
shivamg11000 sends brownie points to @manish-giri and @thekholm80 and @enecatalin :sparkles: :thumbsup: :sparkles:
:star2: 1287 | @thekholm80 |http://www.freecodecamp.com/thekholm80
:cookie: 430 | @enecatalin |http://www.freecodecamp.com/enecatalin
:star2: 6198 | @manish-giri |http://www.freecodecamp.com/manish-giri
Ene Catalin
@EneCatalin
Jul 06 2017 04:36 UTC
next time post the code lol, I think you would have gotten much better responses
Kyle Holm
@thekholm80
Jul 06 2017 04:37 UTC
finding answers is easy. figuring out what questions to ask is hard
#codingZenByKyle
Ene Catalin
@EneCatalin
Jul 06 2017 04:37 UTC
right, that's wrong :P. It's as easy as "I haz dis, what do ? "
Kyle Holm
@thekholm80
Jul 06 2017 04:37 UTC
i should write fortune cookies
Ene Catalin
@EneCatalin
Jul 06 2017 04:38 UTC
then people debug your question and ask for specifics
Momozor
@momozor
Jul 06 2017 04:38 UTC
:sheep:
Ene Catalin
@EneCatalin
Jul 06 2017 04:39 UTC
cat is not here
Momozor
@momozor
Jul 06 2017 04:40 UTC
@thekholm80 hey, about your mongoose issue? Any good news?
Kyle Holm
@thekholm80
Jul 06 2017 04:40 UTC
oh yeah!
I removed it from my app completely and now everything is awesome
mongodb > mongoose lol
Ene Catalin
@EneCatalin
Jul 06 2017 04:41 UTC
^ nice. That's the way
sathya narayana rao r
@ahteniv
Jul 06 2017 04:41 UTC
hi, i am doing my first front end project and codepen doesnt accept any image link. tried imgur,flickr and google drive
Kyle Holm
@thekholm80
Jul 06 2017 04:41 UTC
i don't know why i struggled so much with mongoose. it's kind of embarrasing
Manish Giri
@Manish-Giri
Jul 06 2017 04:42 UTC
@ahteniv try dropbox
Pravin Mache
@pravinmache
Jul 06 2017 04:44 UTC
@thekholm80 I fixed the issue https://codepen.io/pravinmache/full/yXKJjO/
Kyle Holm
@thekholm80
Jul 06 2017 04:44 UTC
@pravinmache :+1: good job
sathya narayana rao r
@ahteniv
Jul 06 2017 04:47 UTC
@Manish-Giri didnt work
Kyle Holm
@thekholm80
Jul 06 2017 04:50 UTC
@Manish-Giri i had to cheat but i got it to work lol
Dylan Smith
@dms909
Jul 06 2017 04:53 UTC
Screen Shot 2017-07-05 at 11.53.11 PM.png
I am very confused abot the stand in line on free code camp
Manish Giri
@Manish-Giri
Jul 06 2017 04:54 UTC
@thekholm80 :fire: :sparkles:
@ahteniv show the URL
Kyle Holm
@thekholm80
Jul 06 2017 04:54 UTC
@Manish-Giri did my victory dance too soon. not sure why my app didn't update when i redeployed. too tired to care now lol
sathya narayana rao r
@ahteniv
Jul 06 2017 04:55 UTC
it worked. just replaced www.dropbox.com to dl.dropboxusercontent.com
Manish Giri
@Manish-Giri
Jul 06 2017 04:55 UTC
lol
meanwhile, I'm trying to make sense of this
Claudio Restifo
@Marmiz
Jul 06 2017 04:57 UTC

@dms909 the challenge ask you to add number(item) to the array(arr).
Then remove the first element of arr, and return it.

So ask yourself/research: which methods:

  • add a number to an array?
  • remove a number to an array?
@Manish-Giri blame back-end for not giving the correct data
Kyle Holm
@thekholm80
Jul 06 2017 04:58 UTC
@Manish-Giri that seems easier than using d3.min() and d3.max()
Manish Giri
@Manish-Giri
Jul 06 2017 04:58 UTC
precisely
Ygor Dantas
@ygordantas
Jul 06 2017 04:58 UTC

can anybody give me a tip ?

// Setup
var myObj = {
gift: "pony",
pet: "kitten",
bed: "sleigh"
};

function checkObj(myObj) {
// Your Code Here
myObj.hasOwnProperty(checkProp);
return "Not Found";
}

// Test your code by modifying these values
checkObj("gift");

Kyle Holm
@thekholm80
Jul 06 2017 04:59 UTC
@Manish-Giri you're going to be a geometry expert soon
Coy Sanders
@coymeetsworld
Jul 06 2017 04:59 UTC
hasOwnProperty returns a true or false value @ygordantas, you need to return something different depending if its true or not
Manish Giri
@Manish-Giri
Jul 06 2017 05:00 UTC
@thekholm80 i'm going to be dead soon
Ygor Dantas
@ygordantas
Jul 06 2017 05:00 UTC
@coymeetsworld K working on that
gyadav187
@gyadav187
Jul 06 2017 05:04 UTC
Hi guys I have a question on jQuery.. Why am i getting undefined instead of ids with my list items? https://codepen.io/gyadav187/pen/zzLZZo
Ene Catalin
@EneCatalin
Jul 06 2017 05:11 UTC
no idea
looks like a bug to me
Ross Scarborough
@SourceHorse
Jul 06 2017 05:12 UTC
$(function () {
$(li).append("<em>" + $(this).attr("id") + "</em>");
});
oops nevermind
Ene Catalin
@EneCatalin
Jul 06 2017 05:12 UTC
lol
gyadav187
@gyadav187
Jul 06 2017 05:13 UTC
@EneCatalin this should append my Ids right?
Ene Catalin
@EneCatalin
Jul 06 2017 05:13 UTC
append ?
ohhhhhhhhhh
now I saw the js
sorry, there's def a problem then
I gtg in like 5 mins so I can't really help sorry
gyadav187
@gyadav187
Jul 06 2017 05:14 UTC
ohh its okay
Ene Catalin
@EneCatalin
Jul 06 2017 05:14 UTC
found it
gyadav187
@gyadav187
Jul 06 2017 05:14 UTC
thanks anyway
Ene Catalin
@EneCatalin
Jul 06 2017 05:14 UTC
cut the ""
from li
in js
gyadav187
@gyadav187
Jul 06 2017 05:14 UTC
lemme try
thats not the problem
Ene Catalin
@EneCatalin
Jul 06 2017 05:16 UTC
$(li).append("<em>" + $(this).attr("id") + "</em>");
that's the correct code
Ross Scarborough
@SourceHorse
Jul 06 2017 05:16 UTC
oh i was right
lol
gyadav187
@gyadav187
Jul 06 2017 05:20 UTC
i may be wrong but if i remove quotes from li then i am getting error on my local machine plus when i try it on codepen its not working
Why am i getting undefined?
Please look at the js file and tell
Dovydas Stirpeika
@Giveback007
Jul 06 2017 05:51 UTC
hey there peeps
Darren
@DarrenfJ
Jul 06 2017 06:16 UTC
monring fCC
@EneCatalin hey :wave: :D
also brownie shower for yah: thanks @EneCatalin
CamperBot
@camperbot
Jul 06 2017 06:17 UTC
darrenfj sends brownie points to @enecatalin :sparkles: :thumbsup: :sparkles:
:cookie: 431 | @enecatalin |http://www.freecodecamp.com/enecatalin
sparlkle4000
@sparlkle4000
Jul 06 2017 06:25 UTC
Escaping literal quotes in strings
What am I doing wrong?
var myStr= "I am a \"double quoted\" string inside \"double quotes\". ";
shivam gupta
@shivamg11000
Jul 06 2017 06:26 UTC
@sparlkle4000 It looks corrct
heroiczero
@heroiczero
Jul 06 2017 06:26 UTC
@sparlkle4000 looks right try refreshing page?
sparlkle4000
@sparlkle4000
Jul 06 2017 06:27 UTC
@shivamg11000 @heroiczero Thanks..But it's still telling me that something is missing...hmmm
CamperBot
@camperbot
Jul 06 2017 06:27 UTC
sparlkle4000 sends brownie points to @shivamg11000 and @heroiczero :sparkles: :thumbsup: :sparkles:
:cookie: 363 | @shivamg11000 |http://www.freecodecamp.com/shivamg11000
:star2: 1460 | @heroiczero |http://www.freecodecamp.com/heroiczero
shivam gupta
@shivamg11000
Jul 06 2017 06:28 UTC
@sparlkle4000 send the link
shivam gupta
@shivamg11000
Jul 06 2017 06:31 UTC

@sparlkle4000

var myStr = "I am a \"double quoted\" string inside \"double quotes\"."; // Change this line

It works for me

heroiczero
@heroiczero
Jul 06 2017 06:31 UTC
@sparlkle4000 var myStr= "I am a \"double quoted\" string inside \"double quotes\"."; have a space in the end
@sparlkle4000 delete space after the period
sparlkle4000
@sparlkle4000
Jul 06 2017 06:31 UTC
Oh wow....
shivam gupta
@shivamg11000
Jul 06 2017 06:31 UTC
yeah right
sparlkle4000
@sparlkle4000
Jul 06 2017 06:32 UTC
@heroiczero @shivamg11000 Thanks!
CamperBot
@camperbot
Jul 06 2017 06:32 UTC
sparlkle4000 sends brownie points to @heroiczero and @shivamg11000 :sparkles: :thumbsup: :sparkles:
:warning: sparlkle4000 already gave heroiczero points
:warning: sparlkle4000 already gave shivamg11000 points
Oliver Webb
@Ollie15
Jul 06 2017 06:33 UTC
Hello why does my console.log not work
//Setup
var contacts = [
    {
        "firstName": "Akira",
        "lastName": "Laine",
        "number": "0543236543",
        "likes": ["Pizza", "Coding", "Brownie Points"]
    },
    {
        "firstName": "Harry",
        "lastName": "Potter",
        "number": "0994372684",
        "likes": ["Hogwarts", "Magic", "Hagrid"]
    },
    {
        "firstName": "Sherlock",
        "lastName": "Holmes",
        "number": "0487345643",
        "likes": ["Intriguing Cases", "Violin"]
    },
    {
        "firstName": "Kristian",
        "lastName": "Vos",
        "number": "unknown",
        "likes": ["Javascript", "Gaming", "Foxes"]
    }
];


function lookUpProfile(firstName, prop){
// Only change code below this line
var a = contacts.filter(function(o){return o.firstName===firstName})[0];
//{firstName: "Akira", lastName: "Laine", number: "0543236543", likes: Array(3)}

  console.log(contacts.firstname.prop);

  // Only change code above this line
}

// Change these values to test your function
lookUpProfile("Akira", "likes");
heroiczero
@heroiczero
Jul 06 2017 06:35 UTC
@Ollie15 because firstName and prop is a parameter where you treat it the same as variables
Viktor Tiutiun
@vittorioVT
Jul 06 2017 06:36 UTC
@Ollie15 [0] must be after firstName. this: firstName[0]
heroiczero
@heroiczero
Jul 06 2017 06:36 UTC
@Ollie15 function lookUpProfile(firstName, prop) you see the parameters firstName and prop. Try reviewing Accessing Objects Properties with Variables
Darren
@DarrenfJ
Jul 06 2017 06:36 UTC
@Ollie15 yah I can't remember exactly how I did it but i think you check first name to ensure it's actually a viable object n the array.. then for that index in the array you pull the prop
something like that
@vittorioVT hey buddy :wave:
Oliver Webb
@Ollie15
Jul 06 2017 06:37 UTC
So how could I make it return the "likes" of "Akira"?
Manish Giri
@Manish-Giri
Jul 06 2017 06:37 UTC
@DarrenfJ :wave:
Viktor Tiutiun
@vittorioVT
Jul 06 2017 06:37 UTC
@DarrenfJ hi :smile:
Manish Giri
@Manish-Giri
Jul 06 2017 06:37 UTC
@DarrenfJ ty for the delicious :cookie:s yest :smile:
CamperBot
@camperbot
Jul 06 2017 06:37 UTC
manish-giri sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 1882 | @darrenfj |http://www.freecodecamp.com/darrenfj
heroiczero
@heroiczero
Jul 06 2017 06:37 UTC
@Ollie15 you should also use a if statement and else if
Oliver Webb
@Ollie15
Jul 06 2017 06:38 UTC
thanks @heroiczero @vittorioVT @DarrenfJ
CamperBot
@camperbot
Jul 06 2017 06:38 UTC
ollie15 sends brownie points to @heroiczero and @vittoriovt and @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 1461 | @heroiczero |http://www.freecodecamp.com/heroiczero
:cookie: 765 | @vittoriovt |http://www.freecodecamp.com/vittoriovt
:star2: 1883 | @darrenfj |http://www.freecodecamp.com/darrenfj
Viktor Tiutiun
@vittorioVT
Jul 06 2017 06:38 UTC
@Ollie15 welcome
Oliver Webb
@Ollie15
Jul 06 2017 06:40 UTC
So far this returns the name and the properties but how can I select something from what it returns i.e the likes
var a = contacts.filter(function(o){return o.firstName===firstName})[0];
//{firstName: "Akira", lastName: "Laine", number: "0543236543", likes: Array(3)}
István Kozma
@Manfred28
Jul 06 2017 06:42 UTC
yourObject["property"]
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 06:44 UTC
@Manfred28 If you're using bracket notation then adding . afteryourObject will cause syntax error
István Kozma
@Manfred28
Jul 06 2017 06:44 UTC
ups
Joseph
@revisualize
Jul 06 2017 06:44 UTC
@Manfred28 that isn't how you access an object property
István Kozma
@Manfred28
Jul 06 2017 06:44 UTC
edited
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 06:44 UTC
It should be yourObject["property"]
István Kozma
@Manfred28
Jul 06 2017 06:44 UTC
morning >_>
István Kozma
@Manfred28
Jul 06 2017 06:45 UTC
guuuuuys it was just a typo :D
but thanks for the correction :P
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 06:45 UTC
no worries
Oliver Webb
@Ollie15
Jul 06 2017 06:46 UTC
yes however firstName and prop is a parameter where you treat it the same as variables
Joseph
@revisualize
Jul 06 2017 06:48 UTC
I don't like .filter() for the Profile Lookup challenge.
too many code loops if the array was larger.
Darren
@DarrenfJ
Jul 06 2017 06:51 UTC
@Manish-Giri @vittorioVT hye guys.. sorry stepped out of tumbleweed town to go do some schtuff
Viktor Tiutiun
@vittorioVT
Jul 06 2017 06:52 UTC
@DarrenfJ good luck to you :smile:
Darren
@DarrenfJ
Jul 06 2017 06:53 UTC
@Ollie15 i think you are also missing 2 other parts of that challenge...

@Ollie15 "If firstName does not correspond to any contacts then return "No such contact"

If prop does not correspond to any valid properties then return "No such property""

Claudio Restifo
@Marmiz
Jul 06 2017 06:53 UTC
@DarrenfJ pet the dogs for me :)
Darren
@DarrenfJ
Jul 06 2017 06:54 UTC
@Marmiz thanks brutha @Marmiz
CamperBot
@camperbot
Jul 06 2017 06:54 UTC
darrenfj sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 986 | @marmiz |http://www.freecodecamp.com/marmiz
Claudio Restifo
@Marmiz
Jul 06 2017 06:54 UTC
:dog:
Darren
@DarrenfJ
Jul 06 2017 06:54 UTC
and thanks @Manish-Giri and @vittorioVT my late evening regulars helping out too
CamperBot
@camperbot
Jul 06 2017 06:54 UTC
darrenfj sends brownie points to @manish-giri and @vittoriovt :sparkles: :thumbsup: :sparkles:
:cookie: 766 | @vittoriovt |http://www.freecodecamp.com/vittoriovt
:star2: 6199 | @manish-giri |http://www.freecodecamp.com/manish-giri
Joseph
@revisualize
Jul 06 2017 06:55 UTC
@Manish-Giri thanks
CamperBot
@camperbot
Jul 06 2017 06:55 UTC
revisualize sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 6200 | @manish-giri |http://www.freecodecamp.com/manish-giri
Joseph
@revisualize
Jul 06 2017 06:55 UTC
6200 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
lol
Viktor Tiutiun
@vittorioVT
Jul 06 2017 06:55 UTC
@DarrenfJ thanks and you
CamperBot
@camperbot
Jul 06 2017 06:55 UTC
vittoriovt sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 1884 | @darrenfj |http://www.freecodecamp.com/darrenfj
QQwangxiaoqing
@QQwangxiaoqing
Jul 06 2017 06:55 UTC
Darren
@DarrenfJ
Jul 06 2017 06:55 UTC
6200 noice
Claudio Restifo
@Marmiz
Jul 06 2017 06:56 UTC
6200 :sparkles:
And not even a single :wine_glass: offered... feels bad
Darren
@DarrenfJ
Jul 06 2017 06:56 UTC
:wine_glass:
:D
Manish Giri
@Manish-Giri
Jul 06 2017 06:57 UTC
lol
:wine_glass: :beer: :beers: @Marmiz @DarrenfJ
ty @revisualize
CamperBot
@camperbot
Jul 06 2017 06:57 UTC
manish-giri sends brownie points to @revisualize :sparkles: :thumbsup: :sparkles:
:star2: 4318 | @revisualize |http://www.freecodecamp.com/revisualize
Coy Sanders
@coymeetsworld
Jul 06 2017 06:58 UTC
thought you don't drink @Manish-Giri
Darren
@DarrenfJ
Jul 06 2017 06:58 UTC
coy!
budd-eeeee
Coy Sanders
@coymeetsworld
Jul 06 2017 06:59 UTC
:wave: yo
Manish Giri
@Manish-Giri
Jul 06 2017 07:05 UTC
@coymeetsworld I don't!
that was for them
Andrew
@andrewdelic
Jul 06 2017 07:07 UTC
10 PRINT "HI ALL"<cr>20 GOTO 10
jorlee92
@jorlee92
Jul 06 2017 07:09 UTC
Hey, can anybody tell me why this code https://codepen.io/jorlee92/pen/OgZzZP
Runs when you first load the page?
I expected it to only add the quote when you click the button
Aditya Singh
@outforaditya
Jul 06 2017 07:11 UTC
Hey
Adding () => before the function call solves the issue.
james umali
@indefinite0212
Jul 06 2017 08:45 UTC
Hello :earth_americas: :earth_africa: :earth_asia:
David Lower
@davidlower
Jul 06 2017 08:49 UTC
hello
how to fix this position over image with equal width of image
BuntyBru
@BuntyBru
Jul 06 2017 09:52 UTC
Since yesterday i do not feel liike coding
am i facing Coder's block ?
has anyone faced the same?
james umali
@indefinite0212
Jul 06 2017 09:59 UTC
Yeah, I think it was the time when I don't know what I'm doing, but I motivated my self saying if this is what I want then I need to do it.
now you can ask yourself, if you really like to code :smile:
@BuntyBru
BuntyBru
@BuntyBru
Jul 06 2017 10:00 UTC
i really love to code @indefinite0212
james umali
@indefinite0212
Jul 06 2017 10:00 UTC
great, now keep coding, and never stop learning :smile: @BuntyBru
BuntyBru
@BuntyBru
Jul 06 2017 10:02 UTC

but the thing is that i started freecodecamp in june 2016
carried it till july 2016, then kind of fell out of it, joined a company
now i have left that company way back in may 2017, started Freecodecamp again in june 2017, revising everything
I have reached till javascript, doing the same tutorials again after a year

so i feel kind of worn out
@indefinite0212

james umali
@indefinite0212
Jul 06 2017 10:13 UTC
It's ok do everything again(I did that too), but you should also look for another resources. watch on youtube , read books(I think you'll get it, because you mentioned that you really coding) then practice everything you learned. @BuntyBru
BuntyBru
@BuntyBru
Jul 06 2017 10:14 UTC
hmm doing that
@indefinite0212
james umali
@indefinite0212
Jul 06 2017 10:15 UTC
doing that too, and I really need to practice it :smile:
BuntyBru
@BuntyBru
Jul 06 2017 10:18 UTC
@indefinite0212
best of luck mate
james umali
@indefinite0212
Jul 06 2017 10:22 UTC
@BuntyBru you too mate, good luck :smile:
Rishabh Kashyap
@iamrkcheers
Jul 06 2017 10:52 UTC

I'm trying my hands on the 'random quote generator' challenge. However, I do not seem to enter into the '$.getJSON()' function. The api seems to be working just fine.

Following is my code.

https://codepen.io/iamrkcheers/pen/gRjoeZ

Any help is appreciated. Thank You.

PS : Changing 'http' to 'https' seems to have done the trick !
写夜子
@xieyezi
Jul 06 2017 11:18 UTC
首先,我们需要把所有的HTML内容放在class为container-fluid的div下。
catapulto
@catapulto
Jul 06 2017 11:22 UTC
hey guyz how can i make text appear like background box tranparent one how can i add that effect
Pavel Sokolov
@nevaljawko
Jul 06 2017 11:51 UTC
@catapulto if you want do it via CSS 'opacity' property will help you?
catapulto
@catapulto
Jul 06 2017 11:53 UTC
@nevaljawko thanks
CamperBot
@camperbot
Jul 06 2017 11:53 UTC
catapulto sends brownie points to @nevaljawko :sparkles: :thumbsup: :sparkles:
:cookie: 2 | @nevaljawko |http://www.freecodecamp.com/nevaljawko
DeysiR
@DeysiR
Jul 06 2017 12:01 UTC

hi guys. what i'm doing wrong. <style>
.red-text {
color: Red;
}

</style>

<h2 class="red-text">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>

Your stylesheet should declare a red-text class and have its color set to red.
catapulto
@catapulto
Jul 06 2017 12:03 UTC
red you should be in small letters @DeysiR
in your class
sen-lin
@sen-lin
Jul 06 2017 12:20 UTC
26题 为什么过不去啊 已经给图片加了 a 链接了啊
DeysiR
@DeysiR
Jul 06 2017 12:20 UTC
@catapulto thank you so much for your help :)
CamperBot
@camperbot
Jul 06 2017 12:20 UTC
deysir sends brownie points to @catapulto :sparkles: :thumbsup: :sparkles:
:cookie: 119 | @catapulto |http://www.freecodecamp.com/catapulto
DeysiR
@DeysiR
Jul 06 2017 12:27 UTC
@camperbot how?
Lara
@laralee1018
Jul 06 2017 12:28 UTC
h1 {
font-size: 30px;
}

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

<h2 class="red-text">我家的猫咪</h2>

p{
font-size: 30px;
}

<p class="red-text">在大家心目中,猫是慵懒的可爱的化身,它可以睡饱了再起来吃饭,可以逗趣小耗子,可以卖得了萌,使得了坏,这样百变的小怪兽就集结在一只宠物上,怎能不惹人怜爱。</p> Hi guys, how to make this front-size work? thanks

madhuri soni
@sonimadhuri
Jul 06 2017 12:31 UTC
put all your css under <style> tags
Ayesha Malik
@Aashimalik
Jul 06 2017 12:31 UTC
my portfolio
May Kittens Devour Your Soul
@diomed
Jul 06 2017 12:36 UTC
@Aashimalik u don't need to have 2 links to font-awesome
remove 2nd
Ayesha Malik
@Aashimalik
Jul 06 2017 12:37 UTC
@diomed okay
:)
@diomed thankyou
CamperBot
@camperbot
Jul 06 2017 12:37 UTC
:star2: 5146 | @diomed |http://www.freecodecamp.com/diomed
aashimalik sends brownie points to @diomed :sparkles: :thumbsup: :sparkles:
Brisket1
@Brisket1
Jul 06 2017 12:46 UTC
hi i have a question that is probably obvious to everyone here but I want to make sure I'm not assuming a wrong answer. When creating a global variable such as var result=""; I'm creating a variable and saying it will contain a string , which currently is a placeholder. Is that right?
Piotr Szeląg
@szelares
Jul 06 2017 12:46 UTC

Hi guys, can you help me with this SASS problem? Why it does not work?
'''

<style>
@for $j from 1 to 6 {
.text-#{$j} { font-size: 10px*$j; }
}
</style>

<p class="text-1">Hello</p>

<p class="text-2">Hello</p>

<p class="text-3">Hello</p>

<p class="text-4">Hello</p>

<p class="text-5">Hello</p>
'''
should have:
Your .text-1 class should have a font-size of 10px.
Your .text-2 class should have a font-size of 20px.
Your .text-3 class should have a font-size of 30px.
Your .text-4 class should have a font-size of 40px.
Your .text-5 class should have a font-size of 50px.

CamperBot
@camperbot
Jul 06 2017 12:46 UTC
:bulb: to format code use backticks! ``` more info
Adrian Padurean
@Securiteru
Jul 06 2017 12:47 UTC
guys, I need a bit of help, any1 around?
I need some help with vigenere
:D
Piotr Szeląg
@szelares
Jul 06 2017 12:50 UTC

Hi. Can you help me with this SASS problem? Why it does not work?

<style>
@for $j from 1 to 6 {
.text-#{$j} { font-size: 10px*$j; }
}
</style>
<p class="text-1">Hello</p>
<p class="text-2">Hello</p>
<p class="text-3">Hello</p>
<p class="text-4">Hello</p>
<p class="text-5">Hello</p>

Your .text-1 class should have a font-size of 10px. Your .text-2 class should have a font-size of 20px. Your .text-3 class should have a font-size of 30px. Your .text-4 class should have a font-size of 40px. Your .text-5 class should have a font-size of 50px.

Eric Weiss
@eweiss17
Jul 06 2017 12:50 UTC
@Securiteru is that a challenge in fcc?
May Kittens Devour Your Soul
@diomed
Jul 06 2017 12:51 UTC
@Securiteru we don't sell that medicine around here
Eric Weiss
@eweiss17
Jul 06 2017 12:52 UTC
no that is a salad dressing @diomed
May Kittens Devour Your Soul
@diomed
Jul 06 2017 12:52 UTC
oh! my bad :yum:
Adrian Padurean
@Securiteru
Jul 06 2017 12:53 UTC
Hahhaa, sorry , wrong chat!
:D
David Lower
@davidlower
Jul 06 2017 12:56 UTC
Hey could someone help me with something
Eric Weiss
@eweiss17
Jul 06 2017 12:57 UTC
if it's related to fcc just post it
David Lower
@davidlower
Jul 06 2017 12:57 UTC
I have 3 images that I want to have side by side. I have put them as inline-block but they still stack
Eric Weiss
@eweiss17
Jul 06 2017 12:57 UTC
you could use BS columns
Piotr Szeląg
@szelares
Jul 06 2017 12:58 UTC
Hello? Is anybody here? Could someone help me?
May Kittens Devour Your Soul
@diomed
Jul 06 2017 12:59 UTC
just ask
Eric Weiss
@eweiss17
Jul 06 2017 12:59 UTC
she has that sass question above
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:00 UTC
oh,right.that's scary
Piotr Szeląg
@szelares
Jul 06 2017 13:00 UTC
Yes thanks but he not she ;)))
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:01 UTC
odd avatar O.o
bwaaaaaaaaaah
Eric Weiss
@eweiss17
Jul 06 2017 13:01 UTC
insead of to
try through?
Piotr Szeląg
@szelares
Jul 06 2017 13:03 UTC
Write a @for directive that takes a variable $j that goes from 1 **to** 6.
David Lower
@davidlower
Jul 06 2017 13:03 UTC
@ thanks I’ll try some columns but isn’t there a way without columns
Eric Weiss
@eweiss17
Jul 06 2017 13:03 UTC
did u at least try it
David Lower
@davidlower
Jul 06 2017 13:04 UTC
@eweiss17 no i haven’t. But it is certainly a solution. thanks
CamperBot
@camperbot
Jul 06 2017 13:04 UTC
davidlower sends brownie points to @eweiss17 :sparkles: :thumbsup: :sparkles:
:cookie: 517 | @eweiss17 |http://www.freecodecamp.com/eweiss17
Piotr Szeląg
@szelares
Jul 06 2017 13:05 UTC
through also does not work
Eric Weiss
@eweiss17
Jul 06 2017 13:05 UTC
@davidlower oh sorry i was typing to @szelares
Piotr Szeląg
@szelares
Jul 06 2017 13:06 UTC
:smile:
David Lower
@davidlower
Jul 06 2017 13:06 UTC
oh ok no worries
Eric Weiss
@eweiss17
Jul 06 2017 13:07 UTC
@davidlower did you look on google for how to do that for images without using a framework? Positioning is often the hardest part of css
@szelares you are on the beta of fcc? what is the challenge i'll just complete it to figure out what to do
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:09 UTC
grasping js is basically very much similar to grasping this
.
David Lower
@davidlower
Jul 06 2017 13:09 UTC
hahaha
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:10 UTC
this is basically react in 1 sentence,right guys?
DOM DOM DOM DOM
David Lower
@davidlower
Jul 06 2017 13:10 UTC
@eweiss17 I looked up inline-block and inline. I thought inline-block stacked everything horizontally
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:10 UTC
me 2
does it not
Eric Weiss
@eweiss17
Jul 06 2017 13:10 UTC
what do the images look like right now? do you have a codepen for it?
David Lower
@davidlower
Jul 06 2017 13:10 UTC
@diomed is react any good. I have heard that it is dying.
@diomed no it is not stacking. It has that 4px a space around it which is annoying. -4px padding is not solving that issue
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:11 UTC
don't ask me. I recommend vue, in any case,but I dunno js
@davidlower u should really show some pen or smth.
Eric Weiss
@eweiss17
Jul 06 2017 13:11 UTC
react is dying?
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:12 UTC
can't tell anything like this
Piotr Szeląg
@szelares
Jul 06 2017 13:12 UTC
That's why I ask because I did as instructed and does not work. So, beta fcc does not work correctly?
David Lower
@davidlower
Jul 06 2017 13:12 UTC
no I agree I send a pen link
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:12 UTC
@szelares that's right
that's why it's called beta
Piotr Szeląg
@szelares
Jul 06 2017 13:13 UTC
yeeahmmm :worried:
David Lower
@davidlower
Jul 06 2017 13:13 UTC
Ok I have sent up the pen but I need to put the images on my server
Eric Weiss
@eweiss17
Jul 06 2017 13:13 UTC
@szelares u never posted what challenge it is, i can try it myself
David Lower
@davidlower
Jul 06 2017 13:18 UTC
Here is my pen finally…. https://codepen.io/davidlower/pen/vZRBxg
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:20 UTC
@davidlower didnt u complete and submit this already?
David Lower
@davidlower
Jul 06 2017 13:20 UTC
Before I just saved the images a one big image together to fit across the page set at 960px
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:20 UTC
it's really simple
Piotr Szeląg
@szelares
Jul 06 2017 13:20 UTC
@davidlower to positioning images u can use a bootstrap grid or position: absolute
David Lower
@davidlower
Jul 06 2017 13:20 UTC
But I want to make the page responsive now so I split the 3 images so when the screen gets smaller they can stack
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:20 UTC
width of container is too small for all 3 images to fit in 1 row
unless u resize them
David Lower
@davidlower
Jul 06 2017 13:21 UTC
width of my container is the body which is 960px
Right?
I want to try and avoid bootstrap for the moment, although I am sure the solution works. I want to understand how to do this with CSS only
the images all together is 960px
Margaret
@Margaret2
Jul 06 2017 13:22 UTC
@diomed that blows my mind lol :art:
David Lower
@davidlower
Jul 06 2017 13:22 UTC
@diomed Yes I did submit this already - but I want to make it responsive
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:22 UTC
@Margaret2 what?
Margaret
@Margaret2
Jul 06 2017 13:23 UTC
the painting thing
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:23 UTC
oh, right. but js is like that also, no?
que no?
Margaret
@Margaret2
Jul 06 2017 13:23 UTC
yeah haha
si jaja
Eric Weiss
@eweiss17
Jul 06 2017 13:23 UTC
wtf i got the answer and it doesn't accept it
Piotr Szeląg
@szelares
Jul 06 2017 13:24 UTC
@davidlower so, only with clean css u can try to use a properties "position: absolute
Ancusor
@ancusor
Jul 06 2017 13:24 UTC
Hi there,how to modify this string when search to filter db by date? $res = mysqli_query($db, "SELECT * from MYDB WHERE date_created= ".mysql_real_escape_string($_POST['filter_by_date']));
Piotr Szeląg
@szelares
Jul 06 2017 13:24 UTC
@eweiss17 :clap:
David Lower
@davidlower
Jul 06 2017 13:24 UTC
@szelares I’ll try position absolute
Margaret
@Margaret2
Jul 06 2017 13:24 UTC
@eweiss17 what challenge is this
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:24 UTC
@eweiss17 I told u people, that's why it's called beta
they didn't yet add proper stuff for sass tasks to work, I think
Eric Weiss
@eweiss17
Jul 06 2017 13:24 UTC
gives what we want
Piotr Szeląg
@szelares
Jul 06 2017 13:25 UTC
Ok bu I did a dozen. It's the first one that does not work on beta fcc
but
@eweiss17 thanks
CamperBot
@camperbot
Jul 06 2017 13:27 UTC
szelares sends brownie points to @eweiss17 :sparkles: :thumbsup: :sparkles:
:cookie: 518 | @eweiss17 |http://www.freecodecamp.com/eweiss17
Margaret
@Margaret2
Jul 06 2017 13:27 UTC
@eweiss17 yeah, i guess @diomed is right, they just haven't completed those yet
David Lower
@davidlower
Jul 06 2017 13:29 UTC
@eweiss17 @diomed @szelares thanks for the help regarding the images.
CamperBot
@camperbot
Jul 06 2017 13:29 UTC
davidlower sends brownie points to @eweiss17 and @diomed and @szelares :sparkles: :thumbsup: :sparkles:
:warning: davidlower already gave eweiss17 points
:cookie: 296 | @szelares |http://www.freecodecamp.com/szelares
:star2: 5147 | @diomed |http://www.freecodecamp.com/diomed
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:29 UTC
@Margaret2 after this chat went to hell, I dedicated myself to creating Bracket themes
or themes 4 Bracket
Margaret
@Margaret2
Jul 06 2017 13:29 UTC
:o :o what's the latest one?
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:29 UTC
Dark Blue
haha :yum:
Margaret
@Margaret2
Jul 06 2017 13:29 UTC
niice
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:30 UTC
u didn't even see it yet. lol
mby it's horribl
Margaret
@Margaret2
Jul 06 2017 13:30 UTC
lol i'm sure it's fine :)
what are the text colors
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:31 UTC
it's insanely blue
literally
dark-blue
Margaret
@Margaret2
Jul 06 2017 13:31 UTC
oh wow that is really blue :joy:
Eric Weiss
@eweiss17
Jul 06 2017 13:31 UTC
that is indeed blue
Kyle Holm
@thekholm80
Jul 06 2017 13:31 UTC
how many smurfs died to make that?
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:31 UTC
plenty :smiling_imp:
Margaret
@Margaret2
Jul 06 2017 13:32 UTC
:joy: it's nice though I like it :+1:
David Lower
@davidlower
Jul 06 2017 13:33 UTC
Yep that is blue
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:33 UTC
@thekholm80 I should put in notes that I do not approve questions like that one
David Lower
@davidlower
Jul 06 2017 13:33 UTC
hH
haha
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 13:34 UTC
Super Saiyan Blue!
Margaret
@Margaret2
Jul 06 2017 13:35 UTC
@diomed I really like this theme https://marketplace.visualstudio.com/items?itemName=gerane.Theme-Carbonnight but it's not available for Brackets
shivam gupta
@shivamg11000
Jul 06 2017 13:35 UTC
is React.propTypes any useful in 2017
Margaret
@Margaret2
Jul 06 2017 13:35 UTC
nice and gray :)
Kyle Holm
@thekholm80
Jul 06 2017 13:35 UTC
react.proptypes is deprecated, now there's an external library
and yes, it's useful
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:36 UTC
classic woman
all you want is 50 shades of grey
Margaret
@Margaret2
Jul 06 2017 13:37 UTC
all I want!?
David Lower
@davidlower
Jul 06 2017 13:37 UTC
@diomed Shall I go and get a shovel???
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:37 UTC
lol
4what?
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 13:38 UTC
to spank... grey style!
David Lower
@davidlower
Jul 06 2017 13:38 UTC
50 shades of grey comment
obviously not many woman on here right now
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:38 UTC
just Margaret
and she's unforgiving
David Lower
@davidlower
Jul 06 2017 13:39 UTC
Ok
Margaret
@Margaret2
Jul 06 2017 13:39 UTC
haha i guess you can tell who's actually watched it and who hasn't :D i didn't get the shovel thing either
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 13:39 UTC
I read it!
David Lower
@davidlower
Jul 06 2017 13:39 UTC
I still can’t fix my tribute page - why am I getting padding around my image. Sorry I am trying to read up about it but it ain’t workin!!!
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 13:40 UTC
@davidlower you got codepen?
Eric Weiss
@eweiss17
Jul 06 2017 13:40 UTC
"obviously not many woman on here right now" you are in a coding chat room.... when would this ever be not true
Margaret
@Margaret2
Jul 06 2017 13:41 UTC

@eweiss17 MDN on the image element

This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

David Lower
@davidlower
Jul 06 2017 13:42 UTC
I thought woman a coding was a growing entity these days
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:44 UTC
@eweiss17 which begs the question - what do these creatures really do?
David Lower
@davidlower
Jul 06 2017 13:44 UTC
Try to find me in suits for the 50 shades of grey experience
so anyone figured out my problem
Margaret
@Margaret2
Jul 06 2017 13:45 UTC

what do these creatures really do?

these creatures?

@diomed
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:46 UTC
yes. women
Margaret
@Margaret2
Jul 06 2017 13:46 UTC
@diomed :angry: :angry:
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:46 UTC
who don't code
u mad? :trollface:
Margaret
@Margaret2
Jul 06 2017 13:46 UTC
@diomed so you're implying that women don't have anything else worthwhile to do...?
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 13:47 UTC
@davidlower You should not have white space between those elements that are displayed as inline-block
comment out the white space in between
like this
<image class="images"><!--
      --><img class="image-1" src="...andrew-still-sitting-small.jpg" alt="Andrew Still sitting"><!--
      --><img class="image-2" src="...andrew-still-reading.jpg" alt="Andrew Taylor Still is reading a book"><!--
      --><img class="image-3" src="...andrew-still-studying-small.jpg" alt="Andrew Taylor Still is reading a book"><!--
    --></image>
Note the HTML comments
David Lower
@davidlower
Jul 06 2017 13:47 UTC
I have not come across this before
I’ll give it a try
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:48 UTC
@Margaret2 some of them,probably
Margaret
@Margaret2
Jul 06 2017 13:48 UTC
what, that makes no sense @SweetCodingInc white space doesn't matter in html
Eric Weiss
@eweiss17
Jul 06 2017 13:48 UTC
@diomed have you ever attended a computer science class? it's a sausage fest
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 13:48 UTC
@Margaret2 Let @davidlower confirm that ;)
Take a look at the fork
David Lower
@davidlower
Jul 06 2017 13:50 UTC
@SweetCodingInc how the hell did you do that? That is exactly what I was after.
Is that good coding ethics
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 13:50 UTC
@Margaret2 : To answer your question, the elements that are of display:inline-block; add white space around them if there is white in HTML
David Lower
@davidlower
Jul 06 2017 13:51 UTC
4px of space yes
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 13:51 UTC

@davidlower

Is that good coding ethics

It is a well known problem since, I don't know... 2002 may be....

Margaret
@Margaret2
Jul 06 2017 13:51 UTC
@SweetCodingInc hm, i have not heard that, learned something new
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 13:52 UTC
@davidlower : It can be handled via CSS as well.. With a property called white-space:no-wrap;
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 13:52 UTC
But commenting out white space in HTML is much efficient than applying CSS rule
David Lower
@davidlower
Jul 06 2017 13:52 UTC
@SweetCodingInc Oh man you coming out with good today. I would prefer to keep it is CSS
great
@SweetCodingInc thanks so much
CamperBot
@camperbot
Jul 06 2017 13:52 UTC
davidlower sends brownie points to @sweetcodinginc :sparkles: :thumbsup: :sparkles:
:cookie: 82 | @sweetcodinginc |http://www.freecodecamp.com/sweetcodinginc
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:53 UTC
wut jst happened?
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 13:53 UTC
@davidlower :+1:
David Lower
@davidlower
Jul 06 2017 13:53 UTC
Ok so doing it in html is better than css
why is that
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 13:53 UTC
When you specify some rule in css, it gets applied AFTER your dom is instantiated.
David Lower
@davidlower
Jul 06 2017 13:54 UTC
ok so when the browser is loading html happens first and then css.
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 13:54 UTC
The problem exists in html tag placement. Then you apply CSS and then in CSS you apply fix to get rid of problem that exists in HTML
wouldn't it be more efficient if you don't put a problem there in the first place?

ok so when the browser is loading html happens first and then css.

Mostly, yes

In your case, definitely yes
David Lower
@davidlower
Jul 06 2017 13:55 UTC
less processing
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 13:55 UTC
less processing = better performance
David Lower
@davidlower
Jul 06 2017 13:55 UTC
right makes yes
Cool another gold nugget. I feel like a goldfish haha
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 13:55 UTC
ha!
Eric Weiss
@eweiss17
Jul 06 2017 13:55 UTC
youd have to have some real jank code for html to cause a performance issue....
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 13:56 UTC

youd have to have some real jank code for html to cause a performance issue....

May be that's why virtual dom is such a topic of importance for research and optimization! ;)

Jokes apart, the way you organise your page defines your performance...
It indeed is a vital component.
David Lower
@davidlower
Jul 06 2017 14:00 UTC
It’s gone very quiet….
Toshi Badwaik
@toshibadwaik
Jul 06 2017 14:05 UTC
hey guy if i wanna add image to my page is it necessary that i need to give a URL to fetch the image…. can i give it a path to get it fetched or upload from my machine
David Lower
@davidlower
Jul 06 2017 14:08 UTC
You can put the image in the same file as your css and html and then just have the path selected for that image. Really simple. But if you want to share your site of codepen or somewhere else you will need to host those images online somewhere
@SweetCodingInc are you still there. I have another problem related to the previous one
madhuri soni
@sonimadhuri
Jul 06 2017 14:09 UTC
@toshibadwaik http://postimages.org/ you could host your image there
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 14:10 UTC
@davidlower Yes
David Lower
@davidlower
Jul 06 2017 14:10 UTC
@SweetCodingInc Do you still have the pen open
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 14:10 UTC
no
David Lower
@davidlower
Jul 06 2017 14:10 UTC
A lot of text has now become hidden under the images
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 14:10 UTC
I see
David Lower
@davidlower
Jul 06 2017 14:10 UTC
Ok I’ll resent
resent
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 14:11 UTC
share that link again
David Lower
@davidlower
Jul 06 2017 14:11 UTC
resend
So it is as though the image.container is invisible. It’s not allowing padding above or below.
Justin25
@Justin25
Jul 06 2017 14:12 UTC
Does anyone know if there should be any reason why I cant set margin and padding of a class using @media?
Here is the code I am using '.left {
padding-right: 0em;
margin-right: 1em;
}
.right {
padding-left: 0em;
margin-left: 1em;
}'
Whoops
Eric Weiss
@eweiss17
Jul 06 2017 14:15 UTC
@davidlower why did u position absolute, i took it out and you got your padding back
David Lower
@davidlower
Jul 06 2017 14:15 UTC
@eweiss17 I was told to use absolute. Inline-block was not working
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 14:15 UTC
@davidlower : Just remove position:absolute; from .image-container
Eric Weiss
@eweiss17
Jul 06 2017 14:16 UTC
7.PNG
David Lower
@davidlower
Jul 06 2017 14:16 UTC
Right ok. So why does an absolute element make it invisible to padding
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 14:16 UTC
@davidlower As a rule of thumb.. As a beginner refrain from using any position apart from relative
Eric Weiss
@eweiss17
Jul 06 2017 14:17 UTC
absolute basically removes the element being seen by other elements... i think
relative will move the position but the other elements sitll think it is in it's original position
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 14:17 UTC
when browser reads your markup and renders it, it has certain way of placing elements.
Setting position rule makes browser break that rule and alter the placement
by default, each element will be placed where the previous element ends.
Now your .img-container has position attribute, so the browser will ignore natural placement
and put it where you've specified it
this affects placement of next element
David Lower
@davidlower
Jul 06 2017 14:19 UTC
Man I have been reading some much about the display and position elements and it is still screwing me head up
@SweetCodingInc @eweiss17 thanks guys
CamperBot
@camperbot
Jul 06 2017 14:20 UTC
davidlower sends brownie points to @sweetcodinginc and @eweiss17 :sparkles: :thumbsup: :sparkles:
:warning: davidlower already gave sweetcodinginc points
:cookie: 519 | @eweiss17 |http://www.freecodecamp.com/eweiss17
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 14:20 UTC
becuase now that section.img-container was taken out of natural flow, the next element will be place where previous was supposed to end
Eric Weiss
@eweiss17
Jul 06 2017 14:20 UTC
it's the hardest part of the easiest part
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 14:20 UTC
but the previous element ended abruptly so your current element was place where it shouldn't be placed
thus giving you the illusion of overlapping
georgebatton
@georgebatton
Jul 06 2017 14:21 UTC
I'm trying to create an animation with javascript with a bouncy ball going off the walls in all directions. I have all the x and y coordinates defined but all the ball does is bounce from one corner to the other. How do I get it to bounce all over the place?
Eric Weiss
@eweiss17
Jul 06 2017 14:21 UTC
@davidlower mm.... btw having a position: fixed; the page will also treat that is pretty much non existing..... will mess you up for your profolio....
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 14:22 UTC
Just a rule of thumb while you're learning all this - Just don't set position explicitly
I know absolute feels more concise, but you will never learn about html rendering if you keep using that
Eric Weiss
@eweiss17
Jul 06 2017 14:22 UTC
position: static is default
georgebatton
@georgebatton
Jul 06 2017 14:22 UTC

here's my code:var x = 0;
var y = 0;
//speed of ball
var speed = 0;

draw= function() {
background(201, 201, 240);
ellipse(x,y,20,20);
//ball horizontal path
//bounces off right wall
if (x > 390) {speed = -1;}
//bounces off left wall
if (x < 10) {speed = 1;}
//ball vertical path
//bounces off ceiling
if (y < 10) {speed = 1;}
//bounces off floor
if (y > 390) { speed = -1;}
//ball touches top wall

x=x + speed;
y=y + speed;

};

Sweet Coding :)
@SweetCodingInc
Jul 06 2017 14:23 UTC
@eweiss17 : Yes. Keep it as it is... At least while learning
David Lower
@davidlower
Jul 06 2017 14:23 UTC
Ok it kind of makes sense. Thanks guys
Eric Weiss
@eweiss17
Jul 06 2017 14:24 UTC

if you want to move an element doing,

 position: relative;
 top : 5em;
 left: 10%;

is a safe bet

Byron Scott
@bwscott08
Jul 06 2017 14:33 UTC
What's a good resource for sizing images to fit into rows? I am having a tough time getting images to fit. Is it important to know the dimensions of an imgae before choosing it or is there a way to size an image to be whatever I need it to be?
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 14:33 UTC
@bwscott08 Specify image dimensions in percentages
Eric Weiss
@eweiss17
Jul 06 2017 14:34 UTC
I guess you could do
max-width: 
max-height:
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 14:34 UTC
or learn about CSS flex box and use flex properties to fill images as per your requirement
Byron Scott
@bwscott08
Jul 06 2017 14:35 UTC
Just so I understand...if you have to size the image anyways what's the purpose of the grid system and img-responsive in bootstrap? Am I mistaken about it's functionality?
Thanks @eweiss17
CamperBot
@camperbot
Jul 06 2017 14:35 UTC
bwscott08 sends brownie points to @eweiss17 :sparkles: :thumbsup: :sparkles:
:cookie: 520 | @eweiss17 |http://www.freecodecamp.com/eweiss17
Steven Frederick
@sfrederick22
Jul 06 2017 14:37 UTC
postition: relative;
David Lower
@davidlower
Jul 06 2017 14:37 UTC
This flex box idea looks great. Is it good
Eric Weiss
@eweiss17
Jul 06 2017 14:37 UTC
BS - img-fluid = max-width: 100%; and height: auto;
Steven Frederick
@sfrederick22
Jul 06 2017 14:38 UTC
position: relative;
Eric Weiss
@eweiss17
Jul 06 2017 14:38 UTC
@davidlower no idea, i have been meaning to check it out
David Lower
@davidlower
Jul 06 2017 14:39 UTC
Yeah I read about it earlier today as a solution to my original problem with my images. But I wanted to avoid boxes for the moment - just a learning thing. I am trying to get to grips with position and display
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 14:40 UTC
They renamed img-responsive to img-fluid ????
Steven Frederick
@sfrederick22
Jul 06 2017 14:40 UTC
Test: test;
Eric Weiss
@eweiss17
Jul 06 2017 14:40 UTC
what is the default display of a div @davidlower
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 14:40 UTC
it starts with a b and ends a k :D
David Lower
@davidlower
Jul 06 2017 14:40 UTC
you guys read my mind
default is block
everything will always stack by default
Eric Weiss
@eweiss17
Jul 06 2017 14:41 UTC
what is display of a span
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 14:41 UTC
how about span?
label?
input
David Lower
@davidlower
Jul 06 2017 14:41 UTC
inline
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 14:42 UTC
These are all inline
b, big, i, small, tt abbr, acronym, cite, code, dfn, em, kbd, strong, samp, var a, bdo, br, img, map, object, q, script, span, sub, sup button, input, label, select, textarea
David Lower
@davidlower
Jul 06 2017 14:42 UTC
that means they will just follow along the line until there is a natural break
Byron Scott
@bwscott08
Jul 06 2017 14:44 UTC
blob
The 3rd puppy is my issue. How do I size it correctly??
David Lower
@davidlower
Jul 06 2017 14:45 UTC
@bwscott08 do you want it the same width as the others and the same height
Byron Scott
@bwscott08
Jul 06 2017 14:45 UTC
yes
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 14:45 UTC
@davidlower correct
David Lower
@davidlower
Jul 06 2017 14:45 UTC
you will have to crop it otherwise you will go wonky
It looks like its width is the same as the others. Just the height is to big. That difference you will have to crop
Byron Scott
@bwscott08
Jul 06 2017 14:46 UTC
What tools do I use to crop?
David Lower
@davidlower
Jul 06 2017 14:46 UTC
are you pc or mac
Byron Scott
@bwscott08
Jul 06 2017 14:46 UTC
pc
David Lower
@davidlower
Jul 06 2017 14:47 UTC
I am not sure
doesn’t the native pc or windows photo app do it
I don’t know what it is called
windonws photo
@bwscott08 A.T. Still (known as Drew by his siblings) was the third of nine children (5 boys and 4 girls) born to Abram Still a Methodist minister/circuit rider and frontier medical doctor, and Martha Poague Moore. Four of Abram and Martha’s children later became physicians. A. T. Still and his younger brother Thomas both apprenticed with their physician father and were trained as medical doctors. Drew’s older brother James attended allopathic medical school becoming an MD and later a DO under the tutelage of his younger brother. The oldest of Abram and Martha’s children, Edward also became a DO; he was in the first class at the American School of Osteopathy in 1892.
sorry ignore that
cropping photos with windows photo viewer
ignore that too
here
you can crop it inside of Internet explorer it looks like
Byron Scott
@bwscott08
Jul 06 2017 14:49 UTC
lol
Thanks
Eric Weiss
@eweiss17
Jul 06 2017 14:49 UTC
check out the dimensions of the other 2
480 x 520 or whatever
you can resize pics with sites online
David Lower
@davidlower
Jul 06 2017 14:50 UTC
if you don’t know how to do that right click on the photo and search for info
at least on a mac you can do that. I suspect you on windows
Eric Weiss
@eweiss17
Jul 06 2017 14:51 UTC
ya it tells you
David Lower
@davidlower
Jul 06 2017 14:52 UTC
right i am off to feed my kids - thanks @eweiss17 and @SweetCodingInc for all your help. It’s been brilliant
CamperBot
@camperbot
Jul 06 2017 14:52 UTC
davidlower sends brownie points to @eweiss17 and @sweetcodinginc :sparkles: :thumbsup: :sparkles:
:warning: davidlower already gave sweetcodinginc points
:warning: davidlower already gave eweiss17 points
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 14:52 UTC
@davidlower :+1:
shivam gupta
@shivamg11000
Jul 06 2017 14:54 UTC
what is the best practise of using CSS with React
1) using CSS in js
or
2) using CSS in CSS
how to change the heading color?
Adit
@adittyagi
Jul 06 2017 15:38 UTC
<h2 style="text-color:white">
Telca
@Telca
Jul 06 2017 15:39 UTC
Just insert in the class, the color you want
Adit
@adittyagi
Jul 06 2017 15:40 UTC
Or simply <h2 style="color:white">
Telca
@Telca
Jul 06 2017 15:40 UTC
In CSS put .green-text {color:green;} <h1 class="green-text"><h1>
use the <center> <h1 class="green-text">Hello World<h1> </center>
madhuri soni
@sonimadhuri
Jul 06 2017 15:48 UTC
<center> is deprecated in html5 .you could use text-align:center;
Liam Docherty
@ldocherty1
Jul 06 2017 15:50 UTC

I was wondering how I can remove the red dot at the end of my text animation word switch. I have no idea if this could be a browser issue. However, it seems to come up on multiple devices and browsers I tested the webpage on.

The red dot is appearing only on the safari browser.

Look at the end of the word "graphic designer" you will see the red dot.

Here is a link to my site code using jsfiddle

Mukul Agrawal
@mukul09
Jul 06 2017 16:07 UTC
how can i remove the blue outline after I click the button tweet the quote
https://codepen.io/mukul09/pen/pwWEYz?editors=0100
Margaret
@Margaret2
Jul 06 2017 16:09 UTC
@mukul09 .row:focus {outline-color:none;} should work
Mukul Agrawal
@mukul09
Jul 06 2017 16:10 UTC
@Margaret2 not working
Dan Hornsberger
@djhornsb
Jul 06 2017 16:29 UTC
Can anyone give me a simple explanation of how to deal with the asynchronous nature of Ajax requests? This twitch API project is giving me a headache.
May Kittens Devour Your Soul
@diomed
Jul 06 2017 16:31 UTC
Dan Hornsberger
@djhornsb
Jul 06 2017 16:32 UTC
@diomed thanks will do!
CamperBot
@camperbot
Jul 06 2017 16:32 UTC
djhornsb sends brownie points to @diomed :sparkles: :thumbsup: :sparkles:
:star2: 5148 | @diomed |http://www.freecodecamp.com/diomed
MightyGarhem
@MightyGarhem
Jul 06 2017 16:50 UTC
Do you guys have any tips how I can finish the tribute page? I want try to have a clean / nice design without much text. Thanks in advance! https://codepen.io/MightyGarhem/pen/LLQoxG
Alexander Køpke
@alexanderkopke
Jul 06 2017 16:54 UTC
Justin25
@Justin25
Jul 06 2017 16:57 UTC
How do I get my javascript (jquery) to execute continuously in codepen? Right now it executes once and then stops running.
Eric Weiss
@eweiss17
Jul 06 2017 17:06 UTC
oh, they stopped linking gitter to new people....... why the hell did they do that
May Kittens Devour Your Soul
@diomed
Jul 06 2017 17:06 UTC
@MightyGarhem where is link? u need to have a link on your page
Kyle Holm
@thekholm80
Jul 06 2017 17:06 UTC
@eweiss17 Quincy said:
To answer your many questions, here’s the current state of chat:
We dramatically simplified the onboarding. We didn’t want to send new campers off to create a GitHub account immediately. We wanted them to start coding.
Since we weren’t pushing them to create a GitHub account, they wouldn’t be able to join Gitter (you need a GitHub account to join Gitter). They could still join the forum, though, because you can sign up for it using an email address.
Since the forum is easily accessible to the typical new coder, where as GitHub requires you to create an account (and unfortuantely this process seems to get more complicated with time) we decided to remove the Gitter button from the nav so people wouldn’t click it and not know how to join, or get frustrated trying to join (for example, Gitter allows for Twitter auth, but freeCodeCamp itself doesn’t allow for Twitter auth, and this was causing a ton of support issues as well).
Also, there are a significant percentage of people who just don’t feel comfortable with chat rooms, and thrusting them into a chat room was discouraging them and contributing to attrition.
Gitter isn’t going anywhere. Chat remains a big part of our curriculum. It’s helpful for more experienced campers. We still link to it from our forum, our about page, and our settings page.
The forum has lots of tools to detect a duplicate question being asked and link people to a thread that answers that question (like Stack Overflow and Quora do). This dramatically reduces the number of redundant questions. This makes it a better fit for beginners.
Linking directly to a guide article (which we’re actively working to further expand and improve) helps campers get unstuck much faster.
There are a lot of amazing contributors who hang the chat rooms to help campers who are stuck, like you all. We want to help everyone stay sane and keep the chat a less chaotic, less stressful place.
To give you some perspective, we are thinking about the community at least 17 years into the future in terms of sustainability. We are getting thousands of new campers a day and we realize there are a ton more people who want to learn to code than there are people who know how to code and are willing to hang out and help newcomers.
Sustainability is the name of the game :grinning:
May Kittens Devour Your Soul
@diomed
Jul 06 2017 17:06 UTC
@eweiss17 lol, didn't u notice how dead it is here, past few days
Kyle Holm
@thekholm80
Jul 06 2017 17:07 UTC
so that's why
Eric Weiss
@eweiss17
Jul 06 2017 17:08 UTC
the help chat is what made this site better
MightyGarhem
@MightyGarhem
Jul 06 2017 17:08 UTC
Why isnt my last image of einstein floating on the left side? https://codepen.io/MightyGarhem/pen/LLQoxG
Kyle Holm
@thekholm80
Jul 06 2017 17:08 UTC
help chat is still here
there's just less "how do i write hello world" every day
Eric Weiss
@eweiss17
Jul 06 2017 17:09 UTC
@thekholm80 how do i write "hello world"?
Coy Sanders
@coymeetsworld
Jul 06 2017 17:09 UTC
look at the example
:)
Kyle Holm
@thekholm80
Jul 06 2017 17:09 UTC
do you have a credit card? that's the first step
i'll need the 3 digit number on the back, too
zahidza
@zahidza
Jul 06 2017 17:10 UTC
<style>
.red-text {
color: rgb(255, 0, 0)
}
.orchid-text {
color: rgb(218, 112, 214)
}
.sienna-text {
color: rgb(160, 82, 45)
}
.blue-text {
color: rgb(0, 0, 255)
}
</style>
what I am doing wrong here
Coy Sanders
@coymeetsworld
Jul 06 2017 17:10 UTC
@zahidza you need to end your statements with semicolons remember
zahidza
@zahidza
Jul 06 2017 17:10 UTC
thanks
May Kittens Devour Your Soul
@diomed
Jul 06 2017 17:11 UTC
@thekholm80 that's a developer if I've ever seen 1
Kyle Holm
@thekholm80
Jul 06 2017 17:11 UTC
@diomed lol i saw that this morning
"i'm fluent in pikachu"
Coy Sanders
@coymeetsworld
Jul 06 2017 17:11 UTC
god I should do that
May Kittens Devour Your Soul
@diomed
Jul 06 2017 17:12 UTC
just do it
Coy Sanders
@coymeetsworld
Jul 06 2017 17:12 UTC
i get asked by recruiters to apply for jobs in Hadoop Big Data Architect 10+ years exp
all I put on my profile was I work in Big Data, I don't have 10+ years exp and I don't have any exp with Hadoop
also list looking only for permanent work in my area, many try giving me contract work across the country
Kyle Holm
@thekholm80
Jul 06 2017 17:13 UTC
location independent work is my favorite
I get over 5 weeks paid vacation every year, last year i took like 4 days. I can take my laptop with me and work from anywhere lol
Eric Weiss
@eweiss17
Jul 06 2017 17:14 UTC
you mean freelance work
Kyle Holm
@thekholm80
Jul 06 2017 17:14 UTC
no
Alexander Køpke
@alexanderkopke
Jul 06 2017 17:14 UTC
why he wrote hadoop twice?
May Kittens Devour Your Soul
@diomed
Jul 06 2017 17:16 UTC
smth about Data too big for just once.
Alexander Køpke
@alexanderkopke
Jul 06 2017 17:16 UTC
oh yeah big data
theclayster
@theclayster
Jul 06 2017 17:16 UTC
quick question
var studlyCapVar = 10;
var properCamelCase = "A String";
var titleCaseOver = 9000;
var studlyCapVar = studlyCapVar == 10;
var properCamelCase;
// Assignments
studlyCapVar = 10;
properCamelCase = "A String";
titleCaseOver = 9000;
studlyCapVar should use camelCase in both declaration and assignment sections.
properCamelCase should use camelCase in both declaration and assignment sections.
Coy Sanders
@coymeetsworld
Jul 06 2017 17:17 UTC
var studlyCapVar = studlyCapVar == 10;
theclayster
@theclayster
Jul 06 2017 17:18 UTC
oohh thanks @coymeetsworld
CamperBot
@camperbot
Jul 06 2017 17:18 UTC
theclayster sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2941 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Jul 06 2017 17:18 UTC
also, you're declaring and assigning at the top
they're asking you to declare first, then assign later. You're also defining variables more than once, you shouldn't do that
Kyle Holm
@thekholm80
Jul 06 2017 17:18 UTC
does that give the invalid left side error?
May Kittens Devour Your Soul
@diomed
Jul 06 2017 17:19 UTC
I totally thought Hadoop is a pokemon. lol
Kyle Holm
@thekholm80
Jul 06 2017 17:19 UTC
lol
Coy Sanders
@coymeetsworld
Jul 06 2017 17:19 UTC
sounds like it tho
Alexander Køpke
@alexanderkopke
Jul 06 2017 17:19 UTC
there might be one called that?
Kyle Holm
@thekholm80
Jul 06 2017 17:19 UTC
that's what Haskel evolves into
Sarcasm
@krnaik-58
Jul 06 2017 17:21 UTC
how do i center my h1,img and h2 elements
https://codepen.io/sarcasm58/pen/bRMgVx
theclayster
@theclayster
Jul 06 2017 17:21 UTC
wait @coymeetsworld everything worked except studlyCapVar i tried declaring it but that didnt work either
Alexander Køpke
@alexanderkopke
Jul 06 2017 17:23 UTC
@krnaik-58 is it a real question or sarcasm?
Coy Sanders
@coymeetsworld
Jul 06 2017 17:24 UTC
@krnaik-58 you're centering with bootstrap 3 code
but you're importing v4
theclayster
@theclayster
Jul 06 2017 17:24 UTC
i got it
Coy Sanders
@coymeetsworld
Jul 06 2017 17:24 UTC
theres major differences between the two