These are chat archives for FreeCodeCamp/Help

6th
Jul 2017
Joseph
@revisualize
Jul 06 2017 00:00
@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
Hello there
I really need help
Joseph
@revisualize
Jul 06 2017 00:04
okay?
Renan Teixeira Ferraz
@RTFerraz
Jul 06 2017 00:04
someone here passed through the basic algorithms challenge?
Joseph
@revisualize
Jul 06 2017 00:04
I have
Renan Teixeira Ferraz
@RTFerraz
Jul 06 2017 00:05
Hi @revisualize
Joseph
@revisualize
Jul 06 2017 00:05
Hi.
Renan Teixeira Ferraz
@RTFerraz
Jul 06 2017 00:06
Did you understand the resolution when recognizing the falseys?
in the falsy bouncer challenge
Joseph
@revisualize
Jul 06 2017 00:06
What?
@RTFerraz oh. Yeah.
Renan Teixeira Ferraz
@RTFerraz
Jul 06 2017 00:07
I'm going have dinner now
Can I call you later?
Joseph
@revisualize
Jul 06 2017 00:07
No.
I may not be on later.
Renan Teixeira Ferraz
@RTFerraz
Jul 06 2017 00:08
alright
Joseph
@revisualize
Jul 06 2017 00:09
.
. ..
. .. ...
. .. ... ....
. .. ... .... .....
wtf just happened
Anyhow.
theclayster
@theclayster
Jul 06 2017 00:10
@revisualize i dont understant i changed them but nothing is happening
Joseph
@revisualize
Jul 06 2017 00:16
@theclayster Question ... In math .... x + 3 = 10 What is x?
MichaelRavid
@MichaelRavid
Jul 06 2017 00:24
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
Java, or javascript @MichaelRavid ?
MichaelRavid
@MichaelRavid
Jul 06 2017 00:28
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
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

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
@ilyasofficial1617 what are you trying to do exactly? There's no context to this code
ilyasofficial
@ilyasofficial1617
Jul 06 2017 00:42
@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
Need help here too
in falsy bouncer challenge
Coy Sanders
@coymeetsworld
Jul 06 2017 00:46
@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
@coymeetsworld thanks :)
CamperBot
@camperbot
Jul 06 2017 00:51
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
np
Renan Teixeira Ferraz
@RTFerraz
Jul 06 2017 00:54

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
@coymeetsworld think i'm going to have to use mocha for my back end
Manish Giri
@Manish-Giri
Jul 06 2017 01:03
@thekholm80 hav you used create-react-app before?
Kyle Holm
@thekholm80
Jul 06 2017 01:03
i have
installed it, used it once then uninstalled it
Manish Giri
@Manish-Giri
Jul 06 2017 01:04
does it generate components automatically?
Kyle Holm
@thekholm80
Jul 06 2017 01:04
at least one, if i remember right
Rafael dos Santos Silveira
@rafassilveira
Jul 06 2017 01:04
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
@thekholm80 how come?
Joseph
@revisualize
Jul 06 2017 01:07
@rafassilveira is anything showing up in your dev console?
Kyle Holm
@thekholm80
Jul 06 2017 01:07
@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
lack of documentation for what though?
Kyle Holm
@thekholm80
Jul 06 2017 01:08
testing apis in jest
Coy Sanders
@coymeetsworld
Jul 06 2017 01:08
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
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
@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
Ok thkx @revisualize
Nefton
@neftonjin
Jul 06 2017 01:17
hi can someone explain me the difference beteween += and =+ in javascript
Kyle Holm
@thekholm80
Jul 06 2017 01:19
+= increments and assigns in one go
so
var a = 1;
a += 2;
console.log(a); // 3
Momozor
@momozor
Jul 06 2017 01:23
I think =+ cast string to number, maybe?
Kyle Holm
@thekholm80
Jul 06 2017 01:24
i can't find anything about it, but i'm not really searching too hard
Manish Giri
@Manish-Giri
Jul 06 2017 01:24
yes + casts to number
Momozor
@momozor
Jul 06 2017 01:24
var b = "90";
console.log(b); // '90'

b =+ 90;
console.log(b) // 90
Manish Giri
@Manish-Giri
Jul 06 2017 01:24
same as parseInt
nicmuniz
@nicmuniz
Jul 06 2017 01:25
can anyone help with lesson 80
__mifflin__
@cdrainxv
Jul 06 2017 01:26
Yes… the answer is 42.
Kyle Holm
@thekholm80
Jul 06 2017 01:26
lol
theclayster
@theclayster
Jul 06 2017 01:28
um fucking lost smh sorry for my french
luccifer00
@luccifer00
Jul 06 2017 01:29
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
nice @thekholm80
Kyle Holm
@thekholm80
Jul 06 2017 01:30
Eric Elliott is all about TDD, seems weird writing the tests first
Coy Sanders
@coymeetsworld
Jul 06 2017 01:31
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
sure gives you some goal posts to aim at
Coy Sanders
@coymeetsworld
Jul 06 2017 01:31
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
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
return arr.filter(val => val);
try that
@jcunanan05
Jonathan Cunanan
@jcunanan05
Jul 06 2017 01:40
ohh that's the es6 way @Manish-Giri ok thanks
CamperBot
@camperbot
Jul 06 2017 01:40
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
Try it without the semicolon as well. Semicolons will not save you. :smile:
theclayster
@theclayster
Jul 06 2017 01:41
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
image.png
@coymeetsworld lost my 100%
Manish Giri
@Manish-Giri
Jul 06 2017 01:42
@theclayster a should be 6 AFTER the set of operations below
Jonathan Cunanan
@jcunanan05
Jul 06 2017 01:43
@cdrainxv haha the freecodecamp editor squacks when i don't include semicolon :))
Manish Giri
@Manish-Giri
Jul 06 2017 01:43
so like AFTER a = a + 1
same for the rest
@theclayster
__mifflin__
@cdrainxv
Jul 06 2017 01:43

@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
i tried that
Jean Paul Nicola
@JeanAsUsername
Jul 06 2017 01:43
Hi ;))))
theclayster
@theclayster
Jul 06 2017 01:43
lemme see if it works
Coy Sanders
@coymeetsworld
Jul 06 2017 01:44
fix it @thekholm80 :)
Brisket1
@Brisket1
Jul 06 2017 01:44

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

// 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
did you read what I said earlier?
@theclayster
Joseph
@revisualize
Jul 06 2017 01:52
@theclayster 6 + 1 is 7
theclayster
@theclayster
Jul 06 2017 01:52
yea but it says dont change anything below that line @Manish-Giri
Joseph
@revisualize
Jul 06 2017 01:52
15 + 5 is 20
Manish Giri
@Manish-Giri
Jul 06 2017 01:52
@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

As per :

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

Joseph
@revisualize
Jul 06 2017 01:52
@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
yea i had to drive home my bad.. @revisualize
Joseph
@revisualize
Jul 06 2017 01:54
@theclayster It's all good.
theclayster
@theclayster
Jul 06 2017 01:54
but im kinda getting frustrated and nothing is working
Joseph
@revisualize
Jul 06 2017 01:54
@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
10
Joseph
@revisualize
Jul 06 2017 01:56
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
7
Joseph
@revisualize
Jul 06 2017 01:57
@theclayster what should it be?
theclayster
@theclayster
Jul 06 2017 01:58
6
Joseph
@revisualize
Jul 06 2017 01:58
How do you fix that?
theclayster
@theclayster
Jul 06 2017 01:58
ok i fixed that, now the string is the only thing that is still unidentified
Joseph
@revisualize
Jul 06 2017 01:59
@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
@theclayster still here?
theclayster
@theclayster
Jul 06 2017 02:03
yea
Joseph
@revisualize
Jul 06 2017 02:04
Ok.
theclayster
@theclayster
Jul 06 2017 02:04
im trying to figure this out, i feel like a dumbss
Joseph
@revisualize
Jul 06 2017 02:04
Let's work though this
Kyle Holm
@thekholm80
Jul 06 2017 02:05

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

