14th
Nov 2018
Philip Durbin
@pdurbin
Nov 14 2018 00:35
well, maybe not years
dyon gerwen
@fullstackinprogress_gitlab
Nov 14 2018 00:36
@pdurbin ahhah i was joking but for a long time :) im happy you live but how about @Robert Nash
@pdurbin do you have a dedicated pc running gitter.im :)
Kyle Holm
@thekholm80
Nov 14 2018 00:39
i see him talk once in a while
dyon gerwen
@fullstackinprogress_gitlab
Nov 14 2018 00:40
okaay nice happy to hear that :)
Philip Durbin
@pdurbin
Nov 14 2018 00:44
Not a dedicated PC exactly but I connect to Gitter using its IRC gateway from my IRC client (weechat) running in a GNU screen session on a server. That's what everybody does, right? :)
dyon gerwen
@fullstackinprogress_gitlab
Nov 14 2018 00:45
@pdurbin hhahahha noo i dont even knew that was posible
Henry
@GitHub-Henry
Nov 14 2018 00:46
@thekholm80 how goes it?
Kyle Holm
@thekholm80
Nov 14 2018 00:46
i used to do it that way, but now i have a dedicated team of interns that read the raw feed from the API and text it to my phone
it's slower, but more satisfying
@GitHub-Henry good, you?
Henry
@GitHub-Henry
Nov 14 2018 00:46
gotta react question for you.
do you have time to look at it?
Kyle Holm
@thekholm80
Nov 14 2018 00:48
i'm looking at it now
Henry
@GitHub-Henry
Nov 14 2018 00:49
trying to understand why the parameters are the way they are.
Kyle Holm
@thekholm80
Nov 14 2018 00:50
i guess i really don't understand your question
Henry
@GitHub-Henry
Nov 14 2018 00:53
i would expect the bind and the parent and child parms/args to match, but they seem to be a mishmash. the parent has (filler, event, item) but the bind has (this, item), while the child passes (event, item). some how the parms/args didn't match so they seem to not make sense. do you understand the parent and child parms/args? why they are the way they are?
I was plugging in things to see what combo worked, not really understanding why the parms/args are the way they are.
Kyle Holm
@thekholm80
Nov 14 2018 00:54
i'm still lost
Henry
@GitHub-Henry
Nov 14 2018 00:56
for example, looking at the bind(this, item), i'd expect 2 parms for the parent, but I am using three for handlerRemoveFriend(filler, event, item). does that makes sense to you?
item is notFriend
i can just say, that's the way it is and just live with it i suppose.
Kyle Holm
@thekholm80
Nov 14 2018 01:01
okay so logging your arguments i get
Arguments(3) [undefined, Class, "Bob", callee: (...), Symbol(Symbol.iterator): ƒ]
Henry
@GitHub-Henry
Nov 14 2018 01:01
ok
this, event, item
in some order
and the filler
Kyle Holm
@thekholm80
Nov 14 2018 01:02
this isn't an argument
Henry
@GitHub-Henry
Nov 14 2018 01:02
undefined is needed (not sure why, but doesn't work without it)
Kyle Holm
@thekholm80
Nov 14 2018 01:03
you have let notFriend; which is undefined
Henry
@GitHub-Henry
Nov 14 2018 01:03
i meant, the undefined.
Kyle Holm
@thekholm80
Nov 14 2018 01:03
so that's the first argument
then you're calling with props.onRemoveFriend(event, item);
2 args
2 + 1 = Arguments(3) [undefined, Class, "Bob", callee: (...), Symbol(Symbol.iterator): ƒ]
seems like it's all working as intended
Henry
@GitHub-Henry
Nov 14 2018 01:04
so can the undefined argument be removed?
Kyle Holm
@thekholm80
Nov 14 2018 01:04
of course, remove it from your bind
Henry
@GitHub-Henry
Nov 14 2018 01:04
since it's just undefined.
Kyle Holm
@thekholm80
Nov 14 2018 01:05
let notFriend;
this.handleRemoveFriend = this.handleRemoveFriend.bind(this, notFriend);
notFriend is undefined, adding it to the bind method prepends (puts in front of list) it to every call
Henry
@GitHub-Henry
Nov 14 2018 01:05
when I try make it work without notFriend, then my code won't work, could you show me a version that works.
Kyle Holm
@thekholm80
Nov 14 2018 01:05
not tonight, i don't have time
sorry
oh wait, in the function definition remove this and then remove notFriend from the call
then it should work
i think your confusion is that you thought this gets passed as an argument
when really it's defining the scope of the call
scratch that, it's test not this
Henry
@GitHub-Henry
Nov 14 2018 01:07
bind and the undefined thing were a bit confusing, along with having to define an unused variable, notFriend
Kyle Holm
@thekholm80
Nov 14 2018 01:07
so none of what i said applies lol
Henry
@GitHub-Henry
Nov 14 2018 01:10
that's better, i need to look at this, thanks.
Kyle Holm
@thekholm80
Nov 14 2018 01:10
:+1:
Henry
@GitHub-Henry
Nov 14 2018 01:11
you code looks sooo much cleaner.
appreciate the help
Kyle Holm
@thekholm80
Nov 14 2018 01:11
and deleted 3 things
also worth noting, arrow functions don't create a new scope so you don't have to bind them
Henry
@GitHub-Henry
Nov 14 2018 01:13
good tip, thanks. :+1:
kinopotato
@kinopotato
Nov 14 2018 01:51
I was looking at this challenge
https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-pass-an-object-as-a-functions-parameters
and I was looking at the code which wants me to use destructuring to half the value of 2 specific keys and I though the code looked alright so I pressed submit to see what needs doing, and it just accepted it xD The code is already done
const stats = {
max: 56.78,
standard_deviation: 4.34,
median: 34.54,
mode: 23.87,
min: -0.75,
average: 35.85
};
const half = (function() {
"use strict"; // do not change this line

// change code below this line
return function half({max, min}) {
return (max+min) / 2;
};
// change code above this line

})();
console.log(stats); // should be object
console.log(half(stats)); // should be 28.015
Christopher McCormack
@cmccormack
Nov 14 2018 02:17
@kinopotato I don't see the same behavior, you sure you didn't already do that one?
  // change code below this line
return function half(stats) {
// use function argument destructuring
return (stats.max + stats.min) / 2.0;
};
// change code above this line
kinopotato
@kinopotato
Nov 14 2018 02:19
Seems like I didn't do it before, at least not according to the list of the challenges that I've done.
can I attach a photo here or only text?
surprised that it worked, anyway I keep a different tab open to monitor my progress.
kinopotato
@kinopotato
Nov 14 2018 02:25
weird, I went back and reset the lesson and it didn't pass and I had to do it then but if I did it already then it should've been recorded as finished :|
Christopher McCormack
@cmccormack
Nov 14 2018 02:28
maybe you subconsciously typed the answer? :grin:
kinopotato
@kinopotato
Nov 14 2018 02:35
unless I'm psychokinetic which is a possibility I'm willing to consider, I don't think so xD
Christopher McCormack
@cmccormack
Nov 14 2018 02:36
haha
sundokkan
@sundokkan
Nov 14 2018 02:40

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

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

<style>
p {font-size: 16px;}
</style>

<style>
p2 {font-size: 16px;}
</style>

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

<p2>养动物有的时候，就是介于爱与恨之间，当你钦羡别人萌宠这么可爱的时候，你一定没有想过，狗狗和猫猫会到处拉屎，甚至会屯老鼠，啃鞋子，用爪子爬门，你不理它，它就挠你，你要对它发脾气，它会比你更来劲。所以，狗猫慎入，没有一定的准备，切勿随便去侍养动物。它们一旦认定你了，你就是它们的主人，如果你抛弃它们，它们必定心中重创。</p2>

kinopotato
@kinopotato
Nov 14 2018 02:53

Hello, can someone please clarify what "resultDisplayArray is the desired output." means?
https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/es6/create-strings-using-template-literals
this is my code if it helps

const result = {
success: ["max-length", "no-amd", "prefer-arrow-functions"],
failure: ["no-var", "var-on-top", "linebreak"],
skipped: ["id-blacklist", "no-dup-keys"]
};
function makeList(arr) {
"use strict";

// change code below this line
const resultDisplayArray =
[<l1 class="text-warning">${arr[0]}</li>, <l1 class="text-warning">${arr[1]}</li>,
<l1 class="text-warning">${arr[2]}</li>]; // change code above this line return resultDisplayArray; } /** * makeList(result.failure) should return: * [ <li class="text-warning">no-var</li>, * <li class="text-warning">var-on-top</li>, * <li class="text-warning">linebreak</li> ] **/ const resultDisplayArray = makeList(result.failure); my code seems to be outputting what it's supposed to, but in this case I can hardly make changes when I don't exactly know what the challenge means. It's returning resultDisplayArray so I don't know what it wants :| Aditya @ezioda004 Nov 14 2018 02:54 @kinopotato Lol, that passes the tests, right? kinopotato @kinopotato Nov 14 2018 02:55 no it's saying the resultDisplayArray is the desired output. I don't know how to interpret that Aditya @ezioda004 Nov 14 2018 02:59 @kinopotato You have l1 instead of li kinopotato @kinopotato Nov 14 2018 02:59 wtf is wrong with me Christopher McCormack @cmccormack Nov 14 2018 03:00 @kinopotato potato for brains! kinopotato @kinopotato Nov 14 2018 03:00 @cmccormack that is a possibility I will not refute holy crap Aditya @ezioda004 Nov 14 2018 03:00 Thats cheating tho kinopotato @kinopotato Nov 14 2018 03:01 having a potato for a brain is hardly cheating, haha Christopher McCormack @cmccormack Nov 14 2018 03:01 haha they can power clocks! Aditya @ezioda004 Nov 14 2018 03:01 I've added additional tests that wont allow your solution :dog: Christopher McCormack @cmccormack Nov 14 2018 03:01 does it regex for map? kinopotato @kinopotato Nov 14 2018 03:01 what, didn't I do what I'm supposed to?? Aditya @ezioda004 Nov 14 2018 03:02 It doesnt, only for template literals @kinopotato You're suppose to use an iterator method and create the array dynamically kinopotato @kinopotato Nov 14 2018 03:03 I just followed "Use template literal syntax with backticks to display each entry of the result object's failure array. Each entry should be wrapped inside an li element with the class attribute text-warning, and listed within the resultDisplayArray." should it have been a loop utilizing rest? Aditya @ezioda004 Nov 14 2018 03:04 Thats vague, thanks. I'll add "use an iterator to get the result" kinopotato @kinopotato Nov 14 2018 03:05 well time to use a for loop, let's hope I don't write it as f0r l00p for some idiotic reason Aditya @ezioda004 Nov 14 2018 03:05 I'd suggest using a map instead Christopher McCormack @cmccormack Nov 14 2018 03:05 map all day long Aditya @ezioda004 Nov 14 2018 03:06 for works too tho kinopotato @kinopotato Nov 14 2018 03:06 ohhhh, alright I'll try. tbh I still don't understand the higher order functions despite using them Christopher McCormack @cmccormack Nov 14 2018 03:06 for is good when you use for...of or for...in but then you could just use forEach or map instead map returns a new array with whatever modifications you make within the callback forEach iterates over each element but doesn't return a new array kinopotato @kinopotato Nov 14 2018 03:07 Okay I'll do just that, it's .m@p right, haha. I'm going to be a meme at this point. thanks! Christopher McCormack @cmccormack Nov 14 2018 03:07 map is especially good when you do NOT want to modify the original array kinopotato @kinopotato Nov 14 2018 03:14 It's done const result = { success: ["max-length", "no-amd", "prefer-arrow-functions"], failure: ["no-var", "var-on-top", "linebreak"], skipped: ["id-blacklist", "no-dup-keys"] }; function makeList(arr) { "use strict"; // change code below this line const resultDisplayArray = arr.map (e => <li class="text-warning">${e}</li>);
// change code above this line

return resultDisplayArray;
}
/**
* makeList(result.failure) should return:
* [ <li class="text-warning">no-var</li>,
*   <li class="text-warning">var-on-top</li>,
*   <li class="text-warning">linebreak</li> ]
**/
const resultDisplayArray = makeList(result.failure);
resultDisplayArray;
Kranti Nebhwani
@darkphotonKN
Nov 14 2018 03:14
@ezioda004 have you used or tried Next.js before (for react)? Or has anyone else?
Christopher McCormack
@cmccormack
Nov 14 2018 03:14
@kinopotato tsk tsk e is not meaningful!
I do highly recommend getting in the habit of using meaningful names even if they don't matter that much
mapping over result array, use result
kinopotato
@kinopotato
Nov 14 2018 03:15
err, like, insideArr or something? elementArr?
Christopher McCormack
@cmccormack
Nov 14 2018 03:15
nah think of the type of array
if it's an array of fruits, you could use fruit
kinopotato
@kinopotato
Nov 14 2018 03:16
Alright, thanks dude. I'll make it a habit to be better prepared for coding with teams
Manish Giri
@Manish-Giri
Nov 14 2018 03:16
pffft
i still use e or c or i
whichever requires less typing
kinopotato
@kinopotato
Nov 14 2018 03:17
he has a good point, settle with PUBG
Christopher McCormack
@cmccormack
Nov 14 2018 03:17
haha
my editor always does the work for me, so I can basically type f + tab and get fruit or whatever
@ezioda004
Nov 14 2018 03:18
@darkphotonKN I have not, sorry but I like the idea of SSR with React
Kranti Nebhwani
@darkphotonKN
Nov 14 2018 03:21
@ezioda004 yeah i want to learn how to do that
but not sure if this is the best thing for it.
@ezioda004
Nov 14 2018 03:22
I've only heard good things about it ;')
kinopotato
@kinopotato
Nov 14 2018 03:31
Does anyone think it is foreseeable to make a website better than this shopify site
https://sundaysky.ph/
by only knowing strictly, HTML, CSS3 and DOM manipulation via vanilla JS? I want to get started on making a website asap but is there anything else I need to learn especially since I know nothing about the backend
Christopher McCormack
@cmccormack
Nov 14 2018 03:33
@kinopotato the images loaded a bit slow, you could look at progressive images
kinopotato
@kinopotato
Nov 14 2018 03:34
not my site, haha, just to clarify. But I was hoping to make an ecommerce site 3 months from now and so I am worried that only knowing html/css/vanilla JS means I will suck.
besides PayPal APIs and other major credit cards, is there anything else that is an absolute MUST or is just dumb not to study first?
Manish Giri
@Manish-Giri
Nov 14 2018 03:37
so I am worried that only knowing html/css/vanilla JS means I will suck.
not necessarily
I remember reading a major company recently ditched React for their front end in favor of vanilla JS
resulting in 30% faster load times
pretty sure it was Netflix
kinopotato
@kinopotato
Nov 14 2018 03:38
react is the same to react native?
I mean you are referring to the same thing?
Christopher McCormack
@cmccormack
Nov 14 2018 03:38
wasn't it airbnb with react native?
or something
Manish Giri
@Manish-Giri
Nov 14 2018 03:39
Nope pretty sure it was React not RN
and it was very recent
the airbnb thing was a while back
Christopher McCormack
@cmccormack
Nov 14 2018 03:39
that's weird I wonder how that could be considering the optimization
only a while back in web design minutes haha
kinopotato
@kinopotato
Nov 14 2018 03:39
so those two are different, java and javascript, react and react native. Like, can we please be more confusing. xD
Manish Giri
@Manish-Giri
Nov 14 2018 03:39
lol
React Native is for androids/iOS devices
@kinopotato
which airbnb recently ditched
kinopotato
@kinopotato
Nov 14 2018 03:40
ohhhh, how about backend? I got not backend knowledge
Christopher McCormack
@cmccormack
Nov 14 2018 03:40
get on it
it's a lot of fun
Manish Giri
@Manish-Giri
Nov 14 2018 03:41
@thekholm80 is my back end tutor
kinopotato
@kinopotato
Nov 14 2018 03:41
I know PHP is sorta hated, but I heard that PHP maybe has both frontend and backend so that's like 2 birds one stone?
Christopher McCormack
@cmccormack
Nov 14 2018 03:41
haha I don't think he wants to be called that @Manish-Giri
Manish Giri
@Manish-Giri
Nov 14 2018 03:41
I think that's only JS
kinopotato
@kinopotato
Nov 14 2018 03:41
only JS?
Manish Giri
@Manish-Giri
Nov 14 2018 03:41
both front end and back end
kinopotato
@kinopotato
Nov 14 2018 03:41
so PHP doesn't have backend???
Manish Giri
@Manish-Giri
Nov 14 2018 03:42
it doesn't have front end
kinopotato
@kinopotato
Nov 14 2018 03:43
wha, how, what? so wordpress is the front end of PHP basically?
Manish Giri
@Manish-Giri
Nov 14 2018 03:43
altho i'm not quite sure what you meant by "has both front end & back end.."
kinopotato
@kinopotato
Nov 14 2018 03:44
hmm, data and stuff? haha
@ezioda004
Nov 14 2018 03:44
@kinopotato Every frontend includes HTML, CSS and JS, its the backend technologies which differ
Christopher McCormack
@cmccormack
Nov 14 2018 03:44
you know what's just JS? Node
node is awesome
Kyle Holm
@thekholm80
Nov 14 2018 03:44
@Manish-Giri what did i do?
Christopher McCormack
@cmccormack
Nov 14 2018 03:44
and backend is easy with Node
Manish Giri
@Manish-Giri
Nov 14 2018 03:45
oh look he's back
Christopher McCormack
@cmccormack
Nov 14 2018 03:45
@thekholm80 you tutored his back end
Kyle Holm
@thekholm80
Nov 14 2018 03:45
well, i am an ass ... so
kinopotato
@kinopotato
Nov 14 2018 03:45
so basically the best path for me in order to make an ecommerce site as a newbie in 3 months time is to do HTML/CSS/Vanilla JS then Node
Kyle Holm
@thekholm80
Nov 14 2018 03:45
guess i'm qualified
Manish Giri
@Manish-Giri
Nov 14 2018 03:45
Ser Kyle
kinopotato
@kinopotato
Nov 14 2018 03:47
node JS is easier when you know JS already right, so better to go that rout for my backend basics rather than learn word press then PHP which is practically a combo
Christopher McCormack
@cmccormack
Nov 14 2018 03:48
@kinopotato learn it all, use a different technology each project, expand your horizons!
kinopotato
@kinopotato
Nov 14 2018 03:48
well, I'd agree, except for the 3 months part xD
I'm doing it with someone and I have to take care of all the code stuff
Manish Giri
@Manish-Giri
Nov 14 2018 03:49
if anyone is learning Spring, feel free to tutor me
@ezioda004
Nov 14 2018 04:07
Kyle Holm
@thekholm80
Nov 14 2018 04:07
rofl
kinopotato
@kinopotato
Nov 14 2018 04:09
@ezioda004 this challenge is accepting wrong code
https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/es6/write-concise-object-literal-declarations-using-simple-fields
I typed something which I thought was alright and it passed but I played around with it in repl.it because I still didn't get it and it was returning [function] instead of the needed output

