get help in general - we have more specialized help rooms here: https://gitter.im/FreeCodeCamp/home
Movement in my dungeon crawler is a bit laggy. For some reason, the lag is proportional to the size of the map, so that a smaller map gives less of a lag. However, I'm not re-updating the map as I move around, so I don't know what the problem is and don't see how it could take O(size of map) time to move. I have in react two components: a map display that displays all the map squares, and a player square that moves on top of the map squares. My pen is here https://codepen.io/sgoldber61/full/MvLaZZ/
@Burinson
https://api.twitch.tv/kraken/streams/freecodecamp?callback=?&client_id=putyouridhere
does anyone here know how I can use require.js to load a JSON file into a variable I can use in my main.js?
@sgoldber61 I don't see anything that would affect lag based on board size (is your board only rendering once)
that's right, the board is only rendering once.
@sjames1958gm thank you
burinson sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 8430 | @sjames1958gm |http://www.freecodecamp.com/sjames1958gm
@sgoldber61 keydown fires multiple times and it looks like the dom doesn't update as fast as the event firing, so multiple updates occur, with the paint not happening till the key is not pressed. when I changed the event to keyup the lag is much less apparent
@JanShah Hmm... even so, the bigger the map, the worse the lag.
@sgoldber61 24000 dom objects is a lot of work
In what way does it update all the dom objects, even though I'm only moving the yellow square?
@sgoldber61 - one thing that I wondered about (with a quick examination of part of the code) is the memory usage - there are lots of array structures that are being allocated. I don't know a lot about memory allocation and garbage collection (if any) in javascript - but just a data point (again, I don't understand much about it) in the "array" elements, there were 68303 objects in the "objects count" column for memory snapshot 1 (I'm using Opera, by the way) and after 10 moves, the array objects count is 68833, the memory usage jumped from 36.7 MB to 36.9 MB (for the entire snapshot). But not a significant change after 10 more moves. Not sure if that could be a factor in any performance slowdown? Just something that I'm interested in learning more about...
@sgoldber61 - what made me think about that to start with is in your
advanceStep method, you are allocating a new Array and I wondered if that was being handled in a way that might cause memory usage to increase?
Oh, the advanceStep is just for dungeon generation, where I use an iterative process to massage the map into a cave. Yeah, it does memory-leak. However, I kind of just lazily allowed that in my game of life and it worked fine. Plus, the real issue is once the dungeon generates, there's a lag in movement.... but I will look into memory while I move the player though.
@sgoldber61 https://stackoverflow.com/questions/25724126/chrome-devtools-timeline-update-layer-tree-event when your grid is small, this happens really fast, but when it's large, it slows down to 300ms
Okay Jan I see what you're saying. So the issue is what the browser is doing i.e. updating the render layer tree. My guess is that because I have a big bunch of absolutely positioned elements that the browser's algorithm has to re-update all of them in order to resolve issues like what is displayed at front vs what is displayed at back, etc.
possibly.have you considered using canvas? @sgoldber61
I've heard of it. Will it allow me to easily update in react?
http://fcc.physify.com/rogue/ it's incomplete but have a look
@sgoldber61
@JanShah Holy mother you could almost sell that. Well okay. Thanks for your help. I'll look into canvas, or at least a way for the browser to not render so much DOM objects at a time, and that appears to be the bottleneck, not react.
sgoldber61 sends brownie points to @janshah :sparkles: :thumbsup: :sparkles:
:cookie: 508 | @janshah |http://www.freecodecamp.com/janshah
@sgoldber61 react and canvas only and I can make dungeons of any size without lag
hey guys can I get some constructive criticism on this pen?
looks neat, you should change "streaming" for "online" imo @GingerChew
(in the top menu, not the title)
when i click a link, the background of that link turns white, is that expected behavior ?
I'm fidgeting with the css and practicing SCSS so that's a byproduct of that, I think I have it fixed now
Thats a good point though, I'll change that
did that fix it? https://codepen.io/WatchConnorCode/full/BdbyzJ/
still gets white when clicking for me
oh i was thinking of a different bug, yeah, I'm not sure how to tackle that one. Is it some sort of pseudo class I can edit
i was have no idea how you made it that way so sorry can't really help :P
it happens cause it's based on the list group from bootstrap, which defaults to white, I just gotta figure out which pseudo class I need to change to get it to change there
try putting !important on the stuff that might conflict with bootstrap
@GingerChew
.list-group-item-action:active {
background-color: #553693;
color: white;
}
@piteto sweet thanks!
gingerchew sends brownie points to @piteto :sparkles: :thumbsup: :sparkles:
:cookie: 47 | @piteto |http://www.freecodecamp.com/piteto
nvm, that didn't fix it :/
@GingerChew Looks like :focus is needed too
.list-group-item-action:hover,
.list-group-item-action:focus,
.list-group-item-action:active {
background-color: #553693;
color: white;
}
hey anyone who can please let me know why I cannot go to product page?https://glitch.com/edit/#!/product-review?path=views/product.ejs:7:8
```<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Basics</title>
<link rel="stylesheet" type="text/css" href="bootstrap.css">
</head>
<body>
<nav class="navbar navbar-default">
sdfds
</nav>
</body>
</html>```
what is wrong in the code? navbar is not showing up
@Trellowhoomer did you download Bootstrap.css https://getbootstrap.com/ and do you have it in your server so you can access it.
@heroiczero actually I was using bootstrap version 4 instead of 3.. Now problem solved : ) Thanx btw
trellowhoomer sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 1686 | @heroiczero |http://www.freecodecamp.com/heroiczero
:+1:
I have implemented the PHP M ail via smtp, but i only send to one recipient, how can i make it send to various emails. i have a list of three emails
@just1witness oh this is for a project, we are trying to create awareness in Uganda on the applicability of ICT in transport and insurance,
Maybe you could join the expo too :)
@akodiaemma It sounds interesting. :)
morning fCC
slow day I see
Yep
@DarrenfJ What are you working on today?
I'm in the middle of the twitch viewer . sorta.. but taking a break from it cause while i get ajax it's still new enough and so i'm focusing on vids on ajax
what are you working on?
Same thing, haha. I'm done with algo's so working projects now, Twitch is the current one.
I don't really get API's and Ajax well yet. (I had to get on my pc to fix it....)
mine does the worst autocorrects :)
Seriously, I choose to do the "wrong" spelling and it changes upon send anyways... so annoying, lol
ha!
yah i gotta take a break so i can learn more about it and really get it
Yo
anyone about that knows about C#
or what happens when you put a switch in a switch
sorry man.. i'm still a relatively newie with it, and haven;t studied it for over a year...
same
;-;
and this class is so hard my friend who took it before me quit school
becuase of this class
dang.. i feel for you, brutha
i'm off for :coffee: and podcasts.. back in a bit
thanks @just1witness for teh chat
darrenfj sends brownie points to @just1witness :sparkles: :thumbsup: :sparkles:
:cookie: 318 | @just1witness |http://www.freecodecamp.com/just1witness
:D
oh im not daunted
@leepop7 there's nothing more frustrating that hitting a wall though... does fCC still have the 'other languages' rooms? they used to have ones on python tc
hi guys! how do i use babel stage 2 preset in an IDE like VS code
i dont understand the instructions provided on their page
i dont understand the instructions provided on their page
@akodiaemma , you can sent the email to each person separately. First get the list of recipients and the message template. Then loop through each, changing the
TO email address.
@DarrenfJ enjoy your coffee and podcasts :) thank you
just1witness sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 2005 | @darrenfj |http://www.freecodecamp.com/darrenfj
this is the only room I can find that has anykind of relation to hlep in general
does anyone know about the fcc beta?
not launched, you can do challenges but they will be erased when it launches
how long until launch? also will progress from the current fcc move to the new one?
That's not determined yet, and yes
My account has been flagged for about 2 months now, and I sent an email about it to the fcc team but have not received a response. If I were to delete my account and recreate it with the same email would the new account still be flagged?
@LukieID I don't know. I don't know what flagged is, were you naughty?
flagged for academic dishonesty
Ouch
I wasnt trying to cheat tho
Thats why im trying to get it unflagged
I don't know their policy on that
Did you copy and paste code and submit it?
Yes, but I only did that because I wanted a dark green square for every day, but I was having trouble doing that since I was spending a lot of time on my projects. So I copied and pasted code for the algorithm challenges, but I intended on going back and doing them myself after I finished the projects. I am very OCD about things...
and I worked really hard on fcc all summer, so I was really sad when I got flagged
I'm sorry to hear that. I know what you mean. You know only the projects are mandatory? You could have just left the algorithms blank.
Oh, I didnt know that...
Maybe I will try restarting my account and just putting my projects in then. I am kinda getting desperate because It has been 2 months
You could try, I assume they will get back to you eventually.
hopefully :)
Are all the basics mandatory? Like the html5, css, and jquery sections
If you look at the map, you'll see asterisks next to the mandatory challenges. If you've done the work, for real, you don't really need a cert though. That isn't the end game, the knowledge and the projects you can use for a portfolio are.
Even someone did copy and paste their way successfully to a cert, they would be screwed if they got a job with it, they would be found out right away.
Yeah, I get what you mean. I'll just try to delete my account and recreate it, and if its still flagged I'll just continue to work through the course.
Thanks for the advice :)
no problem :)
If you need help with the algo's pm me
ok
Oh, me me me. i need help with the Algos. I am stuck on the Seek and Destroy challenge. Here is my code for turning argument objects into arguments that doesn't seem to work; can i get help, please?
function destroyer(arr) {
var newArray = Array.prototype.slice.call(arguments, 1);
}
destroyer([1, 2, 3, 1, 2, 3], 2, 3);
you can use arr.slice directly
How would that work?
you need to use
destroyer(arr,value1,value2)
destroyer(arr,value1,value2)
or the excercises explicit say that you only need 1 arg?
can someone help me with java language input and out put
java or javascript?
java
int x = 600; out.println(x); x= 600
x = -80; out.println(x); x =-80
byte b = 5; out.println(b); b=5
short s = 32767; out.println(s); s=32767
double d = 9.9; out.println(d); d= 9.9
d = 5.2; out.println(d); d=5.2
float f = 9.87f; out.println(f); f=9.87
long big = 555845; out.println(big); big = 555845
x = s; out.println(x); x = 32767
x = b + 10; out.println(x); x = 15
int z = ‘A’+ 1; out.println(z); z = 66
char c = ‘A’ + 1; out.println(c); c = B i got one of these answers wrong, and i dont know which one
x = -80; out.println(x); x =-80
byte b = 5; out.println(b); b=5
short s = 32767; out.println(s); s=32767
double d = 9.9; out.println(d); d= 9.9
d = 5.2; out.println(d); d=5.2
float f = 9.87f; out.println(f); f=9.87
long big = 555845; out.println(big); big = 555845
x = s; out.println(x); x = 32767
x = b + 10; out.println(x); x = 15
int z = ‘A’+ 1; out.println(z); z = 66
char c = ‘A’ + 1; out.println(c); c = B i got one of these answers wrong, and i dont know which one
java
wich one is wrong?
my computer science teacher said that i got one of the out put wrong
all of them are right expect one i think it could be x=s
do you executed them?
yes i tryed it out with blue jay and i got those answers
int z = ‘A’+ 1; . not sure the ascii code value for A
others seems fine
'A' is 65 + 1 = 66?
oh thank you for help. maybe its that problem
no, its fine, A is 65
yea
not sure if it's automatically converted when operating when ints tho
so it will be 65 and not add the 1?
i'll ask someone about it. thanks for the info.
No, no
yeah, I don't have java here to help you
sorry
its ok bro
Hello world need help
@Waterkid123012 i guess u need to know how many bytes in memory it takes
ie.. char or byte only ocupy 1 position (byte)
short takes 2
int takes 4
ie.. char or byte only ocupy 1 position (byte)
short takes 2
int takes 4
Can anyone please help me understand embedding in mongo
https://glitch.com/edit/#!/product-review?path=models/comment.js:1:0
https://glitch.com/edit/#!/product-review?path=models/comment.js:1:0
@gishy1 what is the problem
what are the errors when you hover over the triangle icon
@gishy1 that looks messy, I started that way aswell on my first times :D
you can write like
c
switch(card){
case 2:
case 3:
case 4:
case 5:
case 6:
count++;
break;
case 2:
case 3:
case 4:
case 5:
case 6:
count++;
break;
you can write multiple cases and return the same value for all thoses cases
for what I got the 2 3 4 5 6 is equal to plus 1 to the count so for every of thoses values you add plus 1
the 7 8 9 you can ignore cause they ain't gonna change nothing so is like they never existed
now the last part -1
you know those cards 10, 'J', 'Q', 'K', 'A' go to the count or result function where you add 1 and remove 1 for every existent 1 so you can run exactaly what I did above but in the opposite, count--, @gishy1 if you need help let me know
I forgot to told but in the end the only thing you have to return is the count variable + "bet"
tell*
Below is the code from pluralsight tutorial which let me dwell in a confusion.
As far as i know
$(function() { ... });is equivalent to$(document).ready(function() { ... });
So why in the 2nd line of the code there is another $(function(){});
$(document).ready(function() {
$(function(){
$('#showPhoneNav').click(function() {
$("#myNav").slideToggle('normal',function(){ //Shows Nav area
if ($('#myNav').is(':visible')) {
$('#showPhoneNav').text('Hide Navigation');
} else {
$('#showPhoneNav').text('Show Navigation');
} //end of if
}); //end of slidetoggle
}); //end of myNav
}); //end showPhoneNav
}); //end of ready
Hey, I'm running through the beta at the moment, and I've hit a wall on the part where you implement the native JS map method. Please help.
@moigithub the incorrect answer was b + 10
@RyRojas What code do you have?
@NeelDVirus Looks like a mistake to me.
@sjames1958gm i presumed that too. Still i wanted it to hv cross checked by others
Nevermind, I got it to work. I was using Array instead of the this keyword for my loop.
guys i know the incorrect output it was x = b + 10. what would be the asnwer tho?
https://codepen.io/nicolaimagnussen/pen/YxgVqa
What happened here?
This is why I dont have patience for CSS, what did I do wrong, why is the image making the grey div dissapear?
because your picture is very big for 1, and it is absolute. meaning you making sure it is fixed in that position or section your using
what are you trying to do @nicolaimagnussen
hey guys wanna see somthing crazy im doing lol?
i dont like regex
so im trying to do this
i kno wi should just learn regex
oky
function translatePigLatin(str) {
str = str.split("");
if(str[0] == "A"||str[0] == "E"||str[0] == "I"||str[0] == "O"||str[0] == "U"||str[0] == "a"||str[0] == "e"||str[0] == "i"||str[0] == "o"||str[0] == "u"){
str.push("w");
str.push("a");
str.push("y");
return str.join("");
}
for(let i=0; i < str.length; i++){
if(str[i] == "A"||str[i] == "E"||str[i] == "I"||str[i] == "O"||str[i] == "U"||str[i] == "a"||str[i] == "e"||str[i] == "i"||str[i] == "o"||str[i] == "u"){
for(let b = 0; b < i; b++){
str.push(str[b]);
str.splice(str[b], 1);
if(b == i){
str.push("a");
str.push("y");
}
break;
}
}
}
return str.join("");
}
translatePigLatin("california");
i feel this should work
but
niacalifor is returned :P
if anything it should mess up and be
liforniacaay
LOL str[0] == a e i o u and sometimes y LOL
:P
does pig latin use y?
everything ive tested moved the y to the end
why don't you just push ('way' ) vs push a push w etc..
yep
I don't know I was thinking about the song a e i o u LOL
any idea why this doesnt work? only issue i see is that its moving the vowel to the end?
but its skipping the first few vowels
because you are pushing everything and I know that push puts things at the end of the string
I need some help. I tried to sync atom settings with a friend of mine, but now the project I'm working on is throwing all sorts of errors that I don't have time to go through and pick apart (Been at it all day - need to get to work on some other stuff). I haven't pushed these changes to github yet. What's the best way to restore my project from my last github commit?
if you trying delete something it's pop i think but let me double check that @ericmiller777
if(str[i] == "A"||str[i] == "E"||str[i] == "I"||str[i] == "O"||str[i] == "U"||str[i] == "a"||str[i] == "e"||str[i] == "i"||str[i] == "o"||str[i] == "u"){
what type of errors are you getting @abohannon
this doesn't look very efficient
and that too twice
@Manish-Giri i know, i need to go figure out regex
str[0].match(/[aeiou]/gi);
@ericmiller777
I was just trying to use somthing I understood
@Manish-Giri thanks
ericmiller777 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 6499 | @manish-giri |http://www.freecodecamp.com/manish-giri
@daddycardona thanks
@daddycardona all sorts of errors. would be a whole ordeal to go through them all. First I was getting a ton of eslint errors, then I disabled the eslint package, but right now i'm getting this
you welcome bro
@daddycardona sorry I thought that image would post with my message
@abohannon I won't lie to you that is node and I don't understand them but try you tube lol
its cool i saw it ;)
haha yea, im sorta over it actually
i need to get to work on some stuff and this is sucking all my time
i just need to revert back
and admit defeat
I hardly use github lol
or revert back and try again because sometimes sync and stuff like that messes up I have updated my website with filezilla but it wouldn't take so I had to delete it and upload my index.php file again ;)
@abohannon
@ericmiller777 i really hate this wherefor are thou challenge lmao
var something = collection.filter(function(e, i, ar) {
return e + ' yo momma ' + i + ' yo daddy ';
});
console.log(something)(3) [{…}, {…}, {…}]0: {a: 1, b: 2}1: {a: 1}2: {a: 1, b: 2, c: 2}length: 3__proto__: Array(0)
@daddycardona i hated it too
@daddycardona :wave: what's the rest of your code ?
function whatIsInAName(collection, source) {
// What's in a name?
var arr = [];
// Only change code below this line
var src = Object.keys(source);
console.log(src)
var something = collection.filter(function(e, i, ar) {
return e + ' yo momma ' + i + ' yo daddy ';
});
console.log(something)
// Only change code above this line
return arr;
}
whatIsInAName([{ "a": 1, "b": 2 }, { "a": 1 },
{ "a": 1, "b": 2, "c": 2 }
], { "a": 1, "c": 2 })
@Gersho I am still playing with this filter method lol
hmm i don't remember that challenge, what's the objective here ?
to make sure that the collection objects have everything that the src objects have and then pull them out push them into arr
so like a:1 does not come out neither does a:1 , b:2
oh that rings a bell
regardless is that something should return element yo mama 0 yo daddy
so you want to make checks based on the number of items in source, and only keep the objects that fulfilled them all ?
yes but I don't care about that right now how come something returned the whole object?
i'd say it actually return an array of object
and when I change return to return i, shouldn't that return 0, 1 , 1 ?
but the return value ? i don't know, you're trying to do
return { "a": 1, "b": 2 } + 'yo momma' + 0 ' 'yo daddy';
i have no idea how objects and string are supposed to interact in thgat setting
return { "a": 1, "b": 2 } + 'yo momma' + 0 ' 'yo daddy';
i have no idea how objects and string are supposed to interact in thgat setting
me either I am pissing myself off. I thought e was element, so like a:1
collection is an array
so
yes
collection = [
{ "a": 1, "b": 2 },
{ "a": 1 },
{ "a": 1, "b": 2, "c": 2 }
]
so e would or should be the element? a:1 b:2 and the i should be the iteration?
so collection[0] is { "a": 1, "b": 2 },
to follow your way of thinking, you'd need to have an object loop inside your filter
yeah but function (e == element, i == iteration ) is that correct
so if I say return I it shuold return 0,1,2 I thought
i is the index
return i should return [0,1,2] yes
@Gersho if I put return i; in the filter function I get
0
:
{a: 1}
1
:
{a: 1, b: 2, c: 2}
length
:
2
oh
that because if the return of the filter function returns true, it will return the element too
so I am confused about filter sog
Oh okay
try forEach or .map for that kind of usage
i didn't know either, just noticed when rereading .filter doc
according to the challenge they recommended filter hasownproperty I am lost lol
well thanks for the help @Gersho im off :)
daddycardona sends brownie points to @gersho :sparkles: :thumbsup: :sparkles:
:cookie: 397 | @gersho |http://www.freecodecamp.com/gersho
cya :)
Think of filter like a screen, you use a smaller screen to sift out smaller chunks of debris, you use an even smaller screen to filter out dust, the filter is kind of like a funnel, with a screen in the neck that you define. It puts the array through the test(the screen) and only returns what is true(what passed through)
@Gersho @daddycardona
:wave: @just1witness
it tests one at a time, so your first parameter is that element, the second is it's index, and you use the third to remove the elements from the array based on the test and their index (second parameter)
@Gersho Hi there :)
@daddycardona filter takes each element from the array and gives it to the function, if the function returns true, the value is placed into the output array, if false it is not.
This function is basically what filter is doing (not exactly but essentially)
This function is basically what filter is doing (not exactly but essentially)
function myFilter(array, fn) {
var newArray = [];
for (var i = 0; i < array.length; i++) {
if (fn(array[i], i, array)){
newArray.push(array[i]);
}
}
return newArray;
}fn(array[i], i, array) this is calling your function with the array element, the index and the whole array.
is there something wrong in this code
nav ul:first-child a {
border-left: 1px solid rgba(255,255,255,0.4);
}i mean is there any wrong this combination of selector?
<nav>
<ul>
<a>this</a>
<a>this too</a>
</ul>
<ul>
<a>not this</a>
</ul>
</nav>ul u targeting the first.. and all a inside that@NeelDVirus
@moigithub no no inside my
like this below
<ul> i have multiple <li>like this below
<ul>
<li><a>like this</a><li>
<li><a>like this</a><li>
<li><a>like this</a><li>
<li><a>like this</a><li>
<li><a>like this</a><li>
</ul>
and what u trying to do ?
cuz the ur selector .. will work for the scenario /example posted above
cuz the ur selector .. will work for the scenario /example posted above
This message was deleted
@moigithub and i wanted to target the
<a> element residing in the first <li> element.
first li ?
then u should not put :first-child on the ul
then u should not put :first-child on the ul
@moigithub isn't the selector
ul:first-child equivalent to "first child of the ul element"??
and the first child of the
ul element is the first <li> element
yea "child" term is confusing :)
but it refer to the first element whatever u targeting
but it refer to the first element whatever u targeting
@moigithub Oops i was trapped in misunderstanding :D so using that means
li:first-child will done the job
@moigithub Thanks btw :D
neeldvirus sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star2: 3624 | @moigithub |http://www.freecodecamp.com/moigithub