@theclayster

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

What is the value of str after code is ran?

theclayster
@theclayster
Jul 06 2017 02:05
hello world
Joseph
@revisualize
Jul 06 2017 02:06
@theclayster no.
Jonathan Cunanan
@jcunanan05
Jul 06 2017 02:06
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
hold on i think i figured it out
Joseph
@revisualize
Jul 06 2017 02:06
@theclayster be exact.
theclayster
@theclayster
Jul 06 2017 02:06
hello world!
Joseph
@revisualize
Jul 06 2017 02:06
@theclayster No
@theclayster Be exact... Caps matter.
theclayster
@theclayster
Jul 06 2017 02:07
Hello World!
Joseph
@revisualize
Jul 06 2017 02:07
@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
I am a litte Teapot!
Joseph
@revisualize
Jul 06 2017 02:08
great
theclayster
@theclayster
Jul 06 2017 02:08
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

@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
I am a little Teapot! Teapot!
Joseph
@revisualize
Jul 06 2017 02:10
@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
i just changed that and it didnt do anything
@revisualize
Joseph
@revisualize
Jul 06 2017 02:10
@theclayster show
theclayster
@theclayster
Jul 06 2017 02:11

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
@theclayster What is c after the code is ran?
theclayster
@theclayster
Jul 06 2017 02:11
I am a String! String!
Joseph
@revisualize
Jul 06 2017 02:12
What should it be?
theclayster
@theclayster
Jul 06 2017 02:12
I am a String!
Joseph
@revisualize
Jul 06 2017 02:12
How do you fix it?
theclayster
@theclayster
Jul 06 2017 02:12
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
theclayster sends brownie points to @revisualize :sparkles: :thumbsup: :sparkles:
:star2: 4314 | @revisualize |http://www.freecodecamp.com/revisualize
pacbac
@pacbac
Jul 06 2017 02:14
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
@theclayster hopefully you learned a lot.
theclayster
@theclayster
Jul 06 2017 02:22
definitely @revisualize
Janelle deMent
@janelledement
Jul 06 2017 02:26

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
@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
@coymeetsworld thank you for all the feedback. What is an out of bounds issue?
CamperBot
@camperbot
Jul 06 2017 02:33
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
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
@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
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
@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

