get help in general - we have more specialized help rooms here: https://gitter.im/FreeCodeCamp/home
hello
i wonder what happen to bob...
@psyperl Right here :wave: Just needed to catch up a good amount of sleep
a day without bob is like a day without sunshine
@bjorno43 good to know you are alright.. was worried you got stressed out :p
Nah. When you don't hear from me for a day, it's safe to assume I passed out from exhaustion and just catching up sleep :P
:thumbsup:
in my case , the sleep is trying to catch up with me :trollface:
:joy:
atm i don't have trouble with sleeping. but my hands is hurting for too much typing lol ..
got too excited typing codes :smile:
lol
I'm currently re-writing the bots source. Implementing spam prevention and fixing some issues
nice
@psyperl keep smacking those all laptop buttons
@coderkarma smacks
lol
that would cost expensive.
yeah i don't use laptop.. i am more of a desktop person
ok
Pff now that I'm re-writing the entire code, I'm like.. I didn't realise I wrote that many code already.. :joy:
do you realize what you wrote on the code though?
or even the language you wrote the code in :trollface: ?
Nope. Just smashing the keys here as well and hoping for the best :innocent:
That'd be something.. blindly smashing your keys and actually writing working code
expert level
expert
next level
I can already see Google coming up with a coder's autocorrect:
wafn 90823u fhfj j02jf0ija
Did you mean?
console.log('Hello World!');
lol
@bjorno43 linkedln please ?
@coderkarma I don't have a linkedIn account
oh no.. why?
Never got arround in creating one
I'm at the level where ppl find me without one :trollface:
oh. okay.
:smile:
Nah I'll create one soon. I'll pass you the link once it's done
i haven't even put my name in ( github/fcc).. my cert still saying 'psyperl' on the holder lol
@bjorno43 sure, that sounds good. @psyperl that doesn't sound good.
@psyperl pass me yours
i'll put it in once i got more certs :D, no point doing it now
you can tag me on github instead for now @coderkarma
okay lol
const translatePositionWithOffsetOfElement guess who named this variable?
lol not me i hope
was it me? hahaha
yes
lol
alright, I am off to bed now. have a good rest of your day or night wherever you folks live.
sleep well @coderkarma
have to wake up early at 6 always
that's why i had to go bed early. lol
@psyperl thanks
Using the type attribute selector, try to give the checkboxes in CatPhotoApp a top margin of 10px and a bottom margin of 15px.
?
input[type='radio'] {
margin-top:10px;
margin-bottom:10px;
}
margin-top:10px;
margin-bottom:10px;
}
why it is not working?
@munaf5a1_gitlab name of the task, pls
Basic CSS: Use Attribute Selectors to Style Elements
Using the type attribute selector, try to give the checkboxes in CatPhotoApp a top margin of 10px and a bottom margin of 15px.
@munaf5a1_gitlab it says try to give checkboxes
Well you're supposed to give checkboxes the margin
you are giving it to radio still
potato - potato
xD
ok tomato
got it
thanks
@bjorno43 thanks i understood
here's a correct solution, for future use
are they challenhes from angular times still available
@anandpotukchi Angular times?
yeah fcc used angular back in 2012
Google says FCC was founded in 2014
not 1934?
FCC was one of the program to run on a turning mahcine
~wiki
oh
not sure about the year but they did angular before
I don't iderstand something
a few american phone numbers jave letters
like (785) 045-REPO
can anyon explain
@anandpotukchi it's a trick they use to remeber them easily.
I think it's linked to the fact that old phones used to have the letters on numbers.
So you should know each number which letters holds. That's why I still have my old Nokia :smile:
aha
nice
Like this one
https://i.stack.imgur.com/hHq4v.jpg
https://i.stack.imgur.com/hHq4v.jpg
so was like
2 = ABC / 3 = DEF and so on
Just a mnemonic technique
i 'member making ringtones by pressing the numbers :cry:
Composing ringtones on nokia was pretty cool
I can't brain. There's a way to loop in JSX that is not on an array?
otherwise I just
createElement()
can't be bothered
call 1-800-APPLE
do I press 2 times for 2nd letter or what
Yeah
wew i fell asleep
Hi can someone help me with a react problem ?
purrrhaps
thanks i created this similar code to my project's problem that will show it
import React, { Component } from 'react'
function fun() {
alert('hello')
}
class Form extends Component {
constructor(props) {
super(props)
this.state = {
name : ''
}
}
onSubmit = (e, fun) => {
fun()
}
onChange = (e) => {
this.setState({name : e.target.value})
}
render() {
return (
<div>
<form onSubmit ={this.onSubmit.bind(fun)}>
<label htmlFor = "name">Name:</label>
<input type = "text" onChange = {this.onChange.bind(this)} value = {this.state.name} />
<input type= "submit" value = "add" />
</form>
<h1>{this.state.name}</h1>
</div>
)
}
}
export default Form
i'm having problems with onSubmit
when this renders that fun won't be executed and the linters doesn't show any errors
i'm rendering this Component in another file btw
i think someone just scared the cat
@sidou01
onSubmit = (e, fun) => {
e.preventDefault();
fun()
}
@sidou01 The bind is not necessary btw. you can just use
onSubmit={this.onSubmit}
Because you already use an arrow function
@psyperl I never said I was gonna help. I just encourage people to post, so they could get help :smirk_cat:
how to filter elements from large array of objects in js i am using for each for now
what's wrong with this:
function Dog(name, numLegs) {
this.name = name;
}
Dog.prototype.numLegs = 4;
let beagle = new Dog("Snoopy");
let ownProps = [];
let prototypeProps = [];
// Add your code below this line
for (let property in Dog) {
if(Dog.hasOwnProperty(property)) {
ownProps.push(property);
} else {
prototypeProps.push(property);
}
}
what about it?
oh
iteration should be on the object not the class @anandpotukchi
typeof Dog // 'function'
thanks @psyperl
:thumbsup:
@subhashish12 try filter
Hey guys, I need some advice
I've been offered a job as a front end developer but they want to know what salary I expect
I've worked as a junior front end dev for 1 year and 2 months for £1600 whicgh I believe was way too low pay
£16,000*
I would like £20,000 but I don't know if that's too high
I'm a good dev, I write good code but I'm not too speedy
what is the average in pounds for a software dev
Any advice for what I should say?
16,000 for 14 months seems real low
£28,000 according to Goggle
Google*
Do you think I'd be overstepping if I said £20,000?
No, if you are happy with that say that
Baring in mind that I'd me commuting 30 miles there and back
they will counter offer you if they think it is too high
That's what I'm hoping for but I don't want to put them off
have you looked at what the salary is for the company on sites like glassdoor
I have another interview lined up for a company with a better portfolio but I'm going to see what tgis company says in the mean time
I've looked on Glassdoor, they seem low
They have a really bad review stating they don't do quality work which I'm aware of, their designs and portfolio in general are rubbish
you can see how long they will wait on when you can give a definitive response
go to that other interview, tell them that you have a company waiting for your response, that may prompt them to hire you more quickl
sense you have already worked as a junior for a year, i believe you can be a bit more selective
all up to you though
Ye the other company haven't starting interviews yet however
They're an Australian company startinf an office in the UK
I'll email that company asking how soon the interviews will start as I have an offer from another company however I prefer their portfolio
Cheers buddy
@AdamHJ123 I honestly believe it to be very low. A decent software engineer makes around 60.000 Euro / year. That would be around 53.600 Pound. A junior software engineer makes around 35.000 / 40.000 Euro. So that'd be around 31.200 / 35.700 Pound. Obviously depending on the national income it might be different. But 20.000 sounds to me like it's barely above minimum wage
A five ounce bird could not carry a one pound coconut
@AdamHJ123 You should always aim high, but not too high. Like if the national average is 27.000, go for 25.000. That way you're showing confidence, but remain reasonable. If you aim too low, they either think you're insecure or that you're cheap labor for them. Neither is a good situation for you to be in.
@bjorno43 send those to @AdamHJ123
@eweiss17 Oops! My bad :joy:
@AdamHJ123 See above ^
People need help
function Animal() { }
Animal.prototype = {
constructor: Animal,
eat: function() {
console.log("nom nom nom");
}
};
// Add your code below this line
let duck = Object.create(Animal.prototype); // Change this line
let beagle = = Object.create(Animal.prototype); // Change this line
function Animal() { }
Animal.prototype.eat = function() {
console.log("nom nom nom");
};
let animal = new Animal();
let animal = Object.create(Animal.prototype);
animal.eat(); // prints "nom nom nom"
animal instanceof Animal;
@bjorno43 you look different
he rejuvenated himself
@diomed x
OMG, instant regret. haha :smirk_cat:
any ideas
i need help on this challenge
@thekholm80 Ye I've changed my picture to a better one
@ke1echi
const { property: { anotherProperty: variableName } } = object;
@anandpotukchi did you link the right challenge? your code doesn't look anything like what i'm seeing in the lesson
@bjorno43 you don't look stoned anymore hahaha
sorry
function Animal() { }
Animal.prototype = {
constructor: Animal,
eat: function() {
console.log("nom nom nom");
}
};
// Add your code below this line
let duck = Object.create(Animal.prototype); // Change this line
let beagle = = Object.create(Animal.prototype); // Change this line
function Animal() { }
Animal.prototype.eat = function() {
console.log("nom nom nom");
};
let animal = new Animal();
let animal = Object.create(Animal.prototype);
animal.eat(); // prints "nom nom nom"
animal instanceof Animal;
@anandpotukchi not enough WestWorld
@anandpotukchi i still don't know what challenge you're working on
i still dont understand this destruction
why cant i just do object reference
why cant i just do object reference
LOCAL_FORECAST.tomorrow.max
inside the function you should use the function parameter name, which is
forecast in this case
@anandpotukchi What are you trying to achieve?
beagle is declared incorrectly, and you're declaring animal twice, once by constructor, another by cloning/
and you can do it with dot notation, but that's not destructuring
yea
never use destruction before now
never use destruction before now
@ke1echi Destructuring is a way to unpack an object's values into 'variables'
@ehutchllew so in your
LOCAL_FORECAST.tomorrow.max you can create a variable like this const { max } = LOCAL_FORECAST.tomorrow so now you can use max instead of LOCAL_FORECAST.tomorrow.max everytime you want to use the value associated with that property.
so i can do this?
const { maxOfTomorrow } = LOCAL_FORECAST.tomorrow.max
not if you want to pass the challenge
@ke1echi depends, is max an object?
with that syntax, you can only unpack values from an object
what is the value associated with LOCAL_FORECAST.tomorrow.max? I'm thinking it's just a number.
if you want to rename your destructured value youc an do this:
const { max: maxOfTomorrow } = LOCAL_FORECAST.tomorrow.max
that would mean the object would have to be structured
LOCAL_FORECAST = { tomorrow: { max: { max: value} } }
also, you're still telling him to use the global variable instead of the function parameter
me? what?
have you looked at the challenge?
and passed it?
no, i'm just answering his question about destructuring.
so much unnecessary syntactic sugars in js
I mean you don't have to use destructuring, it's just extremely helpful imo.
oh dear
he wants to solve a challenge that specifically asks him to use nested destructuring
@ke1echi so what @ke1echi needs to e done
I reset thechalenge
okay so just do
const { tomorrow: {max} } = LOCAL_FORECAST
closer
just missing the new variable name, and using the function parameter instead of the global variable
Ooooh
i gotcha
the tests are specific
I don't htink I've ever actually done a dynamic destructuring with function parameters, would it just be like
const { [param] } = someObject ?
@ke1echiconst { property: { anotherProperty: variableName } } = object;
i dont understand what you meant here @thekholm80
@ke1echi if you have an object
object = { property: { anotherProperty: value } } and you want to assign anotherProperty to varialbleName then you would destructure it as const { property: { anotherProperty: variableName } } = object;
that puts the value stored in
anotherProperty into a new variable called variableName
in your function
getMaxOfTmrw() there's a function parameter called forecast that is structured similarly
i hate nested destructuring btw. it's so ugly
yeah, i've never used nested destructuring
doesn't really seem to be any benefit
i use it a lot in callbacks and function declarations, but it's still ugly
like here i used it so i can pass one object into the function but have it all sorted into variables inside the function
@thekholm80 so forgive my ignorance, but what is the benefit to using nested destructuring if you aren't declaring default values?
for me it's convenience
oh wait i see how it could work
nice
i mean, in the code above i could have
async(_, params, context) { then down in the code either refer to things as context.mongo.Users or destructure somewhere inside the function itself
but that's more work and i'm lazy
in classes i often destructure
this that way, too because i get tired of writing this. a million times in every method
yeah, i mainly write in react, so i do a lot of desctucturing for props and state.
that's a good use-case too
const { tomorrow: { max: maxOfTomorrow}} = LOCAL_FORECASTwhat am i doing wrongly? @thekholm80
use
forecast instead of LOCAL_FORECAST
inside the function you should use the function parameter, not the global variable
then you should pass
thanks @thekholm80
do you always use destructuring or normal object reference?
do you always use destructuring or normal object reference?
more often than not
i get tired of writing out the full dot notation if i have to write it more than one or two times
and it looks cleaner
i am staring at the code for an hour and not typing anything yet wew
is this thing common?
@psyperl when was the last time you slept?
i have sleep , i forgot though.. this morning i think
lol
more coffee then
wait i feel asleep earlier not long ago
lol
good idea.. i am actually making one atm
:coffee:
brothers good night
https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/es6/create-strings-using-template-literals/
// change code below this line
const resultDisplayArray = [];
resultDisplayArray.push(`<li class="text-warning">${result.failure[0]}</li>`);
resultDisplayArray.push(`<li class="text-warning">${result.failure[1]}</li>`)
resultDisplayArray.push(`<li class="text-warning">${result.failure[2]}</li`);
// change code above this line
what am i doing wrong?
@ke1echi You're using a constant there. A constant cannot be changed after it has been declared. So it's not possible to push new values to it. You should use
let instead of const if you want to change the value of the variable, array or object later on in your code.
No..
const doesnt mean constant sadly, objects can be mutated.
@ezioda004 Seriously? That's just wrong..
@ke1echi The argument passed is
result.failure as arr to the function so you'll need to usearr[0] and so on
Also the last line has
> missing in </li
@bjorno43 Yeah, this is JS :D
@bjorno43 it does prevent changing an array into a string or something though, so it's not a total loss
True git
thanks @ezioda004
coffeeeeeeeee....
I look forward to day when :cat:s like Manticore will be in movies
my eyes become heavy to see :smile: @ezioda004
You need sugar and caffeine
@thekholm80 It can be cheated
const a = [1, 2, 3];
{
const a = "abc";
}@ezioda004 quick! without looking
.red {
color: red;
}
.blue {
color: blue;
}Which color would these divs be?
<div class="red blue">
<div class="blue red">
Both blue?
you looked :yum:
I didnt
But I'll check now
you're winning!
no color because the div contains nothing
you know stuff @ezioda004
@eweiss17 touché
@diomed Most of the time in browser stuff executes from top to bottom, so its 1 rule to remember
lol
true that. they got me and most of others on order of classes
in php... something like
echo "Hey this is my variable $var"
and
echo 'Hey this is my variable $var'
is a different result
echo "Hey this is my variable $var"
and
echo 'Hey this is my variable $var'
is a different result
Thats PHP for you
@diomed I finished jack Ryan
@ezioda004 don't the
{} create new scope?
They built up the plot but the ending was not good
I actually hear that the newer version of PHP are actually pretty good
@Nirajn2311 damn, man. I'm on ep 2 today. lol
hope you liked it
@thekholm80 It does, to confuse even more, this doesnt work
const a = "abc";
{
const a = a.split(""); //Error
}
@Nirajn2311 I watched it too, felt like I wasted 8hrs on nothing
I guess they'll make season2
yeah, it's already renewed, so...
spend 8 hours watching a show to determine that it sucked?
Well... i'v already watched the first episode... might as well finish the season
It was either that or doing something productive, I choose the former
Well... i'v already watched the first episode... might as well finish the season
that's nice way of thinking
It was more like..ok stuff is getting good..ok it sucked but they might do better next episode
this is what I'm doing with Purge from now on
fair enough i'v had that before
i'v stopped watching a show after 100+ episodes too though because it got bad
@eweiss17 Lost was not bad, damnit
it was the anime hunter x hunter if u know what that is
I am aware of that
I'd expect nothing less from :cat:
but I can hardly stand anime
i went from hating anime, to watching dubbed, to watching subbed
it's whatever, the weebs ruin it though
Harry Potter is now 20 ys old book
https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/es6/use--to-import-everything-from-a-file
is there something wrong with this challenge?
is there something wrong with this challenge?
i do
"use strict";
import * as capString from capitalize_strings;When I look @ chocolate I hear 2 voices in my head.
First one says : *You need to eat that chocolate.*
The other voice goes: *You heard. Eat the chocolate.*
where di that come from?
@ke1echi need quotes around
capitalize_strings
oh :laughing:
thanks @thekholm80
thanks @thekholm80
Double quotes, single quotes are buggy IIRC
:+1:
yeah, it wouldn't pass for me with single quotes
The people making the test suites should try Regex section sometime
has anyone done the node.js/mongodb challenges on fcc?
Yes
different ascii values @thekholm80
Thats true but JS interprets single and double quotes the same, so its not a real world problem
yeah, they use regex to parse the user-generated code. they just need to expand their test to include
['|"]
I tried doing the node.js challenges a couple months ago and they were just straight up broken
Hmm I did like few weeks ago, they were working
did you use glitch i believe it was called
Yeah
@thekholm80 do you know the power of LA CHANCLA, coz these girls srly do
googled 'la chancla' and it was exactly what i hoped
yeah, they use regex to parse the user-generated code. they just need to expand their test to include['|"]
since node is written in c/c++''is used to refer to achar@thekholm80
i guess they didnt just like
'' lol
is that spaghetti code?
@diomed x
Hey, I'm building my first chrome extension (don't know much about backend), how can I host JSON file (small list of links with images) that I will update sometimes. Guess I need to make my own API? What is the easiest way?
@thekholm80
If it looks like a chicken, acts like a chicken, it must be a chicken
@lambomiura Making an express server wont be that hard, I guess you can use firebase too
or indexedDB if you don't need all your users to get updates
@ezioda004 i'm not sure what that article is talking about
Me neither, I just remember that phrase :D
This indexedDB API looks interesting
i've never used it, but i like the idea of it
Its basically like a DB in client side?
yes
i imagine it makes working with PWAs a lot better
what is PWA?
-- progressive web app
don't people think by this time soft eng already have enough terms, soon or later we won't have enough letter to put on a new term in 3 letters abbreviation
lol idk
Are there any text editors which are like sublime that are open source. Other than visual studio code since it is electron app
netbeans eclipse? are they still around not sure.. what is wrong with electron app?
vs code and atom are my favs, but they're both electron
maybe notepad++?
@thekholm80
whats up
hey buddy
how's life?
nm mate
codepen is my fav editr :D
lol :trollface:
i love this group
<3
<3
me to
lol
:yellow_heart:
I love these folks @thekholm80 @ezioda004 @psyperl @bjorno43 etc many more
Whats the best way to update npm packages
Or do we have to individually do
npm update <package-name>
packages you've published, or packages you're using?
packages I'm using
if they're local packages
npm update if they're global, npm -g update or you can go package by package with npm update [-g] <package>
Thx
Idiot, I should have checked the docs before I asked
sometimes i like asking for a quick answer instead of spending hours searching through docs
but npm's docs are pretty good