const createPerson = (name, age, gender) => {
"use strict";
// change code below this line
let person = (name, age, gender)=> {(name, age, gender)};
return person;
// change code above this line
};
console.log(createPerson("Zodiac Hasbro", 56, "male")); // returns a proper object
Claudio Restifo
@Marmiz
Nov 14 2018 04:09

still one of the best licence out there:

https://github.com/me-shaon/GLWTPL

:wave: room
Christopher McCormack
@cmccormack
Nov 14 2018 04:11
@Marmiz hi
@Marmiz I like the NSFW version
@ezioda004
Nov 14 2018 04:12
@kinopotato Ah yeah, found an issue regarding it. freeCodeCamp/freeCodeCamp#17784
I'll try to fix it.
Claudio Restifo
@Marmiz
Nov 14 2018 04:13

ezioda004 self-assigned this just now

from great power, comes great responsability

kinopotato
@kinopotato
Nov 14 2018 04:13
@ezioda004 least I could do.
@ezioda004
Nov 14 2018 04:14
@Marmiz :')
Kyle Holm
@thekholm80
Nov 14 2018 04:14
it was a good move. if i had the power i'd assign it all to @ezioda004 too
@ezioda004
Nov 14 2018 04:15
Not a hard task, my dealer gets me good solution
Claudio Restifo
@Marmiz
Nov 14 2018 04:15
or @Manish-Giri , let them work while we sit back and sip margaritas :cocktail: @thekholm80
Kyle Holm
@thekholm80
Nov 14 2018 04:16
:beers:
Manish Giri
@Manish-Giri
Nov 14 2018 04:19
@Marmiz true :thumbsup:
Claudio Restifo
@Marmiz
Nov 14 2018 04:28
guys, do you have a moment to talk about our lord and saviour, template literals and how you can write vanilla dom function with a breeze
@ezioda004
Nov 14 2018 04:36
Yes but if only you have the time to talk about string formatting in JS!
console.log('%c Rainbowww!', 'font-weight: bold; font-size: 50px; background: linear-gradient(to right, orange , yellow, green, cyan, blue, violet)');
Claudio Restifo
@Marmiz
Nov 14 2018 04:42
ok @ezioda004 that's new.
I'm intrigued
@ezioda004
Nov 14 2018 04:48
Yeah, JS supports C type format specifiers
console.log("%s", "Hello World");
Karma Drukpa
@coderkarma
Nov 14 2018 04:48
@ezioda004 I have to ask for help on this one again
@ezioda004
Nov 14 2018 04:49
@coderkarma Sure, what is it?
Karma Drukpa
@coderkarma
Nov 14 2018 04:52
function sum(num){
//     - 3 1 6
//     declare varibale to store sum
//     convert num to str and slice str
//     convert back to number
//    sum the number and return the sum
let sum = 0;
let numStr = String(num);

let negativeNum = numStr.slice(0, 2);
let rest = numStr.slice(2);
console.log(rest);

for (let i = 0; i < rest.length; i++){
sum += Number(rest[i]);

}
// converting the negative str into number
return sum += +negativeNum;
}
console.log(sum(-122));
this one.
@ezioda004
Nov 14 2018 04:54
Whats the expected output?
Karma Drukpa
@coderkarma
Nov 14 2018 04:55
3
i mean this is working with negative number
but when i pass postive integer like 122 = The expected output should be 5 but i am getting 14
@ezioda004
Nov 14 2018 04:58
Ok then you can have condition for negative and positive numbers, Math.sign() returns if a number is negative or positive so based on that you can decide what rest should be like
Karma Drukpa
@coderkarma
Nov 14 2018 04:59
I tried doing ternary but that didn't quite work may be i am doing it wrong.
@ezioda004
Nov 14 2018 04:59
What have you tried?
Brb in 10
Karma Drukpa
@coderkarma
Nov 14 2018 05:00
okay
Claudio Restifo
@Marmiz
Nov 14 2018 05:02
@coderkarma math.sign will make it easer for you to work ok
it returns 1 / -1 for positive / negative and 0 for 0
Karma Drukpa
@coderkarma
Nov 14 2018 05:06
how would I use Math.sign?
@Marmiz
looking at that now.
Claudio Restifo
@Marmiz
Nov 14 2018 05:07