@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
: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
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
hello
that i
or no
hmm
Kyle Holm
@thekholm80
Jul 06 2017 02:57
@nicmuniz <input typle="text"
Eric Miller
@ericmiller777
Jul 06 2017 02:57
@nicmuniz which one is that
Kyle Holm
@thekholm80
Jul 06 2017 02:57
what's a typle?
Eric Miller
@ericmiller777
Jul 06 2017 02:57
there we go
nicmuniz
@nicmuniz
Jul 06 2017 02:57
thanks @thekholm80
CamperBot
@camperbot
Jul 06 2017 02:57
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
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
that's the trouble with trying to use other people's code
Eric Miller
@ericmiller777
Jul 06 2017 02:58
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
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
i see
@thekholm80 thanks
CamperBot
@camperbot
Jul 06 2017 03:01
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
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
yea it works thanks
Kyle Holm
@thekholm80
Jul 06 2017 03:03
np
Eric Miller
@ericmiller777
Jul 06 2017 03:03
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
706.png
hi who can help me ? why cannot find common-header.html ,I have an it,
GRIMROOT
@GRIMROOT
Jul 06 2017 03:11
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
7061.png
Kyle Holm
@thekholm80
Jul 06 2017 03:12
@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
ok thanks
GRIMROOT
@GRIMROOT
Jul 06 2017 03:14
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
@GRIMROOT are you using bootstrap?
GRIMROOT
@GRIMROOT
Jul 06 2017 03:16
no just html and css
im really bad at bootstrap
Kyle Holm
@thekholm80
Jul 06 2017 03:16
then i'd look into learning flexbox and media queries
Eric Miller
@ericmiller777
Jul 06 2017 03:16
z-index:1; fixed my problem
Kyle Holm
@thekholm80
Jul 06 2017 03:16
responsive design is awesome and definitely worth learning
GRIMROOT
@GRIMROOT
Jul 06 2017 03:17
i will
Kyle Holm
@thekholm80
Jul 06 2017 03:17
you can go a long way with just flexbox
flexboxfroggy.com
Claudio Restifo
@Marmiz
Jul 06 2017 03:23
@thekholm80 @GRIMROOT or I just published a tutorial on flexbox layout :)
here
Shameless self promotion :P
Kyle Holm
@thekholm80
Jul 06 2017 03:24
brb reporting you to admins
incoming ban
Claudio Restifo
@Marmiz
Jul 06 2017 03:24
Already doing myself ;)
Kyle Holm
@thekholm80
Jul 06 2017 03:24
lol
your pic cracks me up
Claudio Restifo
@Marmiz
Jul 06 2017 03:26
:wavy_dash: ?
Kyle Holm
@thekholm80
Jul 06 2017 03:27
yeah
Claudio Restifo
@Marmiz
Jul 06 2017 03:27
I aplly to jobs with this picture
:D
Kyle Holm
@thekholm80
Jul 06 2017 03:27
does it help?
Claudio Restifo
@Marmiz
Jul 06 2017 03:27
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
that's actually pretty clever
Claudio Restifo
@Marmiz
Jul 06 2017 03:29
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
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
Tu gato es gordo ?
LOL
Kyle Holm
@thekholm80
Jul 06 2017 03:40
mucho gordo
muy lol oops
iduvancho303
@iduvancho303
Jul 06 2017 03:40
muy' niceeeeeee
looks like you spend all day here LOL
Kyle Holm
@thekholm80
Jul 06 2017 03:41
well, i have chat open while i do other things
trying to learn unit testing right now
iduvancho303
@iduvancho303
Jul 06 2017 03:41
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
i'd rather write code than just about anything else
iduvancho303
@iduvancho303
Jul 06 2017 03:45
is that what you do for living ?
Kyle Holm
@thekholm80
Jul 06 2017 03:46
nah, i wish
maybe some day
Ene Catalin
@EneCatalin
Jul 06 2017 03:46
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
x
look at that
iduvancho303
@iduvancho303
Jul 06 2017 03:47
of course...never say never....if you dream it, you can do it :)
Ene Catalin
@EneCatalin
Jul 06 2017 03:48
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
at least he has more experience....I am new to this...but I am trying
Manish Giri
@Manish-Giri
Jul 06 2017 03:48
and that
x
someday
Joseph
@revisualize
Jul 06 2017 03:48
/collapse-all
not working!
iduvancho303
@iduvancho303
Jul 06 2017 03:49
not to bad...my dream car is a BMW M3 thats all I want very simple....
Joseph
@revisualize
Jul 06 2017 03:49
Grrrrr
Pravin Mache
@pravinmache
Jul 06 2017 03:49
Please check my wikipedia Viewer https://codepen.io/pravinmache/pen/yXKJjO
Manish Giri
@Manish-Giri
Jul 06 2017 03:49
m3 is also a nice one
but doesn't have the strength of a Lamgo
iduvancho303
@iduvancho303
Jul 06 2017 03:50
@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
what about the language ?
Kyle Holm
@thekholm80
Jul 06 2017 03:50
i want this:
kyle's dream car
Ene Catalin
@EneCatalin
Jul 06 2017 03:50
btw install brackets/atom/webstorm
iduvancho303
@iduvancho303
Jul 06 2017 03:50
@Manish-Giri I dont care about the power....I prefer elegance....
Manish Giri
@Manish-Giri
Jul 06 2017 03:51
Porsche?
Kyle Holm
@thekholm80
Jul 06 2017 03:51
@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
@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
@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
it's also my second language
and a bunch of other peoples
iduvancho303
@iduvancho303
Jul 06 2017 03:53
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
what's ostrich's first lang
Ene Catalin
@EneCatalin
Jul 06 2017 03:53
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
I can swear in a lot of languages
Ene Catalin
@EneCatalin
Jul 06 2017 03:54
(by tried I mean it was shoved down my throat)
Manish Giri
@Manish-Giri
Jul 06 2017 03:55
I should visit Romania someday
Ene Catalin
@EneCatalin
Jul 06 2017 03:55
why ?
Kyle Holm
@thekholm80
Jul 06 2017 03:55
@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
lol
iduvancho303
@iduvancho303
Jul 06 2017 03:55
iwatch at least?
Kyle Holm
@thekholm80
Jul 06 2017 03:55
pfft no a good watch
iduvancho303
@iduvancho303
Jul 06 2017 03:56
I heard Romanian ladys are cute ...is that true ?
Rolex ?
Manish Giri
@Manish-Giri
Jul 06 2017 03:56
Rolex
iduvancho303
@iduvancho303
Jul 06 2017 03:57
for that price you better get some free stuff.....some stickers for the laptop....etc
Kyle Holm
@thekholm80
Jul 06 2017 03:57
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
what car do you have
Kyle Holm
@thekholm80
Jul 06 2017 03:58
a white one
Ene Catalin
@EneCatalin
Jul 06 2017 03:58
@iduvancho303 probs
Kyle Holm
@thekholm80
Jul 06 2017 03:58
toyota camry
iduvancho303
@iduvancho303
Jul 06 2017 03:58
a white porshe ?
Manish Giri
@Manish-Giri
Jul 06 2017 03:58
x
Kyle Holm
@thekholm80
Jul 06 2017 03:58
you sure you don't want a bugatti veyron?
iduvancho303
@iduvancho303
Jul 06 2017 03:58
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
as in getting hired as a junior developer
as a scrub
Manish Giri
@Manish-Giri
Jul 06 2017 04:02
I need a bigger monitor
iduvancho303
@iduvancho303
Jul 06 2017 04:03
Can you actually get hired just with a little knowledge of coding ?
Ene Catalin
@EneCatalin
Jul 06 2017 04:03
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
This message was deleted
Manish Giri
@Manish-Giri
Jul 06 2017 04:04
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
I mean it is true, presidents must get party support
Manish Giri
@Manish-Giri
Jul 06 2017 04:04
now he's an assistant prof at some univ in NC
iduvancho303
@iduvancho303
Jul 06 2017 04:04
LOL @EneCatalin around how much time it can take to get good at coding ?
Ene Catalin
@EneCatalin
Jul 06 2017 04:04
or business support
or massive redneck support :D
Manish Giri
@Manish-Giri
Jul 06 2017 04:05
but can't write a single line of code
Ene Catalin
@EneCatalin
Jul 06 2017 04:05
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
can I make it happen under 5 years? at least to get A JUNIOR JOB ETC...
Ene Catalin
@EneCatalin
Jul 06 2017 04:06
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
maybe one day @thekholm80 will hire me
hopefully in his startup
Kyle Holm
@thekholm80
Jul 06 2017 04:08
you want to teach homeless people to code?
iduvancho303
@iduvancho303
Jul 06 2017 04:08
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
'cause that's the only startup idea i have
Ene Catalin
@EneCatalin
Jul 06 2017 04:09
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
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
this (scam) would probs work, kinda
georgebatton
@georgebatton
Jul 06 2017 04:12
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
you mean C#
just check out unity
iduvancho303
@iduvancho303
Jul 06 2017 04:14
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
thanks
Kyle Holm
@thekholm80
Jul 06 2017 04:15
@Manish-Giri i have a problem
Ene Catalin
@EneCatalin
Jul 06 2017 04:15
press shift + enter
when you use ```
Manish Giri
@Manish-Giri
Jul 06 2017 04:16
o.O
Ene Catalin
@EneCatalin
Jul 06 2017 04:16
and give us the req
looks better like this
Manish Giri
@Manish-Giri
Jul 06 2017 04:16
@iduvancho303 background-color: green add the closing ;
Kyle Holm
@thekholm80
Jul 06 2017 04:16
git commit doesn't think my files have changed
Manish Giri
@Manish-Giri
Jul 06 2017 04:16
git status?
Ene Catalin
@EneCatalin
Jul 06 2017 04:16
also, good eye, missed that ;
iduvancho303
@iduvancho303
Jul 06 2017 04:16
#cat-photo-form { background-color: green }
Kyle Holm
@thekholm80
Jul 06 2017 04:16
On branch master
nothing to commit, working directory clean
iduvancho303
@iduvancho303
Jul 06 2017 04:17
like that ?
Manish Giri
@Manish-Giri
Jul 06 2017 04:17
git branch?
Kyle Holm
@thekholm80
Jul 06 2017 04:17
i only work on master
Manish Giri
@Manish-Giri
Jul 06 2017 04:17
then prolly your files aren't staged?
git add .
Kyle Holm
@thekholm80
Jul 06 2017 04:17
did that
git add, then git commit
shivam gupta
@shivamg11000
Jul 06 2017 04:18
hey whats the difference between JSON.parse() and .json()
Ene Catalin
@EneCatalin
Jul 06 2017 04:18
json.parse parses it ?
Kyle Holm
@thekholm80
Jul 06 2017 04:18
JSON.stringify() stringifys it
Manish Giri
@Manish-Giri
Jul 06 2017 04:18
that's strange
Kyle Holm
@thekholm80
Jul 06 2017 04:19
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
lol
that sucks
iduvancho303
@iduvancho303
Jul 06 2017 04:20
.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
huh ?
id elements are ids
classes are classes
Manish Giri
@Manish-Giri
Jul 06 2017 04:20
@shivamg11000 when you ask a question, do you post it to all possible FCC rooms?
Ene Catalin
@EneCatalin
Jul 06 2017 04:20
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
@Manish-Giri yep
daredevil-kohai
@daredevil-kohai
Jul 06 2017 04:20
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

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
that guy is efficient
iduvancho303
@iduvancho303
Jul 06 2017 04:20
ok let me give you an example
Manish Giri
@Manish-Giri
Jul 06 2017 04:20
don't do that
oh help front end also
shivam gupta
@shivamg11000
Jul 06 2017 04:21
it reduces the response time
Ene Catalin
@EneCatalin
Jul 06 2017 04:21
it also spams 10 chat rooms
shivam gupta
@shivamg11000
Jul 06 2017 04:21
@Manish-Giri it started from front-end
Manish Giri
@Manish-Giri
Jul 06 2017 04:21
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
when you're important, others can wait
iduvancho303
@iduvancho303
Jul 06 2017 04:22
.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
This message was deleted
Manish Giri
@Manish-Giri
Jul 06 2017 04:22
lol
Ene Catalin
@EneCatalin
Jul 06 2017 04:22
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
I didn't ask on LetsPair
Ene Catalin
@EneCatalin
Jul 06 2017 04:23
kyle stop posting granny prn
shivam gupta
@shivamg11000
Jul 06 2017 04:23
juery
Ene Catalin
@EneCatalin
Jul 06 2017 04:23
enough with it, we get you delete it after
Manish Giri
@Manish-Giri
Jul 06 2017 04:23
next time you post in that many rooms, i'll post in admin
simple
shivam gupta
@shivamg11000
Jul 06 2017 04:23
yet none have answered bcs no one knows
Ene Catalin
@EneCatalin
Jul 06 2017 04:23
no
Manish Giri
@Manish-Giri
Jul 06 2017 04:23
yes we are all beneath you
Ene Catalin
@EneCatalin
Jul 06 2017 04:23
because no one wants to google for you
it's a google away
Manish Giri
@Manish-Giri
Jul 06 2017 04:24
also no one likes googling
Ene Catalin
@EneCatalin
Jul 06 2017 04:24
I like googling
for myself
shivam gupta
@shivamg11000
Jul 06 2017 04:24
@EneCatalin I didn't find while googlinf
Manish Giri
@Manish-Giri
Jul 06 2017 04:24
me too
shivam gupta
@shivamg11000
Jul 06 2017 04:24
I alwas google first
Ene Catalin
@EneCatalin
Jul 06 2017 04:24
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
lol what happend with kyle
shivam gupta
@shivamg11000
Jul 06 2017 04:25
@EneCatalin what
Kyle Holm
@thekholm80
Jul 06 2017 04:25
@iduvancho303 the bird is being mean to me
Ene Catalin
@EneCatalin
Jul 06 2017 04:25
SON.parse() and .json()
daredevil-kohai
@daredevil-kohai
Jul 06 2017 04:25
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

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

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

}

});

Ene Catalin
@EneCatalin
Jul 06 2017 04:25
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

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
@EneCatalin but I tried both on a response object , one is not working
with fetch()
Ene Catalin
@EneCatalin
Jul 06 2017 04:27
BECAUSE IT'S JUST A CLASS NAME
FETCH IS A METHOD
Manish Giri
@Manish-Giri
Jul 06 2017 04:27
ostrich is triggered
Kyle Holm
@thekholm80
Jul 06 2017 04:27
@pravinmache i think the event handler is $("box").on('keyup', function(event) {
Ene Catalin
@EneCatalin
Jul 06 2017 04:27
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
@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
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
@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
it would be easier in jquery though
shivam gupta
@shivamg11000
Jul 06 2017 04:29
@EneCatalin You know my first langugae is C++
Ene Catalin
@EneCatalin
Jul 06 2017 04:29
so use that
then how are you not getting it ?
shivam gupta
@shivamg11000
Jul 06 2017 04:30
@shivamg11000 I do competitive programming in C
Ene Catalin
@EneCatalin
Jul 06 2017 04:30
one is a class, another a method of that class
shivam gupta
@shivamg11000
Jul 06 2017 04:30
@EneCatalin I understadn ,
but the result should be the same or not
Ene Catalin
@EneCatalin
Jul 06 2017 04:30
if you ask that you don't get it
shivam gupta
@shivamg11000
Jul 06 2017 04:30
both should do the same work
Ene Catalin
@EneCatalin
Jul 06 2017 04:30
no
or do you mean both
.fetch and .parse ?
Kyle Holm
@thekholm80
Jul 06 2017 04:31
@pravinmache can you give us a link to your project?
Ene Catalin
@EneCatalin
Jul 06 2017 04:31
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
@EneCatalin
fetch(url)
  .then( (res) => ( res.json() ) )
  .then(console.log)
Ene Catalin
@EneCatalin
Jul 06 2017 04:31
like, nothing similar
shivam gupta
@shivamg11000
Jul 06 2017 04:32
JSON.parse( res ) does not work
Kyle Holm
@thekholm80
Jul 06 2017 04:32
yikes
Ene Catalin
@EneCatalin
Jul 06 2017 04:32
god I need my morning coffee
shivam gupta
@shivamg11000
Jul 06 2017 04:32
@EneCatalin make one for me too
Kyle Holm
@thekholm80
Jul 06 2017 04:33
res.json is looking for a method in the res object
Manish Giri
@Manish-Giri
Jul 06 2017 04:33
.json() is an express function
Kyle Holm
@thekholm80
Jul 06 2017 04:33
called json
shivam gupta
@shivamg11000
Jul 06 2017 04:33
@thekholm80 method named?
k
that means .json() is nothing special
Ene Catalin
@EneCatalin
Jul 06 2017 04:34
well obv lol
wait
an express function
that's not a class ?
Kyle Holm
@thekholm80
Jul 06 2017 04:35
res.json() is a common api response in express
Manish Giri
@Manish-Giri
Jul 06 2017 04:35
JSON is a class too
Kyle Holm
@thekholm80
Jul 06 2017 04:35
except you would specify the json object
Manish Giri
@Manish-Giri
Jul 06 2017 04:35
the use case he's referring to is probably the express function
shivam gupta
@shivamg11000
Jul 06 2017 04:36
ty @Manish-Giri @thekholm80 @EneCatalin
CamperBot
@camperbot
Jul 06 2017 04:36
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
next time post the code lol, I think you would have gotten much better responses
Kyle Holm
@thekholm80
Jul 06 2017 04:37
finding answers is easy. figuring out what questions to ask is hard
#codingZenByKyle
Ene Catalin
@EneCatalin
Jul 06 2017 04:37
right, that's wrong :P. It's as easy as "I haz dis, what do ? "
Kyle Holm
@thekholm80
Jul 06 2017 04:37
i should write fortune cookies
Ene Catalin
@EneCatalin
Jul 06 2017 04:38
then people debug your question and ask for specifics
Momozor
@momozor
Jul 06 2017 04:38
:sheep:
Ene Catalin
@EneCatalin
Jul 06 2017 04:39
cat is not here
Momozor
@momozor
Jul 06 2017 04:40
@thekholm80 hey, about your mongoose issue? Any good news?
Kyle Holm
@thekholm80
Jul 06 2017 04:40
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
^ nice. That's the way
sathya narayana rao r
@ahteniv
Jul 06 2017 04:41
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
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
@ahteniv try dropbox
Pravin Mache
@pravinmache
Jul 06 2017 04:44
@thekholm80 I fixed the issue https://codepen.io/pravinmache/full/yXKJjO/
Kyle Holm
@thekholm80
Jul 06 2017 04:44
@pravinmache :+1: good job
sathya narayana rao r
@ahteniv
Jul 06 2017 04:47
@Manish-Giri didnt work
Kyle Holm
@thekholm80
Jul 06 2017 04:50
@Manish-Giri i had to cheat but i got it to work lol
Dylan Smith
@dms909
Jul 06 2017 04:53
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
@thekholm80 :fire: :sparkles:
@ahteniv show the URL
Kyle Holm
@thekholm80
Jul 06 2017 04:54
@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
it worked. just replaced www.dropbox.com to dl.dropboxusercontent.com
Manish Giri
@Manish-Giri
Jul 06 2017 04:55
lol
meanwhile, I'm trying to make sense of this
Claudio Restifo
@Marmiz
Jul 06 2017 04:57

@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
@Manish-Giri that seems easier than using d3.min() and d3.max()
Manish Giri
@Manish-Giri
Jul 06 2017 04:58
precisely
Ygor Dantas
@ygordantas
Jul 06 2017 04:58

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
@Manish-Giri you're going to be a geometry expert soon
Coy Sanders
@coymeetsworld
Jul 06 2017 04:59
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
@thekholm80 i'm going to be dead soon
Ygor Dantas
@ygordantas
Jul 06 2017 05:00
@coymeetsworld K working on that
gyadav187
@gyadav187
Jul 06 2017 05:04
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
no idea
looks like a bug to me
Ross Scarborough
@SourceHorse
Jul 06 2017 05:12
$(function () {
$(li).append("<em>" + $(this).attr("id") + "</em>");
});
oops nevermind
Ene Catalin
@EneCatalin
Jul 06 2017 05:12
lol
gyadav187
@gyadav187
Jul 06 2017 05:13
@EneCatalin this should append my Ids right?
Ene Catalin
@EneCatalin
Jul 06 2017 05:13
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
ohh its okay
Ene Catalin
@EneCatalin
Jul 06 2017 05:14
found it
gyadav187
@gyadav187
Jul 06 2017 05:14
thanks anyway
Ene Catalin
@EneCatalin
Jul 06 2017 05:14
cut the ""
from li
in js
gyadav187
@gyadav187
Jul 06 2017 05:14
lemme try
thats not the problem
Ene Catalin
@EneCatalin
Jul 06 2017 05:16
$(li).append("<em>" + $(this).attr("id") + "</em>");
that's the correct code
Ross Scarborough
@SourceHorse
Jul 06 2017 05:16
oh i was right
lol
gyadav187
@gyadav187
Jul 06 2017 05:20
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
hey there peeps
Darren
@DarrenfJ
Jul 06 2017 06:16
monring fCC
@EneCatalin hey :wave: :D
also brownie shower for yah: thanks @EneCatalin
CamperBot
@camperbot
Jul 06 2017 06:17
darrenfj sends brownie points to @enecatalin :sparkles: :thumbsup: :sparkles:
:cookie: 431 | @enecatalin |http://www.freecodecamp.com/enecatalin
sparlkle4000
@sparlkle4000
Jul 06 2017 06:25
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
@sparlkle4000 It looks corrct
heroiczero
@heroiczero
Jul 06 2017 06:26
@sparlkle4000 looks right try refreshing page?
sparlkle4000
@sparlkle4000
Jul 06 2017 06:27
@shivamg11000 @heroiczero Thanks..But it's still telling me that something is missing...hmmm
CamperBot
@camperbot
Jul 06 2017 06:27
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
@sparlkle4000 send the link
shivam gupta
@shivamg11000
Jul 06 2017 06:31

@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
@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
Oh wow....
shivam gupta
@shivamg11000
Jul 06 2017 06:31
yeah right
sparlkle4000
@sparlkle4000
Jul 06 2017 06:32
@heroiczero @shivamg11000 Thanks!
CamperBot
@camperbot
Jul 06 2017 06:32
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
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
@Ollie15 because firstName and prop is a parameter where you treat it the same as variables
Viktor Tiutiun
@vittorioVT
Jul 06 2017 06:36
@Ollie15 [0] must be after firstName. this: firstName[0]
heroiczero
@heroiczero
Jul 06 2017 06:36
@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
@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
So how could I make it return the "likes" of "Akira"?
Manish Giri
@Manish-Giri
Jul 06 2017 06:37
@DarrenfJ :wave:
Viktor Tiutiun
@vittorioVT
Jul 06 2017 06:37
@DarrenfJ hi :smile:
Manish Giri
@Manish-Giri
Jul 06 2017 06:37
@DarrenfJ ty for the delicious :cookie:s yest :smile:
CamperBot
@camperbot
Jul 06 2017 06:37
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
@Ollie15 you should also use a if statement and else if
Oliver Webb
@Ollie15
Jul 06 2017 06:38
thanks @heroiczero @vittorioVT @DarrenfJ
CamperBot
@camperbot
Jul 06 2017 06:38
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
@Ollie15 welcome
Oliver Webb
@Ollie15
Jul 06 2017 06:40
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
yourObject["property"]
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 06:44
@Manfred28 If you're using bracket notation then adding . afteryourObject will cause syntax error
István Kozma
@Manfred28
Jul 06 2017 06:44
ups
Joseph
@revisualize
Jul 06 2017 06:44
@Manfred28 that isn't how you access an object property
István Kozma
@Manfred28
Jul 06 2017 06:44
edited
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 06:44
It should be yourObject["property"]
István Kozma
@Manfred28
Jul 06 2017 06:44
morning >_>
István Kozma
@Manfred28
Jul 06 2017 06:45
guuuuuys it was just a typo :D
but thanks for the correction :P
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 06:45
no worries
Oliver Webb
@Ollie15
Jul 06 2017 06:46
yes however firstName and prop is a parameter where you treat it the same as variables
Joseph
@revisualize
Jul 06 2017 06:48
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
@Manish-Giri @vittorioVT hye guys.. sorry stepped out of tumbleweed town to go do some schtuff
Viktor Tiutiun
@vittorioVT
Jul 06 2017 06:52
@DarrenfJ good luck to you :smile:
Darren
@DarrenfJ
Jul 06 2017 06:53
@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
@DarrenfJ pet the dogs for me :)
Darren
@DarrenfJ
Jul 06 2017 06:54
@Marmiz thanks brutha @Marmiz
CamperBot
@camperbot
Jul 06 2017 06:54
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
:dog:
Darren
@DarrenfJ
Jul 06 2017 06:54
and thanks @Manish-Giri and @vittorioVT my late evening regulars helping out too
CamperBot
@camperbot
Jul 06 2017 06:54
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
@Manish-Giri thanks
CamperBot
@camperbot
Jul 06 2017 06:55
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
6200 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
lol
Viktor Tiutiun
@vittorioVT
Jul 06 2017 06:55
@DarrenfJ thanks and you
CamperBot
@camperbot
Jul 06 2017 06:55
vittoriovt sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 1884 | @darrenfj |http://www.freecodecamp.com/darrenfj
QQwangxiaoqing
@QQwangxiaoqing
Jul 06 2017 06:55
Darren
@DarrenfJ
Jul 06 2017 06:55
6200 noice
Claudio Restifo
@Marmiz
Jul 06 2017 06:56
6200 :sparkles:
And not even a single :wine_glass: offered... feels bad
Darren
@DarrenfJ
Jul 06 2017 06:56
:wine_glass:
:D
Manish Giri
@Manish-Giri
Jul 06 2017 06:57
lol
:wine_glass: :beer: :beers: @Marmiz @DarrenfJ
ty @revisualize
CamperBot
@camperbot
Jul 06 2017 06:57
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
thought you don't drink @Manish-Giri
Darren
@DarrenfJ
Jul 06 2017 06:58
coy!
budd-eeeee
Coy Sanders
@coymeetsworld
Jul 06 2017 06:59
:wave: yo
Manish Giri
@Manish-Giri
Jul 06 2017 07:05
@coymeetsworld I don't!
that was for them
Andrew
@andrewdelic
Jul 06 2017 07:07
10 PRINT "HI ALL"<cr>20 GOTO 10
jorlee92
@jorlee92
Jul 06 2017 07:09
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
Hey
Adding () => before the function call solves the issue.
james umali
@indefinite0212
Jul 06 2017 08:45
Hello :earth_americas: :earth_africa: :earth_asia:
David Lower
@davidlower
Jul 06 2017 08:49
hello
how to fix this position over image with equal width of image
BuntyBru
@BuntyBru
Jul 06 2017 09:52
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
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
i really love to code @indefinite0212
james umali
@indefinite0212
Jul 06 2017 10:00
great, now keep coding, and never stop learning :smile: @BuntyBru
BuntyBru
@BuntyBru
Jul 06 2017 10:02

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
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
hmm doing that
@indefinite0212
james umali
@indefinite0212
Jul 06 2017 10:15
doing that too, and I really need to practice it :smile:
BuntyBru
@BuntyBru
Jul 06 2017 10:18
@indefinite0212
best of luck mate
james umali
@indefinite0212
Jul 06 2017 10:22
@BuntyBru you too mate, good luck :smile:
Rishabh Kashyap
@iamrkcheers
Jul 06 2017 10:52

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
首先,我们需要把所有的HTML内容放在class为container-fluid的div下。
catapulto
@catapulto
Jul 06 2017 11:22
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
@catapulto if you want do it via CSS 'opacity' property will help you?
catapulto
@catapulto
Jul 06 2017 11:53
@nevaljawko thanks
CamperBot
@camperbot
Jul 06 2017 11:53
catapulto sends brownie points to @nevaljawko :sparkles: :thumbsup: :sparkles:
:cookie: 2 | @nevaljawko |http://www.freecodecamp.com/nevaljawko
DeysiR
@DeysiR
Jul 06 2017 12:01

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
red you should be in small letters @DeysiR
in your class
sen-lin
@sen-lin
Jul 06 2017 12:20
26题 为什么过不去啊 已经给图片加了 a 链接了啊
DeysiR
@DeysiR
Jul 06 2017 12:20
@catapulto thank you so much for your help :)
CamperBot
@camperbot
Jul 06 2017 12:20
deysir sends brownie points to @catapulto :sparkles: :thumbsup: :sparkles:
:cookie: 119 | @catapulto |http://www.freecodecamp.com/catapulto
DeysiR
@DeysiR
Jul 06 2017 12:27
@camperbot how?
Lara
@laralee1018
Jul 06 2017 12:28
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
put all your css under <style> tags
Ayesha Malik
@Aashimalik
Jul 06 2017 12:31
my portfolio
May Kittens Devour Your Soul
@diomed
Jul 06 2017 12:36
@Aashimalik u don't need to have 2 links to font-awesome
remove 2nd
Ayesha Malik
@Aashimalik
Jul 06 2017 12:37
@diomed okay
:)
@diomed thankyou
CamperBot
@camperbot
Jul 06 2017 12:37
:star2: 5146 | @diomed |http://www.freecodecamp.com/diomed
aashimalik sends brownie points to @diomed :sparkles: :thumbsup: :sparkles:
Brisket1
@Brisket1
Jul 06 2017 12:46
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

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
:bulb: to format code use backticks! ``` more info
Adrian Padurean
@Securiteru
Jul 06 2017 12:47
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

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
@Securiteru is that a challenge in fcc?
May Kittens Devour Your Soul
@diomed
Jul 06 2017 12:51
@Securiteru we don't sell that medicine around here
Eric Weiss
@eweiss17
Jul 06 2017 12:52
no that is a salad dressing @diomed
May Kittens Devour Your Soul
@diomed
Jul 06 2017 12:52
oh! my bad :yum:
Adrian Padurean
@Securiteru
Jul 06 2017 12:53
Hahhaa, sorry , wrong chat!
:D
David Lower
@davidlower
Jul 06 2017 12:56
Hey could someone help me with something
Eric Weiss
@eweiss17
Jul 06 2017 12:57
if it's related to fcc just post it
David Lower
@davidlower
Jul 06 2017 12:57
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
you could use BS columns
Piotr Szeląg
@szelares
Jul 06 2017 12:58
Hello? Is anybody here? Could someone help me?
May Kittens Devour Your Soul
@diomed
Jul 06 2017 12:59
just ask
Eric Weiss
@eweiss17
Jul 06 2017 12:59
she has that sass question above
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:00
oh,right.that's scary
Piotr Szeląg
@szelares
Jul 06 2017 13:00
Yes thanks but he not she ;)))
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:01
odd avatar O.o
bwaaaaaaaaaah
Eric Weiss
@eweiss17
Jul 06 2017 13:01
insead of to
try through?
Piotr Szeląg
@szelares
Jul 06 2017 13:03
Write a @for directive that takes a variable $j that goes from 1 **to** 6.
David Lower
@davidlower
Jul 06 2017 13:03
@ thanks I’ll try some columns but isn’t there a way without columns
Eric Weiss
@eweiss17
Jul 06 2017 13:03
did u at least try it
David Lower
@davidlower
Jul 06 2017 13:04
@eweiss17 no i haven’t. But it is certainly a solution. thanks
CamperBot
@camperbot
Jul 06 2017 13:04
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
through also does not work
Eric Weiss
@eweiss17
Jul 06 2017 13:05
@davidlower oh sorry i was typing to @szelares
Piotr Szeląg
@szelares
Jul 06 2017 13:06
:smile:
David Lower
@davidlower
Jul 06 2017 13:06
oh ok no worries
Eric Weiss
@eweiss17
Jul 06 2017 13:07
@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
grasping js is basically very much similar to grasping this
.
David Lower
@davidlower
Jul 06 2017 13:09
hahaha
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:10
this is basically react in 1 sentence,right guys?
DOM DOM DOM DOM
David Lower
@davidlower
Jul 06 2017 13:10
@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
me 2
does it not
Eric Weiss
@eweiss17
Jul 06 2017 13:10
what do the images look like right now? do you have a codepen for it?
David Lower
@davidlower
Jul 06 2017 13:10
@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
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
react is dying?
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:12
can't tell anything like this
Piotr Szeląg
@szelares
Jul 06 2017 13:12
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
no I agree I send a pen link
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:12
@szelares that's right
that's why it's called beta
Piotr Szeląg
@szelares
Jul 06 2017 13:13
yeeahmmm :worried:
David Lower
@davidlower
Jul 06 2017 13:13
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
@szelares u never posted what challenge it is, i can try it myself
David Lower
@davidlower
Jul 06 2017 13:18
Here is my pen finally…. https://codepen.io/davidlower/pen/vZRBxg
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:20
@davidlower didnt u complete and submit this already?
David Lower
@davidlower
Jul 06 2017 13:20
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
it's really simple
Piotr Szeląg
@szelares
Jul 06 2017 13:20
@davidlower to positioning images u can use a bootstrap grid or position: absolute
David Lower
@davidlower
Jul 06 2017 13:20
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
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
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
@diomed that blows my mind lol :art:
David Lower
@davidlower
Jul 06 2017 13:22
@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
@Margaret2 what?
Margaret
@Margaret2
Jul 06 2017 13:23
the painting thing
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:23
oh, right. but js is like that also, no?
que no?
Margaret
@Margaret2
Jul 06 2017 13:23
yeah haha
si jaja
Eric Weiss
@eweiss17
Jul 06 2017 13:23
wtf i got the answer and it doesn't accept it
Piotr Szeląg
@szelares
Jul 06 2017 13:24
@davidlower so, only with clean css u can try to use a properties "position: absolute
Ancusor
@ancusor
Jul 06 2017 13:24
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
@eweiss17 :clap:
David Lower
@davidlower
Jul 06 2017 13:24
@szelares I’ll try position absolute
Margaret
@Margaret2
Jul 06 2017 13:24
@eweiss17 what challenge is this
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:24
@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
gives what we want
Piotr Szeląg
@szelares
Jul 06 2017 13:25
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
szelares sends brownie points to @eweiss17 :sparkles: :thumbsup: :sparkles:
:cookie: 518 | @eweiss17 |http://www.freecodecamp.com/eweiss17
Margaret
@Margaret2
Jul 06 2017 13:27
@eweiss17 yeah, i guess @diomed is right, they just haven't completed those yet
David Lower
@davidlower
Jul 06 2017 13:29
@eweiss17 @diomed @szelares thanks for the help regarding the images.
CamperBot
@camperbot
Jul 06 2017 13:29
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
@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
:o :o what's the latest one?
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:29
Dark Blue
haha :yum:
Margaret
@Margaret2
Jul 06 2017 13:29
niice
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:30
u didn't even see it yet. lol
mby it's horribl
Margaret
@Margaret2
Jul 06 2017 13:30
lol i'm sure it's fine :)
what are the text colors
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:31
it's insanely blue
literally
dark-blue
Margaret
@Margaret2
Jul 06 2017 13:31
oh wow that is really blue :joy:
Eric Weiss
@eweiss17
Jul 06 2017 13:31
that is indeed blue
Kyle Holm
@thekholm80
Jul 06 2017 13:31
how many smurfs died to make that?
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:31
plenty :smiling_imp:
Margaret
@Margaret2
Jul 06 2017 13:32
:joy: it's nice though I like it :+1:
David Lower
@davidlower
Jul 06 2017 13:33
Yep that is blue
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:33
@thekholm80 I should put in notes that I do not approve questions like that one
David Lower
@davidlower
Jul 06 2017 13:33
hH
haha
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 13:34
Super Saiyan Blue!
Margaret
@Margaret2
Jul 06 2017 13:35
@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
is React.propTypes any useful in 2017
Margaret
@Margaret2
Jul 06 2017 13:35
nice and gray :)
Kyle Holm
@thekholm80
Jul 06 2017 13:35
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
classic woman
all you want is 50 shades of grey
Margaret
@Margaret2
Jul 06 2017 13:37
all I want!?
David Lower
@davidlower
Jul 06 2017 13:37
@diomed Shall I go and get a shovel???
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:37
lol
4what?
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 13:38
to spank... grey style!
David Lower
@davidlower
Jul 06 2017 13:38
50 shades of grey comment
obviously not many woman on here right now
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:38
just Margaret
and she's unforgiving
David Lower
@davidlower
Jul 06 2017 13:39
Ok
Margaret
@Margaret2
Jul 06 2017 13:39
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
I read it!
David Lower
@davidlower
Jul 06 2017 13:39
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
@davidlower you got codepen?
Eric Weiss
@eweiss17
Jul 06 2017 13:40
"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

