get help in general - we have more specialized help rooms here: https://gitter.im/FreeCodeCamp/home
Currently trying stuff with react bootstrap and this is what happened and I can't figure out what I did wrong
Warning: Failed prop type: In order to properly initialize the PanelGroup in a way that is accessible to assistive technologies (such as screen readers) an `id` or a `generateChildId` prop to PanelGroup is required
@CorySW You need id= or generateChildId= to your PanelGroup
oh okay thanks a lot @sjames1958gm
corysw sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 8960 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm
So I am having one hell of a time fully understanding how this worked. As far as I understand is looks for numbers that match in arr1 to fullArr or arr2 to fullArry. But it is is filtering those numbers out shouldn’t it return null since fullArr is just arr1 and arry2 combined?
the filter method you're using will remove any item that returns true. you are saying "arr1 does not include item OR arr2 does not include item" and the way the || logical operator works:
when used with Boolean values, || returns true if either operand is true
the important bit is the
!
which means "not"
@JavaLavaMT
i was in the middle of typing something but you're making more sense than me i'll let you handle it :P
@Gersho lol i erased what I typed like 4 times because i was confusing myself
D:
also isn't that one of the early algo challenge ? or did they turn it into a lesson ?
i don't recall
@Gersho looks like it's an Intermediate Algorithm challenge
lol
@JavaLavaMT if you don't understand it, you should rewrite it in a way that makes sense to you
oh ? i can't look at the solution i had for it
it's empty
seems like someone mentioned that the other day
@Gersho thank you!
javalavamt sends brownie points to @gersho :sparkles: :thumbsup: :sparkles:
:cookie: 593 | @gersho |http://www.freecodecamp.org/gersho
@thekholm80 thank you!
javalavamt sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1690 | @thekholm80 |http://www.freecodecamp.org/thekholm80
:+1:
seems like someone mentioned that the other day
how am i gonna do next time someones asks for help ? my first reflex is going see how i done it >.>
also, i hate my internet, i'm getting dc every 3 mins >.>
check the forum for other people's answers? >.<
well at least you didn't tell me to actually try and think :P
i know better than that!
anyone still up here that can help me with some basic JS?
found the problem - there was no comma separating the objects in a complex array
I can't finger our why this isn't working .. https://ideone.com/VrXVPu
Anyone?
Yeah, I got nuthinn
peace out ya'all
@jfines This is the problem
this.get = function(value) { return value; }It should be
this.get = function(value) { return this[value]; }
Hi, is non profit project has benefits?
Of searching job or something?
What is the most effective way to understand new codebase?
@iAziz786 What do you mean by new codebase
@iAziz786 start reading
:D
Hello everyone !
@Gersho Hello
:wave: @sjames1958gm
hello! someone has tried knockout.js? i am trying to build a google maps with markers on it, but the markers are not showing. what i have done wrong on this file: https://1drv.ms/u/s!AnCh8ExBS54OjJQ-hZxPhFrHxfPimg
does anyone know how you can get the return type of your data to show up in chrome dev tools console
like if you type
then
you'll get back -
var h = {a: 1, b: 2}then
hyou'll get back -
{a: 1, b: 2}
return type ? you mean the data type of the data returned ?
earlier it used to be
Object { a: 0, b: 1 }
put a breakpoint on it with google chrome tools and then reload the page with chrome tools opened and then see in sources tab
something like console logging a stringify of the data ?
not really, the object itself..it used to show what the type of the data was, like
Object, Array, Function, etc
typeof ?
now it's just the data
so like console logging the typeof, but you'd want it by default in the chrome console
yup
that used to happen normally, I think they've changed something
if that was present in earlier version maybe try looking at the about:config (or whatever is equivalent is, i don't use chrome)
lemme get a screenshot
and there's probably a ticket about it somewhere, for something like that it would be surprising if you were the only one annoyed by that
it's ok i see what you mean, in firefox it's written as > Object and you can click it to see whatever is inside
well at least it was last time i checked
yup
firefox shows it
i don't use the dev tools nearly enougth, i should get to speed on that too >.>
@Manish-Giri I am guessing they "improved" it
but try looking at the config page, maybe there's a setting for it
@sjames1958gm lol
this is how it was a while back
even though this prints from a
console.log from the code, and not in the console itself, but don't think that should make a difference
hello has anyone done the redux part of beta freecodecamp?
:wave: everyone
:wave: @kelechy
did u find a fix @Manish-Giri .. i think they changed it
:wave: @Gersho how it been
@kelechy :wave:
nope, I couldn't find anything
nothing on the docs either - https://developers.google.com/web/tools/chrome-devtools/console/
what chrome version are you on @Manish-Giri
Version 64.0.3282.140
var count = 0;
function cc(card) {
// Only change code below this line
switch(card) {
case 2:
case 3:
case 4:
case 5:
case 6:
count += 1;
break;
case 7:
case 8:
case 9:
count += 0;
break;
case 10:
case "J":
case "Q":
case "K":
case "A":
count -= 1;
}
return count + (count > 0 ? "Bet" : "Hold");
// Only change code above this line
}
// Add/remove calls to test your function.
// Note: Only the last will display
cc(2); cc(3); cc(7); cc('K'); cc('A');
Whats wrong? hmmm
@m-schou i'm guessing your return looks more like
5Bet or 0Hold?
formatting is important
why everytime i try to access location in this api/json it shows me NaN?
[
{
"id": "2",
"title": "Rogner Hotel",
"short": "rogner",
"category": "shtepi",
"location": "{lat: 41.3239934, lng: 19.822973}"
},
{
"id": "4",
"title": "ETC",
"short": "etc",
"category": "biznese",
"location": "{lat: 41.3239934, lng: 19.822973}"
}
]
what's the code
i bet he's trying to access the object part without addressing the array part
the code is json
var duh = [
{
"id": "2",
"title": "Rogner Hotel",
"short": "rogner",
"category": "shtepi",
"location": "{lat: 41.3239934, lng: 19.822973}"
},
{
"id": "4",
"title": "ETC",
"short": "etc",
"category": "biznese",
"location": "{lat: 41.3239934, lng: 19.822973}"
}
];
duh.forEach(obj => console.log(obj.location));
works for me
it shows me NaN everytime i need to access location
maybe you're trying to perform a Math operation on the co-ords before parsing it to int
the location is an object
trying to debug code without seeing the code is hard
@thekholm80 working out computer problems over the phone isn't fun enough so we step up ;)
lol
i am doing this for locations api:
locations
.map(each => {
each.location = {lat: parseFloat(each.location.lat), lng: parseFloat(each.location.lng)};
console.log(each.location);
each.title = String(each.title);
each.short = String(each.short);
each.category = String(each.category);
return each;
})
.forEach(function (placeItem) {
self.placeList.push(new Place(placeItem));
});
even taking of parseFloat it shows me NaN for location
i know i said earlier that location is a object, but isn't it a string ? meanling you can't
parseFloat(each.location.lat) because each.location.lat does not exist, only each.location
@thekholm80 What you mean it looks like 5Bet or 0Hold? What should i change? Hmmm
@m-schou look at your return
@Gersho you're right, it's a quoted string. maybe
parseJSON?
err json.parse
crap, i can't remember
lol
i see now
i couldn't remember either what was the opposite of stringify, hence why i stopped my reasoning there :p
lol
@thekholm80 I see now thank, amazing you can spot that so fast..
m-schou sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1691 | @thekholm80 |http://www.freecodecamp.org/thekholm80
@m-schou happy to help
what are you working on now? @Manish-Giri
sunday is not for working !
i could not write cs50 credit today, maybe tomoro @Gersho
like i said, it is sunday
everyday is a good day to write code :smile:
on that note, i'm going back to watching some starcraft 2
watching?
not playing?
@kelechy the dungeon crawler game
i'm way too bad to play it :P
and redux (part of a react course on udemy)
and of course, angular
that's why i only play single player games @Gersho lol
building it with react or vanilla js? @Manish-Giri
and lazy too, sc2 you need to try hard even for easy stuff xD
i miss original starcraft
@thekholm80 haha same here
so what should i use instead of parseFloat?
as a player i always prefered command & conquer, but sc2 is cool to watch
@dkapexhiu JSON.parse()
@dkapexhiu you could use regex
here, in your
.map()
.map(each => {
console.log(each.location);
let [loc1,loc2] = each.location.match(/\d+\.\d+/g);
console.log(+loc1, +loc2);
this will get you the co-ords in numeric form
41.3239934
19.822973
@kelechy as of now, I'm trying to understand the game itself, once I figure that out, maybe in angular(1)
o cool @Manish-Giri
thanks @Manish-Giri
dkapexhiu sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 6808 | @manish-giri |http://www.freecodecamp.org/manish-giri
how can i structure it to be like {lat: 41.3239934, lng: 19.822973}?
parse it like Kyle said
lol
with JSON.parse? an example?
I got an unexpected token error when I tried to
.parse it
strange
chrome is annoying me today
hmm, i think proper json requires keys to be quoted
yup
Hi everyone
@DevKosov hey, the drupal guy
having any luck?
not at all lol
i am working on it
someday i want to learn python then django
i'm sure it will suck
(to learn, not use lol)
*understands
have you used php before?
i know it a bit
that helps I bet
but definitely not an expert
we need @RuinIsProbablyTaken , she's a php expert
now i am getting this error:
Qb {message: "not a LatLng or LatLngLiteral: not an Object", name: "InvalidValueError", stack: "Error↵ at new Qb (https://maps.googleapis.com/m…ocalhost:3000/js/app.js:48:22)↵ at <anonymous>"}
message
:
"not a LatLng or LatLngLiteral: not an Object"
name
:
"InvalidValueError"
and this error:
InvalidValueError: setPosition: not a LatLng or LatLngLiteral: not an Object
Yesterday i created a simple page loader with css and i put the body overflow hidden while it's loading and it works really well in chrome and Safari, today i tried it in Edge and internet explorer but no luck. I thought i could get some help in here https://codepen.io/DevKosov/pen/bLWYyj
the overflow stays hidden in Edge and IE
can't you just put a note on your page that says something like "it's 2018, please use chrome or FF"?
thought about it
lol
sorry I'm so out of practice on CSS I don't think i could help
no worries ;)
@DevKosov - have you checked the website https://caniuse.com to see if the feature that you're trying to use is supported in those browsers?
@khaduch
overflow is supported in both
thanks anyway ;)@khaduch
devkosov sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3728 | @khaduch |http://www.freecodecamp.org/khaduch
@DevKosov - well, I haven't done anything yet - I'm trying Edge on windows 10 - it is strange how it doesn't work? I'm looking to see if anything pops out at me?
excuse me, how to convert this:
var pos = {
lat: position.coords.latitude,
lng: position.coords.longitude
};into an object?
isn't it already an object
then why do i get this error:
InvalidValueError: setPosition: not a LatLng or LatLngLiteral: not an Object when try: infoWindow.setPosition(pos);
typeof pos
should tell you what it is
thank you.. i have tried even with console.log(pos) but it shows me only the errors and not the values
@DevKosov - according to this note: https://stackoverflow.com/questions/31067847/animate-the-overflow-property the
overflow property is not animatable? Also according to this: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animated_properties, overflow is not listed as a property that can be animated. The stackoverflow link mentions using some JS code to do it? I don't know if there is a reason why it works in other browsers and not in the microsoft browsers?
@khaduch :wave:
hope things are well your end
@Manish-Giri - hello - how are you doing these days?
@khaduch thank you man! it's weird that it works in chrome
devkosov sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
api offline
Hey, does anyone know where to find a good tutorial to learn the necessary css to make the simon game?
@Hijerboa I don't think you need a lot of CSS for a Simon game. I think Javascript is much more important
All you need is 4 buttons with different colors. Then highlight those buttons on click or when the game plays the next challenge
@bjorno43 that is true...but if you want it to look half way decent...
True. But you can learn all you want about CSS, it doesn't make you a good designer. You'll need to use Photoshop or some other graphic tool. Design what you want the end result to look like. Then translate that to CSS and images if needed
Though I would strongly advise you to learn Bootstrap here: https://www.w3schools.com/bootstrap/bootstrap_get_started.asp Bootstrap will make sure your end result is responsive. Meaning that your players can play on any devise they like. Like a mobile phone or tablet
@bjorno43 alrighty thanks mate
hijerboa sends brownie points to @bjorno43 :sparkles: :thumbsup: :sparkles:
:cookie: 268 | @bjorno43 |http://www.freecodecamp.org/bjorno43