math Sign examples

Math.sign(3);     //  1
Math.sign(-3);    // -1
Math.sign('-3');  // -1
Math.sign(0);     //  0
Math.sign(-0);    // -0
Math.sign(NaN);   // NaN
Math.sign('foo'); // NaN
Math.sign();      // NaN

pretty straightforward

@coderkarma alternatively, you know if you'll have digits as well?
Karma Drukpa
@coderkarma
Nov 14 2018 05:11
I don't know @Marmiz
Claudio Restifo
@Marmiz
Nov 14 2018 05:13
@coderkarma because so far your function doesn't account for it
so a -122.1 that should be 4?
or it's not a requirement?
Karma Drukpa
@coderkarma
Nov 14 2018 05:17
that is not required as per question?
no decimals
Claudio Restifo
@Marmiz
Nov 14 2018 05:18
@coderkarma don't know the specs. If you know that you'll never have decimals you are good to go

Math.sign will suffice. But if you want to account for it you can replace all non digits to 0 so that won't break nor change the outcome of the addition.
So

-123.45 // "0123045"

This way you would also know if you have a negative ( 0 is the first digit) or not.
But this is just a thought I had on how I'd do it.

not saying it's the best for this case
Karma Drukpa
@coderkarma
Nov 14 2018 05:26
@Marmiz alright. Thanks. But in my above solution I am having some trouble while doing condition.
Snehal14283
@Snehal14283
Nov 14 2018 05:34
can any one help me how to set PackIcon from code behind? also shadowdepth.
Snehal14283
@Snehal14283
Nov 14 2018 06:06
Got the solution for PackIcon. Need to check for the ShadowDepth
Ai rui 艾瑞
@aisolae
Nov 14 2018 06:10
function upDate(previewPic) {
var image = document.getElementById("image");
var exp = document.getElementById("expandedImg");
exp.src = previewPic.src;
image.innerHTML = previewPic.alt;
exp.parentElement.style.display = "block”;
can anyone tell me if some is wrong with this
i was able to start afresh but can’t seem to solve this problem
Snehal14283
@Snehal14283
Nov 14 2018 06:21
@Snehal14283
@ezioda004
Nov 14 2018 06:39
@aisolae image.innerHTML = previewPic.alt; this doesnt seem right. Are you trying to set alt of image?
Ai rui 艾瑞
@aisolae
Nov 14 2018 06:44
Yeah, that actually work but exp.src seems to be the main problem
thanks @ezioda004
i am trying to make the picture view on click
@ezioda004
Nov 14 2018 06:50
@aisolae You could use .setAttribute("src", previewPic.getAttribute("src"));
sundokkan
@sundokkan
Nov 14 2018 07:22
<input type="text" placeholder="cat photo URL">
Claudio Restifo
@Marmiz
Nov 14 2018 07:56
@coderkarma I can see that. The reason is not accounting for positive number. You always get negativeNumber regardless of the actual sign.
@ezioda004
Nov 14 2018 08:35
TBF he's already using class fields so he doesnt need to use a callback function again on the props.
Kranti Nebhwani
@darkphotonKN
Nov 14 2018 08:57
I tried figuring out my three drop down menus problem again for an hour but it drove me crazy lol. Can anyone have a look:
I made 3 dropdowns where when selecting one option the next one has a filtered shorter list. The final dropdown is the actual selection of content to display. Right now it;s just fitlering a bunch of objects inside an array and I'm displaying them with vuejs.
But no matter how I read through the docs and make changes, i can't get the text selection of the final drop down to remain visible after selecting the final drop down choice (third drop down to the right). Maybe it;s just a html thing with drop downs that I'm missing, can anyone have a look seeing what I mean from my codepen and see if you can keep the selection showing when making the final selection?
https://codepen.io/darkphotonKN/pen/MPOYex
btw the javascript code for the vuejs is at the very bottom of the javascript section, the top is just all the array content
Claudio Restifo
@Marmiz
Nov 14 2018 09:06
@darkphotonKN give each option a value, then on select update the v-model to the value selected. That should work
Treat your instance as controlled. Let the data object be the source of truth, and not the html.
Kranti Nebhwani
@darkphotonKN
Nov 14 2018 09:08
@Marmiz so each option tag should have a value=" "
Claudio Restifo
@Marmiz
Nov 14 2018 09:09
imho yes
just to try I gave your last option a :value="index" in the v-for loop.
then hardcoded animalChoice: 0 in data, and you see it's actually selected and displayed
@darkphotonKN
p.s. try to avoid index as values, give them something meaningful :)
Kranti Nebhwani
@darkphotonKN
Nov 14 2018 09:12
ok thanks as always man :) working on it now!
im very much a pure noob with vue hehe
@diomed
Nov 14 2018 09:20
Speed=>Speeding. Same movie but a cop car chases the bus for the entire movie and gives a ticket to Keanu at the end.
kinopotato
@kinopotato
Nov 14 2018 11:07
Hello, quick question, is there a way to have a separated elements in my array instead of what I'm getting now?
function palindrome(str) {
//declare a regex to remove all non alphanumeric characters
let regString = /[^\W_]/;
//turn everything into lower case
let testArr = str.toLowerCase()
//split the string into an array
.split("")
//remove special characters including space
.filter(string => {
if (regString.test(string) === true){
return string;
}});
//copy this array into a new array
let newArr = [...testArr];
console.log(newArr);
//make another array named compareMe
let compareMe = [];
console.log(compareMe.length);
//push new array into compareMe from the last string to the first
while (newArr.length != 0){
compareMe = compareMe + newArr.pop();
}
return compareMe; // returns ["0000"] I wanted it to return ["0", "0", "0", "0"]
}
palindrome("0_0 (: /-\ :) 0-0.,");
nevermind, I used concat and it worked, haha
@ezioda004
Nov 14 2018 11:14
@kinopotato I like that you're using array as stack :thumbsup:
kinopotato
@kinopotato
Nov 14 2018 11:14
I have no clue what that means, but thanks for the compliment 8D
btw, is this kind of commenting alright or too much?
@ezioda004
Nov 14 2018 11:16