@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
I thought woman a coding was a growing entity these days
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:44
@eweiss17 which begs the question - what do these creatures really do?
David Lower
@davidlower
Jul 06 2017 13:44
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

what do these creatures really do?

these creatures?

@diomed
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:46
yes. women
Margaret
@Margaret2
Jul 06 2017 13:46
@diomed :angry: :angry:
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:46
who don't code
u mad? :trollface:
Margaret
@Margaret2
Jul 06 2017 13:46
@diomed so you're implying that women don't have anything else worthwhile to do...?
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 13:47
@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
I have not come across this before
I’ll give it a try
May Kittens Devour Your Soul
@diomed
Jul 06 2017 13:48
@Margaret2 some of them,probably
Margaret
@Margaret2
Jul 06 2017 13:48
what, that makes no sense @SweetCodingInc white space doesn't matter in html
Eric Weiss
@eweiss17
Jul 06 2017 13:48
@diomed have you ever attended a computer science class? it's a sausage fest
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 13:48
@Margaret2 Let @davidlower confirm that ;)
Take a look at the fork
David Lower
@davidlower
Jul 06 2017 13:50
@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
@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
4px of space yes
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 13:51

@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
@SweetCodingInc hm, i have not heard that, learned something new
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 13:52
@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
But commenting out white space in HTML is much efficient than applying CSS rule
David Lower
@davidlower
Jul 06 2017 13:52
@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
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
wut jst happened?
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 13:53
@davidlower :+1:
David Lower
@davidlower
Jul 06 2017 13:53
Ok so doing it in html is better than css
why is that
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 13:53
When you specify some rule in css, it gets applied AFTER your dom is instantiated.
David Lower
@davidlower
Jul 06 2017 13:54
ok so when the browser is loading html happens first and then css.
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 13:54
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
less processing
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 13:55
less processing = better performance
David Lower
@davidlower
Jul 06 2017 13:55
right makes yes
Cool another gold nugget. I feel like a goldfish haha
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 13:55
ha!
Eric Weiss
@eweiss17
Jul 06 2017 13:55
youd have to have some real jank code for html to cause a performance issue....
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 13:56

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
It’s gone very quiet….
Toshi Badwaik
@toshibadwaik
Jul 06 2017 14:05
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
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
@toshibadwaik http://postimages.org/ you could host your image there
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 14:10
@davidlower Yes
David Lower
@davidlower
Jul 06 2017 14:10
@SweetCodingInc Do you still have the pen open
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 14:10
no
David Lower
@davidlower
Jul 06 2017 14:10
A lot of text has now become hidden under the images
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 14:10
I see
David Lower
@davidlower
Jul 06 2017 14:10
Ok I’ll resent
resent
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 14:11
share that link again
David Lower
@davidlower
Jul 06 2017 14:11
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
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
@davidlower why did u position absolute, i took it out and you got your padding back
David Lower
@davidlower
Jul 06 2017 14:15
@eweiss17 I was told to use absolute. Inline-block was not working
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 14:15
@davidlower : Just remove position:absolute; from .image-container
Eric Weiss
@eweiss17
Jul 06 2017 14:16
7.PNG
David Lower
@davidlower
Jul 06 2017 14:16
Right ok. So why does an absolute element make it invisible to padding
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 14:16
@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
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
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
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
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
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
it's the hardest part of the easiest part
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 14:20
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
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
@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
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
position: static is default
georgebatton
@georgebatton
Jul 06 2017 14:22

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
@eweiss17 : Yes. Keep it as it is... At least while learning
David Lower
@davidlower
Jul 06 2017 14:23
Ok it kind of makes sense. Thanks guys
Eric Weiss
@eweiss17
Jul 06 2017 14:24

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
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
@bwscott08 Specify image dimensions in percentages
Eric Weiss
@eweiss17
Jul 06 2017 14:34
I guess you could do
max-width: 
max-height:
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 14:34
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
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
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
postition: relative;
David Lower
@davidlower
Jul 06 2017 14:37
This flex box idea looks great. Is it good
Eric Weiss
@eweiss17
Jul 06 2017 14:37
BS - img-fluid = max-width: 100%; and height: auto;
Steven Frederick
@sfrederick22
Jul 06 2017 14:38
position: relative;
Eric Weiss
@eweiss17
Jul 06 2017 14:38
@davidlower no idea, i have been meaning to check it out
David Lower
@davidlower
Jul 06 2017 14:39
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
They renamed img-responsive to img-fluid ????
Steven Frederick
@sfrederick22
Jul 06 2017 14:40
Test: test;
Eric Weiss
@eweiss17
Jul 06 2017 14:40
what is the default display of a div @davidlower
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 14:40
it starts with a b and ends a k :D
David Lower
@davidlower
Jul 06 2017 14:40
you guys read my mind
default is block
everything will always stack by default
Eric Weiss
@eweiss17
Jul 06 2017 14:41
what is display of a span
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 14:41
how about span?
label?
input
David Lower
@davidlower
Jul 06 2017 14:41
inline
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 14:42
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
that means they will just follow along the line until there is a natural break
Byron Scott
@bwscott08
Jul 06 2017 14:44
blob
The 3rd puppy is my issue. How do I size it correctly??
David Lower
@davidlower
Jul 06 2017 14:45
@bwscott08 do you want it the same width as the others and the same height
Byron Scott
@bwscott08
Jul 06 2017 14:45
yes
Sweet Coding :)
@SweetCodingInc
Jul 06 2017 14:45
@davidlower correct
David Lower
@davidlower
Jul 06 2017 14:45
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
What tools do I use to crop?
David Lower
@davidlower
Jul 06 2017 14:46
are you pc or mac
Byron Scott
@bwscott08
Jul 06 2017 14:46
pc
David Lower
@davidlower
Jul 06 2017 14:47
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
lol
Thanks
Eric Weiss
@eweiss17
Jul 06 2017 14:49
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
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
ya it tells you
David Lower
@davidlower
Jul 06 2017 14:52
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
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
@davidlower :+1:
shivam gupta
@shivamg11000
Jul 06 2017 14:54
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
<h2 style="text-color:white">
Telca
@Telca
Jul 06 2017 15:39
Just insert in the class, the color you want
Adit
@adittyagi
Jul 06 2017 15:40
Or simply <h2 style="color:white">
Telca
@Telca
Jul 06 2017 15:40
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
<center> is deprecated in html5 .you could use text-align:center;
Liam Docherty
@ldocherty1
Jul 06 2017 15:50

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
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
@mukul09 .row:focus {outline-color:none;} should work
Mukul Agrawal
@mukul09
Jul 06 2017 16:10
@Margaret2 not working
Dan Hornsberger
@djhornsb
Jul 06 2017 16:29
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
Dan Hornsberger
@djhornsb
Jul 06 2017 16:32
@diomed thanks will do!
CamperBot
@camperbot
Jul 06 2017 16:32
djhornsb sends brownie points to @diomed :sparkles: :thumbsup: :sparkles:
:star2: 5148 | @diomed |http://www.freecodecamp.com/diomed
MightyGarhem
@MightyGarhem
Jul 06 2017 16:50
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
Justin25
@Justin25
Jul 06 2017 16:57
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
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
@MightyGarhem where is link? u need to have a link on your page
Kyle Holm
@thekholm80
Jul 06 2017 17:06
@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
@eweiss17 lol, didn't u notice how dead it is here, past few days
Kyle Holm
@thekholm80
Jul 06 2017 17:07
so that's why
Eric Weiss
@eweiss17
Jul 06 2017 17:08
the help chat is what made this site better
MightyGarhem
@MightyGarhem
Jul 06 2017 17:08
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
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
@thekholm80 how do i write "hello world"?
Coy Sanders
@coymeetsworld
Jul 06 2017 17:09
look at the example
:)
Kyle Holm
@thekholm80
Jul 06 2017 17:09
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
<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
@zahidza you need to end your statements with semicolons remember
zahidza
@zahidza
Jul 06 2017 17:10
thanks
May Kittens Devour Your Soul
@diomed
Jul 06 2017 17:11
@thekholm80 that's a developer if I've ever seen 1
Kyle Holm
@thekholm80
Jul 06 2017 17:11
@diomed lol i saw that this morning
"i'm fluent in pikachu"
Coy Sanders
@coymeetsworld
Jul 06 2017 17:11
god I should do that
May Kittens Devour Your Soul
@diomed
Jul 06 2017 17:12
just do it
Coy Sanders
@coymeetsworld
Jul 06 2017 17:12
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
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
you mean freelance work
Kyle Holm
@thekholm80
Jul 06 2017 17:14
no
Alexander Køpke
@alexanderkopke
Jul 06 2017 17:14
why he wrote hadoop twice?
May Kittens Devour Your Soul
@diomed
Jul 06 2017 17:16
smth about Data too big for just once.
Alexander Køpke
@alexanderkopke
Jul 06 2017 17:16
oh yeah big data
theclayster
@theclayster
Jul 06 2017 17:16
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
var studlyCapVar = studlyCapVar == 10;
theclayster
@theclayster
Jul 06 2017 17:18
oohh thanks @coymeetsworld
CamperBot
@camperbot
Jul 06 2017 17:18
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
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
does that give the invalid left side error?
May Kittens Devour Your Soul
@diomed
Jul 06 2017 17:19
I totally thought Hadoop is a pokemon. lol
Kyle Holm
@thekholm80
Jul 06 2017 17:19
lol
Coy Sanders
@coymeetsworld
Jul 06 2017 17:19
sounds like it tho
Alexander Køpke
@alexanderkopke
Jul 06 2017 17:19
there might be one called that?
Kyle Holm
@thekholm80
Jul 06 2017 17:19
that's what Haskel evolves into
Sarcasm
@krnaik-58
Jul 06 2017 17:21
how do i center my h1,img and h2 elements
https://codepen.io/sarcasm58/pen/bRMgVx
theclayster
@theclayster
Jul 06 2017 17:21
wait @coymeetsworld everything worked except studlyCapVar i tried declaring it but that didnt work either
Alexander Køpke
@alexanderkopke
Jul 06 2017 17:23
@krnaik-58 is it a real question or sarcasm?
Coy Sanders
@coymeetsworld
Jul 06 2017 17:24
@krnaik-58 you're centering with bootstrap 3 code
but you're importing v4
theclayster
@theclayster
Jul 06 2017 17:24
i got it
Coy Sanders
@coymeetsworld
Jul 06 2017 17:24
theres major differences between the two
Sarcasm
@krnaik-58
Jul 06 2017 17:24
lol it is real?
wat do i do
Margaret
@Margaret2
Jul 06 2017 17:27

I totally thought Hadoop is a pokemon. lol

languages / frameworks named after pokemon. what an incredible idea :smile_cat:
.... if it wasn't for copyright :confused:

Coy Sanders
@coymeetsworld
Jul 06 2017 17:27
either use bootstrap 4 code, or import v3 of bootstrap
MightyGarhem
@MightyGarhem
Jul 06 2017 17:28
Why isnt my speech bubble above the last image? .bubble
https://codepen.io/MightyGarhem/pen/LLQoxG
Alexander Køpke
@alexanderkopke
Jul 06 2017 17:28
@krnaik-58 remove the row classes in img, h1 and h2
Sarcasm
@krnaik-58
Jul 06 2017 17:30
than u @alexanderkopke
thank*
May Kittens Devour Your Soul
@diomed
Jul 06 2017 17:34
.
seems about right
I've failed so much
Anuj Mishra
@Jun03
Jul 06 2017 17:51
i have written my code which somehow went wrong and goes to infinite loop and make the browser unresponsive every time i open freecodecamp, is there any way to stop this , Please help me , I've been stuck here for 2 days now...
Kyle Holm
@thekholm80
Jul 06 2017 17:53
clear your browser cache
MightyGarhem
@MightyGarhem