Get help on our basic JavaScript and Algorithms Challenges. If you are posting code that is large use Gist - https://gist.github.com/ paste the link here.
hey anyone can advise me on content security policy headers
@luccipaula try this
if (e.target !== checkbox && e.target !== document.querySelector('#nav-icon')) checkbox.checked = false;
@Pagnito helmet.js docs are pretty good if you're interested - https://helmetjs.github.io/docs/csp/
:sleeping:
@cmccormack yea im using atm, im not sure tho why its still not showing up in the console, i checked fb and it seems they dont show up in the console there either, maybe it doesnt show sometimes or something but its still there, ima console.log in the terminal
oh wait they arent in the req.headers
this is really interesting
@Pagnito saw that one
it is
good enough for my gaming
for hardcore gamers this is a great service and the price isnt bad if u just pay up upfront for a whole year or more
I feel like the hardcore people won't like it, because it does add a tiny bit of latency
the super hardcore anyway
listened to this on a road trip I just got back from, ...it was interesting http://www.fullstackradio.com/101
ooo, interesting
i like the name
yea, it was good
@Pagnito if you end up listening to it and want to make something together, let me know
hell ya
im listening to it now
8 min in
atm im working on a project, im almost done with it, if u want ill show u in a few min, ima just add a mobile navbar to it, then ill send u a link
but ya my point is im almost done wit it
and then i can start with something new
lets see it
im struggling right with deciding whether i should keep css grid for it
but yea ima give u a link in a sec
cant understand why my botton nav for mobile isnt showin up atm, it shows up in brave, hopefuly it has something to do with cache, but when clear cache it still doesnt show up, but yea this is what i got atm https://gif-fer.firebaseapp.com
@moT01
@Pagnito looks good, sort of - what's the problem, and what are you trying to make happen
well its not really a problem, this is jus a fun lil thing to communicate, i started it to learn more about pwa, security, and not im gonna dockerize it. but as i was doing it, i realized even giphy doesnt have a feature to make gifs from ur phone camera, and its making gifs tool isnt very user friendly, now im actually thinking about making it official and just see if anyone will have fun using it
bu if there is a problem its solving its the one where u might not find the RIGHT gif to send, so u jus make ur own, and hopefully, il find ways to incorporate as many share links as possible to make it easy to use and quik
so a user doesnt have to save it on their phone and do that whole thing with going into downloads folder etc
if i can find a way to have whatsapp sharelink, that would be dooope
Im having trouble uploading, I clicked
don't allow and it's not asking me again
yea cuz the browser remembers that decision
u have to clear ur site data
the cache
and try again
or u can change that decision
click on the lock before the url
my private window seems stuck
private window?
I opened a private window to have a clear cashe and stuff
the little css loader won't stop laoding
btw, I've used that loader
looks good
haha yea its my fav
what page r u on
i dont think a fresh window will clear the cache
you've got a nice variety of faces
lmao
yea alota testing right there
is it still stuck on loading?
@moT01 were u able to get it to load?
I couldn't get it to upload
what browser r u using?
I was able to get it to save a gif on me from my camera
can't get it to upload right
firefox, latest
aah
yea
i still cant figure that one out
for some reason it doesnt fire that upload function right now with firefox
im actually gonna solve that issue now
but u should try it in chrome
its faster in chrome too
cuz it supports webp
and i serve about 5 thousand less kb of images in chrome
gifs*
ha, there I am
haha
well, it worked on chrome
yea and in firefox the canvas captures it right
i dunno y in firefox it squeezes it
oooh shit i seee uu
on the phone, u can use back camera too, and make gifs out other ppl
and firefox isnt givin any errors either as to why its not firin that function T.T
once i deploy it fully, ima add feature where u can make a meme out of whichever frame u want
cuz those frames are gold
hahaha
that's great
thnx
oh, im having too much now
I better quit while im ahead
haha
before I moon the camera
those are pretty gold gifs u made haha
lmao
u acn try and up the frames and lower the or higher the intervals to get a longer or slower gif
its great man, I am so entertained
thnx
can you see the ones I don't upload?
hhahaha
on man
i think its failing my 'serviceWorker' in navigator check, but then it should sttil handle that in the else statement, damn firefox!!!
if u dont upload it i cant see it
I hope not
lmao
this is so simple and fantastic
haha sweet, that was my aim
and u can comminate ur exact thought with that perfect emotional exxageration that gif provides whenever u textin someone, that is ofcouse once i can implement share link for native phone message app
but for now it got fb msngr the others
if i can just make it work jus as perfect in firefox ill b satsifed
yea it seems firefox doesnt support background sync
thats why its failing my if statement
so how did you make it
ive used firebase, so you can skip that part
little camera capture to gif, I suppose I could probably figure that out
but, great man
other than that its jus react, webpack, on the backend i convert gifs to webp and save em as a copy for browsers that support webp, kind of proud of that part even tho i used a library, i jst love the fact that i optimized that performance lol. But yea, im guessin u alrdy figured i used inteval with canvas to capture those images, then i giffed them with a npm package
im thinkin about removing css grid
or actually nah
who uses sfari anyways
the people that used to use ie8
heard about this new thing
sent you a message from my group chat room
i dont a see a msg
I didn't think I could laugh at myself so hard, .....that's great
haha nice
I've seen you around fcc since I can remember
yea lol
i remember u too
i started like 2 yrs ago now
yea, me too
i got succed by league of legends for like 8 months, and came back to coding again like 3 months ago
that's a hefty sidetrack
but, whatever
yea, it took about the whole two years, but I got all the certs not long ago
niiice
yea hefty is a understatement, i woke up one day and felt as if coding was jus a phase and i got scared, but i knew i had to be real with myself, thankfully, not long after that i got tired of the unfulfillment of a video game and here im
what game
league of legends
its currently the most played video game in te world
well i know it was when i played it
ahhh
come play some spelunky
oof
lol
im not rly a gamer tho, sometimes a game might catc my attention, and if it does, it sucks my soul lol
there is only two games in my life that i really played od alot
world of warcraft
and league of legends
im kind of excited to see the new mmorpgs coming out but i dont tihnk im gonna touch them lol
unless i decided to learn game dev
not my area
which to be honest i wont, cuz i got other interests
same
check this out tho
got a few buddies that played hundres of hours
ya i spent thousands on those two games lol
league of legends team do a really good job on their cinematics
looks pretty awesome, dont get me sucked in
lmao
i've got a finite amount of time for new games
i feel u
yea i dont tihnk cinemtics will suck u in >.<
i hope not
i used to watch these cinematics before i even knew about the game
im already outdated
then when i started playing it, i was like oh those are form league
outdated?
I've owned witcher3 for too long, haven't played it yet
I play overwatch when I want to shoot something
aah
u ever play quake 3? back in the day?
and I usually want to shoot something
no
i might be older school
i dunno, my bro is 33 and he grew up on that shit, joe rogan is like close to 50 and he used to love it
quake is ooold school
most kids today have no idea
my first online gaming included rainbow six and rogue spear
literally before online console gaming existed
until socom came along
yea seems we grew up on completely different stuff haha
socom was my shit
my team was the bes
t
nice, yea playing with other ppl is the shit
i played a lil counter strike when i was lil, but my whole hometown back in my country, jesus christ, shit was an epidemy
all the kids would go to these computer clubs every morning, all the streets would b empty lol cuz of tha shit
if u walked into one of em, u just see a big ass room of all these computers and THEY ARE ALL playing counter strike lol
I didn't get that fever all that bad
haha same
hey u said u worked with firebase
I played day of defeat pretty hard
u ever had a issue where when u deploy, it doesnt update the html file?
oof all the games i never heard of >.<
no, I just deployed one thing didn't really have any issues
ah
day of defeat was basically a cs spinoff
ah
const AVG_TEMPERATURES = {
today: 77.5,
tomorrow: 79
};
function getTempOfTmrw(avgTemperatures) {
"use strict";
// change code below this line
const {tomorrow:tempOfTomorrow}=AVG_TEMPERATURES;
return tempOfTomorrow;
}
console.log(getTempOfTmrw(AVG_TEMPERATURES)); // should be 79
can any one help?
@starboyvarun Yes it is 79, what did you get?
i got 79 only
i got it right after so long finally
it avgTemperatures in place of AVG_TEMPERATURES
@starboyvarun Considering the lexical scope of
getTempOfTmrw(..)in your example, both work
thanks bro
No worries
:)
Anyone know why you can't see the response error when using safari if there is a cors error
doesn't the browser itself do that check? Maybe you need to enable it in the browser or toggle something
Well in FF network tab I can still see the response, safari shows nothing
Morning
@JLuboff hey morning
Whats up
@NJM8 in the network tab?
@JLuboff not much yourself?
Just getting started.. hope to figure out a solution to my printing issues today (where the printer thinks it needs to move an entire flexbox row to its own page as opposed to breaking it apart)
@JLuboff does the tool your using support hidden divs or anything that may help with that?
:morning:
@moT01 yo gm
i suppose I could be a general manager
So I'm looking at it from two perspectives, one being the normal print option within FF and the other using
print-js. print-js helps in making sure it stays formatted correctly and styles are still applied. I would think that it would support hidden divs. What I'm looking at doing is trying to break my rows up though. So in this pen https://codepen.io/jluboff/pen/NergWZ the top block is what I'm currently working with. So everything is in one row, and thus will get pushed more often than not into a new page as opposed to being broken apart. I started playing around with some other stuff in the second box but haven't tested it enough
@cmccormack
But basically my idea currently is to break each row and subsequent child rows into their own completly seperate rows but requires some CSS to work right
wow nice job with the responsiveness on that
Its all bulma so...I take no credit. Kind of funny that I'm not even thinking about responsiveness with this when I probably should :joy:
@JLuboff well good luck mang hope you figure this one out soon
Thanks...I think it's just going to end up being an ugly number of divs that or do something without using Bulma for that specific items
you can push the data to a special print page right?
Ya which is what I'm doing although for this area of the print page, I'm reusing a component that displays the same data on a prior page
But I'm starting to think that its not going to work for this hehe
yeah that's rough, don't want to necessarily make all new components just to print, but may have to
Ya oh well. Not the worst thing in the world :)
you could add a print prop to all your components and render based on that prop :)
That is what I'm doing already to an extent (i.e changing to smaller font sizes, modifying some colors, border, etc)
that would be pretty powerful and reusable actually
oh cool
are you just using different classNames or actually rendering the elements differently?
Mainly different classNames i.e
<p className={props.print ? "is-size-7" : "is-size-5"}>
Morning, afternoon and evening !
Have any of you done a pair-programming for an interview ?
I just had an intro interview over the phone with this company and they asked me to come in for 2.5hr interview
Never done pair programming so a bit intimidated tbh
any pointers ?
@cmccormack Have you worked with prettier + webpack? I'm looking for hot reload prettier config with webpack
@ezioda004 hot reload? Why would prettier care about that?
Can't you have your editor do it automatically on save?
webpack is a bundler, you probably don't want to prettier the output
@cmccormack Suppose its for a project, worked on by few people
And I want to enforce prettier config on their code
can you make that part of your scripts instead?
Like?
I believe if you run prettier it will look for a
.prettierrc or similar file, so maybe have your script run a pretty script prior to running the main script
there may be a way to enforce it within git as well but I've not played with it
Ya I would think that would be a shared config for prettier or the linter
So that script should be ran by webpack right?
no
Why not?
not unless you're worried about the bundle being pretty
Thats build script
I want it in a dev script
just doesn't seem like the right place to me
https://www.npmjs.com/package/prettier-loader This seems like something I need
Here is a git pre-hook https://prettier.io/docs/en/precommit.html
you can extend eslint with it as well https://prettier.io/docs/en/eslint.html
@ezioda004 this is what I meant earlier, you could run this as a command prior to your build or dev or whatever https://prettier.io/docs/en/watching-files.html
using
npm-run-all or similar
oh yay... 50 minutes of training videos to watch today
@JLuboff nice!
grab the popcorn
Should I have included the
/s?
nope, I didn't
Didn't catch the sarcasm? Fair enough
I didn't include it :)
...because I was also...
Ah shiiiitttt
wooossh!
lol
what's the old adage... "I'm rubber, you're glue..."
Whatever bounces off me..sticks to you
no no no man you got it all backward
Alright...think I got what I need https://codepen.io/jluboff/pen/NergWZ Still going to have to play with margins a bit to get things all aligned right but I think that'll get me where I need to be
yeah looks a little janky :)
What size screen you looking at it on? Its aligned when at 1920 but ya, at lower resolution not so hot
< 1472px it janks
Ya makes sense
I made this as a proof of concept and to visualize whats happening. Now that I've visualized I know what to do
@JLuboff become a dancer?
How did you know?!
Gah damn.. this index rebuild is taking forever.. been 15 minutes already..good thing the people in that office where the DB is, are on lunch :joy:
:dancers:
hey wassup?
Just working...yourself?
just got home from work
feels good
Europe?
yea
Good deal
Ugh... hate when app requestors change their mind on something
see you need a product owner to filter that stuff
@cmccormack they are the product owner :(
Its not a huge change..but.. basically not allowing fields that were required to no longer be required..so that it can be written in...which.. sort of defeats the purpose..
hey if anyone if working with PWAs, i made this chat room
@JLuboff Love that sorta stuff: start of the project "We want it secure on this stage with this", end of project: "let us turn off all the security cuse we don't know WTF we want"
@bradtaniguchi Yup. Its like the whole purpose of this project is to limit the amount of writing thats required..
I blame management, if the user's told us what they wanted it would be so much clearer (and more expensive but that ain't my problem hehe)
Also I think I crashed VSCode by leaving my headset on the spacebar and leaving for 5 mins...
@bradtaniguchi lol
@JLuboff that's a pretty good purpose though
@cmccormack Which, not having those fields be required and thus be written in?
limit the amount of writing thats required
oh I see what you meant by that
think you may have missed a comma so I misread :)
:)
Ya.. its supposed to reduce the amount of writing along with the amount of time to fill these forms out
Can you push back on that requirement, try to find out what additional options they may add, and explain that making it a variable might make it less useful @JLuboff ?
I did push back but his argument is that currently some individuals will print out say 20 forms at one time and then just write in the location and date.. I said well.. ya they could do that this way too. Maybe it'll take them slightly longer but.. eh... I'm sure it'll change closer to project completion :joy:
...print out?
they don't have holographic wrist data devices yet??
I'll just make a commit with a message like "Removed required on fields XXX" so I can go back to it
Unfortunately not. We're too cheap for that :P
but ya they still need to be printed for the purpose of signing (all individuals need to sign to acknowledge they read it)
digital signatures are a thing now too
I think technically they're supposed to have it with them while doing the described work as well
Wow sounds so similar to a project I did last year. Turned into dookie UX and UI wise haha
Lol
Hopefully it won't be too much of a dookie :)
It definitely will aid in creating more accurate analysis' of jobs
One of those "We need to see all 32 properties for each row on the screen no matter what!". Very much "excel" like, even tho it turned a .1 second query into a 3 second one :/
3 second query? Was it a lot of data?
yes, and they wanted to see like 8 tables worth of data, and like the first 100 rows. I might be exaggeration (been over a year), but it wasn't fast
It was the project with the 8 hour report generation :P
Sounds like the database needed some indexes but then again... it could just be a slow query if its having to do so many joins
The 8 hour one was due to the original team doing the query the dumbest way possible (load all data, use triple nested for loops to manually go through everything)
Wait...wait...wait
You're telling me... that instead of letting the Database Engine do its job...literally whats its designed to do...
They instead pulled all the data to the app than processed it in the app????
Woooo think I finally got my printer friendly page
how do i disable an input with javascript type='file'
pointer-events none doesnt seem to do it
.disabled = true worked
Ya adding the disabled attribute should work