Its fine, but

 //make another array named compareMe
let compareMe = [];

Is kinda self explanatory

So you can avoid that.
@diomed
Nov 14 2018 11:16
https://www.fanfiction.net/ - what css rules are applied to search button on this page - I mean when we hover on it
kinopotato
@kinopotato
Nov 14 2018 11:16
hmm, they call this dry? don't repeat yourself?
@ezioda004
Nov 14 2018 11:17
DRY is used to avoid "repeating same code", your code isnt using repeated blocks so its fine.
@diomed Inspect it?
kinopotato
@kinopotato
Nov 14 2018 11:18
ohhh, how about using array as a stack, what does that mean?
@diomed
Nov 14 2018 11:19
@ezioda004 I iinspeced it and got styles for button but dont know which ones are for hovering
@ezioda004
Nov 14 2018 11:20
@kinopotato Means - you're using the array object as "first in last out", hence it becomes a stack.
@diomed
    color: #333;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position .1s linear;
-moz-transition: background-position .1s linear;
-o-transition: background-position .1s linear;
transition: background-position .1s linear;
}
@diomed
Nov 14 2018 11:23
@ezioda004 hmmm... that looks suspiciously odd. as only a half of it
@ezioda004
Nov 14 2018 11:25
@diomed This too:
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
color: #333;
background-color: #e6e6e6;
*background-color: #d9d9d9;
}
kinopotato
@kinopotato
Nov 14 2018 11:25
@ezioda004 where did I do that? xD sorry I still have a hard time with the concepts.
@ezioda004
Nov 14 2018 11:25
@kinopotato
while (newArr.length != 0){
compareMe = compareMe + newArr.pop();
}
BTW dont know if you know but theres a .reverse() method.
@diomed
Nov 14 2018 11:26
thanks @ezioda004 :smiley_cat: :thumbsup:
kinopotato
@kinopotato
Nov 14 2018 11:26
no I don't O.O I'm guessing I should use that instead from the sound of it
@diomed
Nov 14 2018 11:26
@ezioda004 what does this mean?
*background-color: #d9d9d9;
kinopotato
@kinopotato
Nov 14 2018 11:27
why the hell would anyone make a method like that
@ezioda004
Nov 14 2018 11:27
Solving an algorithm without helper method is really good :)
kinopotato
@kinopotato
Nov 14 2018 11:28
so reversing arrays are actually fairly common I'm guessing
@ezioda004
Nov 14 2018 11:28
@diomed
Nov 14 2018 11:28
I've never before seen asterisk used before a property?
@ezioda004
Nov 14 2018 11:28
@diomed
Its not being rendered by engine anyway
So its probably a typo on their side
@kinopotato Yes and no, in real world I've only gotten an instance or two where I needed to reverse an array.
In algorithms its common.
kinopotato
@kinopotato
Nov 14 2018 11:30
I still don't get the first in last out and why that's good
that's how JS is naturally right?
@ezioda004
Nov 14 2018 11:31
No, its a computer science concept
Arrays in JS are flexible, dynamic if I may
Technically they are list, not arrays
kinopotato
@kinopotato
Nov 14 2018 11:32
why is it good?
@ezioda004
Nov 14 2018 11:32
Because arrays are suppose to be of same data type and contiguous memory block.
Its good because you're making use of arrays "differently".
@diomed
Nov 14 2018 11:33
so if you're a full stack developer, that means you're a full array developer?
@ezioda004
Nov 14 2018 11:34
Arrays !== stack!
In JS, array can emulate stack
@diomed
Nov 14 2018 11:34
arrays are not not stack? got it
wtf is stack anyway?
@ezioda004
Nov 14 2018 11:35
An abstract data structure
kinopotato
@kinopotato
Nov 14 2018 11:36
I'll remember this whole first in last out 5 years from now and finally understand it. hahaha
@diomed
Nov 14 2018 11:37
@kinopotato what does it mean?
kinopotato
@kinopotato
Nov 14 2018 11:38
the life of dev, I could be watching porn, but now I have to read.
heyyy I did this, which means I should know what you re talking about. hahaha
O wait I haven't done this yet
@diomed
Nov 14 2018 11:41
last in-first out looks like u popcorn [or destroy] last item or array , and you can also push new item into array -pushes on it's place or after it
is this it? is this all there is to it?
am I missing smth?
@ezioda004
Nov 14 2018 11:42
Pretty much - in JS, it doesnt really matter cause arrays are flexible so you never see "stack" class being used or something.
kinopotato
@kinopotato
Nov 14 2018 11:42
I need Gandalf in my life
@ezioda004
Nov 14 2018 11:42
But in other languages you have to use stack cause arrays are of fixed length.
@diomed
Nov 14 2018 11:43
everyone needs Aditya in their life
@ezioda004
Nov 14 2018 11:44
I could use a Gandalf too, I'm procrastinating so hard on doing some ML
kinopotato
@kinopotato
Nov 14 2018 11:44
what's ML
@ezioda004
Nov 14 2018 11:44
Machine Learning
kinopotato
@kinopotato
Nov 14 2018 11:44
ohhh, python????
Male Labia would've been more interesting though
@ezioda004
Nov 14 2018 11:44
Yeah with pytorch, pandas, numpy
Thats a risky google search of the day
kinopotato
@kinopotato
Nov 14 2018 11:45
even I'm not willing to search that
@ezioda004
Nov 14 2018 11:45
I regret, the risk didnt pay off
@diomed
Nov 14 2018 11:45
numpy sounded like pokemon, but then again, it's some boring stuff full of data
kinopotato
@kinopotato
Nov 14 2018 11:45
anything interesting?
@diomed
Nov 14 2018 11:46
so - no
@ezioda004
Nov 14 2018 11:46
Not my cup of :tea:
kinopotato
@kinopotato
Nov 14 2018 11:47
how about now, am I still doing the first in last out?
function palindrome(str) {
//declare a regex to remove all non alphanumeric characters
let regString = /[^\W_]/;
//turn everything into lower case
let testArr = str.toLowerCase()
//split the string into an array
.split("")
//remove special characters including space
.filter(string => {
if (regString.test(string) === true){
return string;
}});
//copy this array into a new array
let newArr = [...testArr];
testArr = testArr.join("");
//reverse the data inside newArr
newArr = newArr.reverse()
.join("");
//return true if palindrome flase if not
return (testArr === newArr ? true : false);
}
palindrome("five|\_/|four");
@diomed
Nov 14 2018 11:47
I wonder did anytime any developer said fully amazed and in wonderment - It's full of data
kinopotato
@kinopotato
Nov 14 2018 11:48
what is full of data though?
@ezioda004
Nov 14 2018 11:48
@diomed You should see the data science room, they get giddy over data
@diomed
Nov 14 2018 11:48
oh - those geeks
@ezioda004
Nov 14 2018 11:49
@kinopotato No stack now
kinopotato
@kinopotato
Nov 14 2018 11:49
so this code is worse than the other?
@diomed
Nov 14 2018 11:49
what is this |\_/| between 5 and 4
kinopotato
@kinopotato
Nov 14 2018 11:49
satan of course
@diomed
Nov 14 2018 11:49
5 M 4
kinopotato
@kinopotato
Nov 14 2018 11:49
man I don't know, FCC wrote that
@diomed
Nov 14 2018 11:50
$DiGiTaLlY$
@ezioda004
Nov 14 2018 11:50
@kinopotato I wont say that, its a different approach
kinopotato
@kinopotato
Nov 14 2018 11:51
wew, really, 5 years I'll remember this and understand it. haha
19 days ago I posted about functionception (recursion) and how I just don't get it despite someone explaining it to me. I returned to the post recently and manage to get it. so in the future I guess, haha. if the AI overlords you are making won't kill us first
@diomed
Nov 14 2018 11:52
@kinopotato you have a glitch in your matrix, AI
@ezioda004
Nov 14 2018 11:52
Hah, you'll get there. I'm coding < year and still feel like I know nothing
kinopotato
@kinopotato
Nov 14 2018 11:52
you're coding less than a year?!
@ezioda004
Nov 14 2018 11:53
Well a year in december
kinopotato
@kinopotato
Nov 14 2018 11:53
man I wanna swear at you
I started HTML this year June
@diomed
Nov 14 2018 11:53
I'm coding 3 years now and I'm still like - WTF is javascript
but I'm a :cat:
@ezioda004
Nov 14 2018 11:54
Well I had HTML and some programming stuff in school if that counts
kinopotato
@kinopotato
Nov 14 2018 11:54
not sure if it does, I also had it but like all I remember is marquee
@ezioda004
Nov 14 2018 11:54
But I didnt like programming back then
@diomed
Nov 14 2018 11:55
@kinopotato <marquee>Arriba Arriba</marquee>
kinopotato
@kinopotato
Nov 14 2018 11:55
@diomed that's how it's done my friend
@diomed
Nov 14 2018 11:56
i'm guessing that' also obsolete . lol
@ezioda004
Nov 14 2018 11:56
Not a switch per-se, I enrolled in a CS program few years ago but dropped cause reasons and no interest
@diomed
Nov 14 2018 11:56
will wanish any moment now. any year now. haha
kinopotato
@kinopotato
Nov 14 2018 11:56
btw, can you write this with ternary? because I have no false statement
.filter(string => {
if (regString.test(string) === true){
return string;
}
marquee will always be in my heart
@ezioda004
Nov 14 2018 11:57
.filter(str => regString.test(str) ? str: false)
kinopotato
@kinopotato
Nov 14 2018 11:57
what, that's it?
@diomed
Nov 14 2018 11:57
it's rolling too glitchy
kinopotato
@kinopotato
Nov 14 2018 11:57
I tried to make a marquee go vertical when I was in highschool
@diomed
Nov 14 2018 11:57
:joy:
kinopotato
@kinopotato
Nov 14 2018 11:57
don't aim high people, not if you don't have internet for research
@diomed
Nov 14 2018 11:58
I don't aim, I just shoot and paint the target afterwards
they call me Texas gunman
kinopotato
@kinopotato
Nov 14 2018 11:59
as @ezioda004 says, that's a different approach
hahaha
@ezioda004
Nov 14 2018 12:00
.filter(str => regString.test(str) && str)
Smaller :sunglasses:
kinopotato
@kinopotato
Nov 14 2018 12:01
I don't even understand how that works
if .test is true and element?
return if .test is true and current element
@ezioda004
Nov 14 2018 12:02
regString.test(str) if this returns true then the expression returns str
Otherwise it returns false
kinopotato
@kinopotato
Nov 14 2018 12:03
I don't get the expression returns str part. why is that required?
@ezioda004
Nov 14 2018 12:03
Its short circuit operator
Oh you're right
kinopotato
@kinopotato
Nov 14 2018 12:03
turns out you can just remove the false O.O
@ezioda004
Nov 14 2018 12:03
.filter(str => regString.test(str))
This should work too
kinopotato
@kinopotato
Nov 14 2018 12:03
.filter(string => regString.test(string));
yeah seems like
man es6 is something
if only my introduction to it wasn't so scary
@ezioda004
Nov 14 2018 12:04
Didnt notice it was .filter()
kinopotato
@kinopotato
Nov 14 2018 12:04
funny story, I used .map and returned a bunch of undefined insert sunglass emoji here
I'm about to get JS certificate and I still can't distinguish between the HO functions
@ezioda004
Nov 14 2018 12:06
Higher order functions are just functions which can accept another function or return a function
Thats it
kinopotato
@kinopotato
Nov 14 2018 12:07
well you say that, but to me HOFs are .reduce .map and .filter hahaha,
that's it
normal functions accept functions are parameters though, at that point do they become HOF?
@ezioda004
Nov 14 2018 12:08
The definition I mentioned applies to them so yeah
JS/Python supports HOF, its a concept - theres not like a transformation happens
kinopotato
@kinopotato
Nov 14 2018 12:09
this is the side effect of watching sailor moon. I need to see these things. hahaha. I'm too literal
Niraj Nandish
@Nirajn2311
Nov 14 2018 12:13
@diomed :cat: knows js better than :fox:
kinopotato
@kinopotato
Nov 14 2018 12:16

I was proud of my code

function palindrome(str) {
//declare a regex to remove all non alphanumeric characters
let regString = /[^\W_]/;
//turn everything into lower case
let testArr = str.toLowerCase()
//split the string into an array
.split("")
//remove special characters including space
.filter(string => regString.test(string));
//copy this array into a new array
let newArr = [...testArr];
//rejoin testArr for comparison since arrays cannot be compared
testArr = testArr.join("");
//reverse the data inside newArr
newArr = newArr.reverse()
.join("");
//compare and return true if palindrome flase if not
return (testArr === newArr ? true : false);
}
palindrome("five|\_/|four");

then I saw FCC solution

  function palindrome(str) {
return str.replace(/[\W_]/g, '').toLowerCase() ===
str.replace(/[\W_]/g, '').toLowerCase().split('').reverse().join('');
}

I'm going to be a jr dev until I'm 69

@ezioda004
Nov 14 2018 12:17
Now do it with recursion :')
kinopotato
@kinopotato
Nov 14 2018 12:17
you mean functionception (I will try my best to make that stick)
I said I finally understood it, not use it. hahaha
@ezioda004
Nov 14 2018 12:21

function helper(str){
str = str.replace(/[\W_]/g, '').toLowerCase().split('');
return palindrome(str);
}
function palindrome(str){
if (str.length <= 1) return true;
return str.shift() === str.pop() ? palindrome(str.slice(1, str.length-1)) : false
}
kinopotato
@kinopotato
Nov 14 2018 12:24
this is hoisting in action?
@ezioda004
Nov 14 2018 12:24
Yes.
@diomed
Nov 14 2018 12:25
@Nirajn2311 you here?
kinopotato
@kinopotato
Nov 14 2018 12:25
if (str.length <= 1) return true;
what does length have to do with this??
@ezioda004
Nov 14 2018 12:26
So for cases like "aba", the final string will be "b"
That means its a palindrome
For even length, the final string will be ""
@diomed
Nov 14 2018 12:29
wtf is hoisting
kinopotato
@kinopotato
Nov 14 2018 12:29
unfortunately, it's not a sex thing, not even close and you can safely google
I think
@ezioda004
Nov 14 2018 12:29
Umm automatic function prototyping as they call in C, C++ land
kinopotato
@kinopotato
Nov 14 2018 12:29
don't quote me on that
I still don't get how you came up with your code @ezioda004
seems so roundabout, but it works
@ezioda004
Nov 14 2018 12:30
Practice, young one
Ofc it works, I wrote it :sunglasses:
@diomed
Nov 14 2018 12:32
@ezioda004 is most def a js jedi
kinopotato
@kinopotato
Nov 14 2018 12:33
hoping codewars and javascript30 will work well for me
@diomed
Nov 14 2018 12:33
@ezioda004
Nov 14 2018 12:33
Do codewars, I havent done in a long time but definitely do when other do
kinopotato
@kinopotato
Nov 14 2018 12:35
I have no choice, I'm playing catch up so I need to do things like codewars PLUS more or I'll really be a jr dev until I'm 69
@ezioda004
Nov 14 2018 12:35
@diomed x
I'm sure you'll be great dev by then lol
kinopotato
@kinopotato
Nov 14 2018 12:36
if you're not great at anything at 69, then that's just sad
@diomed
Nov 14 2018 12:36
@ezioda004 lol, that's definition of me. haha
@ezioda004
Nov 14 2018 12:37
Survive till that age is great in itself :D
@diomed
Nov 14 2018 12:37
this. :arrow_up:
surviving is accomplishment, I guess
kinopotato
@kinopotato
Nov 14 2018 12:41
that's actually quite positive and also arguably true, hmm,
btw, any hint on the turn numbers into roman numerals? I'm stumped.
@ezioda004
Nov 14 2018 12:44
switch/if statements are inevitable
kinopotato
@kinopotato
Nov 14 2018 12:45
I'm imagining something like case 1 case 2 case . . . 1000
I don't think that's right
xD
man I really have no clue how to approach this
@diomed
Nov 14 2018 12:47
it's over. no more webdev for you.
that's it. this is it.
kinopotato
@kinopotato
Nov 14 2018 12:47
but I just got webdev! D8>
D8<
@diomed
Nov 14 2018 12:47
kinopotato
@kinopotato
Nov 14 2018 12:48
no warframe for me tonight I guess,
or maybe it's exactly the time for warframe, maybe I'll have some eureka moment
@diomed
Nov 14 2018 12:49
take a wild 10 min break and then return
or smth
kinopotato
@kinopotato
Nov 14 2018 12:50
I'm going to cook, and then make a roman soldier costume. I need to be immersed, that's what a true dev would do
@diomed
Nov 14 2018 12:54
@kinopotato immerse yourself
BrendaMoragwa
@BrendaMoragwa
Nov 14 2018 13:02
anyone good in yii2?
@diomed
Nov 14 2018 18:01
where are you, hangman players?
Ene Catalin
@EneCatalin
Nov 14 2018 18:02
gib word
lipinpin
@lipinpin
Nov 14 2018 18:05
hello world, today it's my first time to learn coding on freecodecamp,i have finish 53 challenge
Ene Catalin
@EneCatalin
Nov 14 2018 18:06
but first, you need to finish the hangman challange
@ezioda004
Nov 14 2018 18:07
Its a tradition, after you do 53 challenges you gotta defeat fcc's pikachu @diomed in a hangman game
@diomed
Nov 14 2018 18:09
lipinpin
@lipinpin
Nov 14 2018 18:09
I JUST fresh coder, i have no much experience
yeah
Niraj Nandish
@Nirajn2311
Nov 14 2018 18:10
@diomed
Nov 14 2018 18:11
for the game, right?
Niraj Nandish
@Nirajn2311
Nov 14 2018 18:11
@ezioda004 ill go over the pr you askedfor review tomorrow
@diomed no, im ready to teach :cat: some json tricks
Ene Catalin
@EneCatalin
Nov 14 2018 18:12
fk that
game time
@diomed
Nov 14 2018 18:12
which tricks?
now I'm interested.
@ezioda004
Nov 14 2018 18:12
@Nirajn2311 Sure, take your time :thumbsup:
Niraj Nandish
@Nirajn2311
Nov 14 2018 18:12
@diomed wtf do you think im ready for
of course im ready for some hanging
@diomed
Nov 14 2018 18:12
to teach me vue?
:yum:
ok, lets bring it on!
_ _ M _ _ V _ _ _ L L _ L _ _ _
Niraj Nandish
@Nirajn2311
Nov 14 2018 18:13
Some other day, some other month, some other year
“S”
@ezioda004
Nov 14 2018 18:15
E
@diomed
Nov 14 2018 18:16
S _ M _ _ V E _ _ L L _ L _ _ _
Ene Catalin
@EneCatalin
Nov 14 2018 18:16
a single word ?
holy f
i
@diomed
Nov 14 2018 18:17
S _ M _ I V E _ I L L _ L _ _ _
Niraj Nandish
@Nirajn2311
Nov 14 2018 18:17
A
@diomed
Nov 14 2018 18:18
0
@ezioda004
Nov 14 2018 18:18
O
@diomed
Nov 14 2018 18:19
S O M _ I V E _ I L L O L O _ _
@ezioda004
Nov 14 2018 18:19
Err what is that
Ene Catalin
@EneCatalin
Nov 14 2018 18:19
it's def not english
@diomed
Nov 14 2018 18:19
that's right
Ene Catalin
@EneCatalin
Nov 14 2018 18:20
how is that fair ?
@diomed
Nov 14 2018 18:20
but you'll get xplanation when answered
Ene Catalin
@EneCatalin
Nov 14 2018 18:20
R
@diomed
Nov 14 2018 18:20
who says :cat: needs to be fair? LOL
no R
[it's not Croatian, either, if you're worried about that]
@ezioda004
Nov 14 2018 18:20
B
W
@diomed
Nov 14 2018 18:21
:negative_squared_cross_mark:
@ezioda004
Nov 14 2018 18:21
quit(); //flips table
@diomed
Nov 14 2018 18:22
oh, come on!
@ezioda004
Nov 14 2018 18:22
H
@diomed
Nov 14 2018 18:23
:no_entry_sign:
Niraj Nandish
@Nirajn2311
Nov 14 2018 18:24
Z
@diomed
Nov 14 2018 18:24
nope :stuck_out_tongue:
Niraj Nandish
@Nirajn2311
Nov 14 2018 18:26
At least which language it is
Ene Catalin
@EneCatalin
Nov 14 2018 18:27
it's clearly U
@diomed
Nov 14 2018 18:27
@Nirajn2311 fair enough, it's Latin
there is no U, ostrich
Ene Catalin
@EneCatalin
Nov 14 2018 18:28
N
@diomed
Nov 14 2018 18:28
yes!
S O M N I V E _ I L L O L O _ _
Ene Catalin
@EneCatalin
Nov 14 2018 18:28
C
@diomed
Nov 14 2018 18:28
somni - means sleaping, precisely dreaming
Ene Catalin
@EneCatalin
Nov 14 2018 18:29
I know
@diomed
Nov 14 2018 18:29
no C
Ene Catalin
@EneCatalin
Nov 14 2018 18:29
well not dreaming but sleep
Niraj Nandish
@Nirajn2311
Nov 14 2018 18:29
B
Ene Catalin
@EneCatalin
Nov 14 2018 18:29
Q
@diomed
Nov 14 2018 18:29
no B either
Ene Catalin
@EneCatalin
Nov 14 2018 18:30
what letter of the alphabet did we miss ?
@diomed
Nov 14 2018 18:30
no Q but you're on good path, for strange letters
@ezioda004
Nov 14 2018 18:30
R
Christopher McCormack
@cmccormack
Nov 14 2018 18:30
M
Ene Catalin
@EneCatalin
Nov 14 2018 18:30
F
@diomed
Nov 14 2018 18:30
you missed specific English letters
no R, M, F
Ene Catalin
@EneCatalin
Nov 14 2018 18:31
D
@diomed
Nov 14 2018 18:31
no D as well
Ene Catalin
@EneCatalin
Nov 14 2018 18:31
G
@diomed
Nov 14 2018 18:31
yes
S O M N I V E _ I L L O L O G _
Ene Catalin
@EneCatalin
Nov 14 2018 18:31
P
@diomed
Nov 14 2018 18:32
no. I said specific English letters, damnit
Christopher McCormack
@cmccormack
Nov 14 2018 18:32
SOMNIVEXILLOLOGY
Ene Catalin
@EneCatalin
Nov 14 2018 18:32
wtf is that
@diomed
Nov 14 2018 18:32
:congratulations:
Christopher McCormack
@cmccormack
Nov 14 2018 18:32
YEAH!
@diomed
Nov 14 2018 18:33
Niraj Nandish
@Nirajn2311
Nov 14 2018 18:33
Seriously, who over here has learned latin
Ene Catalin
@EneCatalin
Nov 14 2018 18:33
i know a few words
Deus strutus
oh
strutionum*
also I actually studied it in school
@diomed
Nov 14 2018 18:35
@EneCatalin Deus vult!
@ezioda004
Nov 14 2018 18:35
@diomed So basically i liek flags?
@diomed
Nov 14 2018 18:36
@ezioda004 only when you sleep
Ene Catalin
@EneCatalin
Nov 14 2018 18:36
modern flags are shit
old ones are fun
Niraj Nandish
@Nirajn2311
Nov 14 2018 18:36
Thats weird and gay
@diomed
Nov 14 2018 18:36
hahahhahahhahhah
Ene Catalin
@EneCatalin
Nov 14 2018 18:37
latin is best language
@diomed
Nov 14 2018 18:37
if by gay you mean people are happy when they dream of flags, then ... I guess
Ene Catalin
@EneCatalin
Nov 14 2018 18:37
everything sounds important
@diomed
Nov 14 2018 18:39
@EneCatalin yes, I know what you mean. Vescere bracis meis
@ezioda004
Nov 14 2018 18:40
@diomed Ofcourse Reia Vorfafur
Darren
@DarrenfJ
Nov 14 2018 18:41
fCC! afternoon...
Diomed.. yer still around :wave:
@EneCatalin you too.. good to see yah
@diomed
Nov 14 2018 18:41
@DarrenfJ maby not for long enough.. haha
Ene Catalin
@EneCatalin
Nov 14 2018 18:42
hey
Niraj Nandish
@Nirajn2311
Nov 14 2018 18:42
Nah, youll live longer than us :cat:
you still have all 9 lives
@DarrenfJ :wave:
Darren
@DarrenfJ
Nov 14 2018 18:42
hello, @lipinpin congrats on the progress! keep'r up
@diomed
Nov 14 2018 18:43
Utinam Barbari Spatium Proprium Tuum Invadant
@Nirajn2311
Darren
@DarrenfJ
Nov 14 2018 18:43
i agree with @Nirajn2311 you are unstoppable :smiling_imp:
@diomed
Nov 14 2018 18:45
@Nirajn2311 I might be on my 8th as it seems
Niraj Nandish
@Nirajn2311
Nov 14 2018 18:45
And the Doctor is on his last
@diomed
Nov 14 2018 18:46
is that why he's woman now?
so he can have a baby, and prolong his Doctor line into the future
Niraj Nandish
@Nirajn2311
Nov 14 2018 18:47
Are you suggesting that the master became a women so that he could also have a baby
🤢🤢
@diomed
Nov 14 2018 18:48
yes
seems very logical, if that's last life
Niraj Nandish
@Nirajn2311
Nov 14 2018 18:49
Have you even watched the show?
Karma Drukpa
@coderkarma
Nov 14 2018 18:49
@Nirajn2311 what's up man?
what show is that?
Niraj Nandish
@Nirajn2311
Nov 14 2018 18:50
what show is that?
Dr who
@Nirajn2311 what's up man?
@diomed
Nov 14 2018 18:50
@Nirajn2311 not really. I've seen only 1 episode of dr. Who
Niraj Nandish
@Nirajn2311
Nov 14 2018 18:51
nothing much, today was childrens day
Karma Drukpa
@coderkarma
Nov 14 2018 18:51
happy children day to you and me lol
Niraj Nandish
@Nirajn2311
Nov 14 2018 18:51
and we had to be teachers or supervisors
Karma Drukpa
@coderkarma
Nov 14 2018 18:51
ahahhaah
@diomed
Nov 14 2018 18:51
well... that's just... awkward
Niraj Nandish
@Nirajn2311
Nov 14 2018 18:52
@diomed them no wonder you gave that suggestion
Which episode did you see
well... that's just... awkward
whats awkward?
Karma Drukpa
@coderkarma
Nov 14 2018 18:53
@ where is Kyle? I haven't seen him in this chat room for quite long.
@kyle
Niraj Nandish
@Nirajn2311
Nov 14 2018 18:54
@coderkarma you tagged the wrong kyle
@diomed
Nov 14 2018 18:56
he's around...
I can quote him on that
Karma Drukpa
@coderkarma
Nov 14 2018 18:56
@Nirajn2311 hahah really.
@diomed He must me looking our text. lol
Niraj Nandish
@Nirajn2311
Nov 14 2018 18:57
No im serious, you tagged the wrong one
@diomed
Nov 14 2018 18:57
not really. he doesnt care
Niraj Nandish
@Nirajn2311
Nov 14 2018 18:58
@coderkarma you are taking about @thekholm80
Karma Drukpa
@coderkarma
Nov 14 2018 18:58
@Nirajn2311 opps!! sorry then
@diomed
Nov 14 2018 18:58
unless you tag him.
Karma Drukpa
@coderkarma
Nov 14 2018 18:58
oh shoot!!
@Nirajn2311 what are you working on currently?
@diomed
Nov 14 2018 18:58
why you tag bearded grumpy man? @Nirajn2311
Niraj Nandish
@Nirajn2311
Nov 14 2018 18:58
Nothing
@diomed you forgot bald
Just some light study on vue, like one hour a week
Karma Drukpa
@coderkarma
Nov 14 2018 18:59
I haven't done much codewars lately, feels like my ability of solving problem is getting worst then before. Hooked by this jS, React, html css
Niraj Nandish
@Nirajn2311
Nov 14 2018 19:00
a bit of js and going through prs of fcc
Karma Drukpa
@coderkarma
Nov 14 2018 19:00
did you learned React ?
Niraj Nandish
@Nirajn2311
Nov 14 2018 19:00
I did a bit and stopped it
not enough tine at the moment
@diomed
Nov 14 2018 19:00
coz obviously React is unnecessary hard and complicated
Karma Drukpa
@coderkarma
Nov 14 2018 19:00
oaky.
Niraj Nandish
@Nirajn2311
Nov 14 2018 19:01
also vue seemed simpler
@diomed
Nov 14 2018 19:01
@Nirajn2311 I installed vue cli. now what
Karma Drukpa
@coderkarma
Nov 14 2018 19:02
React is hot , if we can build stuff with that and have good knowledge of js. we can get a job quite easily
Niraj Nandish
@Nirajn2311
Nov 14 2018 19:02
Now watch Impractical jokers and have enjoy your victory
Ene Catalin
@EneCatalin
Nov 14 2018 19:02
@coderkarma got it right
everyone and their mother wants a react dev
Niraj Nandish
@Nirajn2311
Nov 14 2018 19:03
Night :cat:, its 11pm here
@diomed
Nov 14 2018 19:03
Niraj Nandish
@Nirajn2311
Nov 14 2018 19:03
See you tomorrow pikachu
Ene Catalin
@EneCatalin
Nov 14 2018 19:03
vue devs ? Yeah, more people searching for php lol
nite
@diomed
Nov 14 2018 19:03
._.
Karma Drukpa
@coderkarma
Nov 14 2018 19:03
php ?
@diomed
Nov 14 2018 19:03
yes
Ene Catalin
@EneCatalin
Nov 14 2018 19:03
exactly
Karma Drukpa
@coderkarma
Nov 14 2018 19:03
lol
@diomed
Nov 14 2018 19:04
he knows what's up
@ezioda004
Nov 14 2018 19:07
:golf:
Karma Drukpa
@coderkarma
Nov 14 2018 19:17
:plus1:
lipinpin
@lipinpin
Nov 14 2018 19:38
good nit
i go to sleep
Kyle Holm
@thekholm80
Nov 14 2018 19:45
@coderkarma hey, i'm around. just kind of busy most the time
Karma Drukpa
@coderkarma
Nov 14 2018 21:34
Jacky Lui
@Recelis
Nov 14 2018 21:57
hey just wondering how the cdn tests for the front end projects work for a react project? I'm using a fresh install of create-react-app, but the hamburger menu with the tests don't show up.
Karma Drukpa
@coderkarma
Nov 14 2018 21:58
sorry, i am super new to React
codeloopy
@codeloopy
Nov 14 2018 22:11
hi y’all, can someone help me out with some regex? something I wrote should work but doesn’t (typical HAHA) and I don’t understand why if a previous similar test case matches the same does (I think)
Jason Luboff
@JLuboff
Nov 14 2018 22:18
@codeloopy Always best to post the code with your question..if someone knows the answer they're more likely to do so
Kaylee
@kaymonlee
Nov 14 2018 22:36
I'm doing the survey form and I would like to reduce all the empty space I have in my fieldsets. Just not sure how to go about this
HitEagle
@HitEagle
Nov 14 2018 22:36
Hi,I want to join a Java club,is there any club to recommend guys
Kaylee
@kaymonlee
Nov 14 2018 22:39
Bjorn van de Peut
@bjorno43
Nov 14 2018 22:40
@kaymonlee What exactly do you mean with empty space? Like in your code?
Kaylee
@kaymonlee
Nov 14 2018 22:40
I mean like in the fieldset all that space on the right
Bjorn van de Peut
@bjorno43
Nov 14 2018 22:41
Ah, you mean the form is stretching to the width of the screen?
Kaylee
@kaymonlee
Nov 14 2018 22:41
yes!
Kaylee
@kaymonlee
Nov 14 2018 22:53
okay, it seems that putting solved my issue!
display: inline-block;
now I would just like to center all the elements
Bjorn van de Peut
@bjorno43
Nov 14 2018 22:54
@kaymonlee Sorry, I was re-writing your code first to fix indentations etc, haha
Kaylee
@kaymonlee
Nov 14 2018 22:55
@bjorno43 I REALLY need to work on that. my code just always looks so sloppy
Bjorn van de Peut
@bjorno43
Nov 14 2018 22:56
It's a matter of getting used to. I've tought myself to open and close first before working inside something

Like:

<html>
</html>

And then

<html>
<body>
</body>
</html>
Kaylee
@kaymonlee
Nov 14 2018 22:57
yeah definitely something I should start making a habit of
Bjorn van de Peut
@bjorno43
Nov 14 2018 22:58
And just to be consistent with my coding, I also close elements that don't have a closing element
Like <br> doesn't have a closing element. So I do <br />
Same for input: <input type="" />
Kaylee
@kaymonlee
Nov 14 2018 23:00
what would be the best way to go about centering everything?
Christopher McCormack
@cmccormack
Nov 14 2018 23:00
@kaymonlee flexbox
Bjorn van de Peut
@bjorno43
Nov 14 2018 23:01
@kaymonlee Check this website: https://css-tricks.com/centering-css-complete-guide/ It's perfect for how to center something
Kaylee
@kaymonlee
Nov 14 2018 23:07
I keep trying to do it in the body tag which doesn't seem to be working
Would it just be easier to make a div that wraps around everything and center it that way?
Bjorn van de Peut
@bjorno43
Nov 14 2018 23:08
Yes, but you need your "container" div inside your body. So wrap the form and the fieldsets in your container div, but not the body itself
Really.. Gitter is failing me with images lately
There, I win :P
Kaylee
@kaymonlee
Nov 14 2018 23:12
https://codepen.io/kaymonlee/pen/qQmOXM omg I just don't understand why it isn't working
Bjorn van de Peut
@bjorno43
Nov 14 2018 23:14
How do you want it centered? Just horizontally?
Kaylee
@kaymonlee
Nov 14 2018 23:15
yes just everything to be center of the page
Bjorn van de Peut
@bjorno43
Nov 14 2018 23:17
Ah ye I see the problem. It's because you've given your body display: inline-block;. Therefor your body isn't the width of the page. The container div is centered. You just dont see it because it's centered inside body which isn't full width
Christopher McCormack
@cmccormack
Nov 14 2018 23:18
when using flexbox lately I always find it useful to do body, html { width: 100%; height: 100%; }, hope that helps
Bjorn van de Peut
@bjorno43
Nov 14 2018 23:18
If you just remove display: inline-block; from the body in your CSS and add width: 600px; to your #container, you'll see it happen
Christopher McCormack
@cmccormack
Nov 14 2018 23:19
@kaymonlee try this in your body:
    display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
I always forget about fieldset but it's kind of nice
Bjorn van de Peut
@bjorno43
Nov 14 2018 23:21
Honestly.. there's a reason why I prefer backend dev :P
I'm a programmer, not a damn designer lol
Kaylee
@kaymonlee
Nov 14 2018 23:22
@cmccormack that did the trick!! I was almost there haha I had everything besides align-items:center;
Christopher McCormack
@cmccormack
Nov 14 2018 23:22
@bjorno43 lol I agree, I would rather be messing with my endpoints then trying to make something look good
Bjorn van de Peut
@bjorno43
Nov 14 2018 23:22
Exactly! xD
Kaylee
@kaymonlee
Nov 14 2018 23:23
backend sometimes feels a little overwhelming for my brain lol
Bjorn van de Peut
@bjorno43
Nov 14 2018 23:24
It's a bit intimidating at first, but once you get used to it
It was all way to complicated for me when I started.. Now I feel like a fish in the water between the 15000 lines of code that I'm currently working on, haha
Though if I didn't comment that all properly, I'd most likely be killing myself right now :joy:
dyon gerwen
@fullstackinprogress_gitlab
Nov 14 2018 23:45
hello all i need an https tunnel to test my facebook login in node with express can anyone help me ?
dyon gerwen
@fullstackinprogress_gitlab
Nov 14 2018 23:54
Jason Luboff
@JLuboff
Nov 14 2018 23:55
@fullstackinprogress_gitlab Upload to glitch or Heroku..they both use https. Than use that for your redirect instead of localhost
dyon gerwen
@fullstackinprogress_gitlab
Nov 14 2018 23:56
@JLuboff is there no solution i can use without deploying it first ?
@JLuboff thanks :)
Jason Luboff
@JLuboff
Nov 14 2018 23:56
You can acquire a certificate and setup https locally...but.. probably a lot more of a pain than just going the glitch/heroku route lol
dyon gerwen
@fullstackinprogress_gitlab
Nov 14 2018 23:58
@JLuboff im now tryin with this https://localtunnel.github.io/www/
do you think i can get it to work with this ?