FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

Pagnito

@Pagnito

can u try going on it on ur phone?

Engjell Bislimi

@Engjell00

any good videos that shows how to create website with html/css

Pagnito

@Pagnito

@Engjell00 traversy media on youtube

Jan Shah

@JanShah

doesn't look like it though, i've just tried a heavy page and it loads just fine

does the same on my phone, just faster @Pagnito

Pagnito

@Pagnito

oh yea it just did it on mine too

it loaded and about a second later, it reloaded

doesnt do it on my desktop tho

laptop i mean

Jan Shah

@JanShah

I'd try a couple of things. first, get your depencies from cdn sources, they seem to be taking a long time to load. second, get rid of the animation script, jquery one, see if it loads faster without that.

Pagnito

@Pagnito

doesnt it take longer to load from cdn then directly?

Jan Shah

@JanShah

https://stackoverflow.com/questions/14863022/settimeout-behaviour-with-blocking-code

'JavaScript is single-threaded. If some block of code uses execution thread, no other code can be executed. This means your setTimeout() call must wait until main execution (the one with busy-waiting while loop) finishes.' - Tomasz Nurkiewicz

@Pagnito cdn is fast fast fast

Pagnito

@Pagnito

im confused, cuz we are always told its better to download out dependencies?

Jan Shah

@JanShah

@Pagnito possibly those setTimeout functions you have in your script could be causing problems

@Pagnito nah, cdn is much faster.

Pagnito

@Pagnito

but isnt a risk, that because its external, it could fck up sometimes

Jan Shah

@JanShah

go with a reputable cdn and you'll have no issues.

Pagnito

@Pagnito

yea i just realize i never ended up using tweenmax so there is no need to load it up

piteto

@piteto

usually, you combine all of your resources into one minified file and load it from your server

otherwise, CDN can be required because some browsers limit you to 3-4 resources downloaded at a time from a single server

Pagnito

@Pagnito

@piteto r u talkin about webpack?

Henry

@GitHub-Henry

@Pagnito no, it is a standard practice in many places

Pagnito

@Pagnito

how do u minify all ur resources into one file?

Richard

@rylew0925

In the regular expression lessons, I don't get how the "+" sign affects the code

Appending a plus sign (+) after the selector, e.g. /\d+/g, allows this regular expression to match one or more digits.

Isn't that the same function as the "g"?

Richard

@rylew0925

My main question is, would it make any difference if I was to use the "+" sign?

piteto

@piteto

@Pagnito No, not webpack, something like minify: https://github.com/mrclay/minify

Pagnito

@Pagnito

@piteto what about uglify?

piteto

@piteto

I think it is similar, yes @Pagnito

Pagnito

@Pagnito

i would need gulp or grunt without using webpack tho?

or can i do it with npm scripts?

piteto

@piteto

Those will help with automating your deployment - they're also one-time command line tools too

just open up a command prompt and run the tool to combine everything - or yeah, put it in a npm script and have it done automatically every time you deploy

Pagnito

@Pagnito

@piteto k thanks

CamperBot

@camperbot

pagnito sends brownie points to @piteto :sparkles: :thumbsup: :sparkles:

:cookie: 118 | @piteto |http://www.freecodecamp.com/piteto

piteto

@piteto

@rylew0925 /\d/g will select each digit separately. /\d+/g will select all the digits grouped together.

'12345'.match(/\d+/g); //["12345"]
'12345'.match(/\d/g); // ["1", "2", "3", "4", "5"]

one match vs. multiple matches

Mercy Manrique

@mers89

@gothamknight thanks for going back and trying to solve my issue from friday. :)

CamperBot

@camperbot

mers89 sends brownie points to @gothamknight :sparkles: :thumbsup: :sparkles:

:cookie: 432 | @gothamknight |http://www.freecodecamp.com/gothamknight

Richard

@rylew0925

@piteto Thanks

CamperBot

@camperbot

rylew0925 sends brownie points to @piteto :sparkles: :thumbsup: :sparkles:

api offline

Richard

@rylew0925

Am I the only one who can't log into FCC?

korzo

@korzo

@rylew0925 It's down as we speek

mstellaluna

@mstellaluna

@rylew0925 FCC is currently down and has been reported

Moustapha

@moustaflo

Please help! i'm trying to install npm install async
``
npm ERR! Linux 4.9.17-c9
npm ERR! argv "/home/ubuntu/.nvm/versions/node/v6.11.2/bin/node" "/home/ubuntu/.nvm/versions/node/v6.11.2/bin/npm" "install" "async"
npm ERR! node v6.11.2
npm ERR! npm v3.10.10
npm ERR! code ECONNREFUSED
npm ERR! errno ECONNREFUSED
npm ERR! syscall connect

npm ERR! Error: connect ECONNREFUSED 127.0.0.1:15443
npm ERR! at Object.exports._errnoException (util.js:1020:11)
npm ERR! at exports._exceptionWithHostPort (util.js:1043:20)
npm ERR! at TCPConnectWrap.afterConnect [as oncomplete] (net.js:1086:14)
npm ERR! { Error: connect ECONNREFUSED 127.0.0.1:15443
npm ERR! at Object.exports._errnoException (util.js:1020:11)
npm ERR! at exports._exceptionWithHostPort (util.js:1043:20)
npm ERR! at TCPConnectWrap.afterConnect [as oncomplete] (net.js:1086:14)
npm ERR! code: 'ECONNREFUSED',
npm ERR! errno: 'ECONNREFUSED',
npm ERR! syscall: 'connect',
npm ERR! address: '127.0.0.1',
npm ERR! port: 15443 }
npm ERR!
npm ERR! If you are behind a proxy, please make sure that the
npm ERR! 'proxy' config is set properly. See: 'npm help config'

npm ERR! Please include the following file with any support request:
npm ERR! /home/ubuntu/workspace/npm-debug.log
``

Where communities thrive

People

Repo info

Activity