FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

Ashwin

@ashwins93

@Deepak2322 you may wanna do something like this

var str = "producer(s)";
str.replace(/(\w+)\((.*)\)/, function(match, p1, p2){
  return p1.toUpperCase() + "(" + p2 + ")";
});
"PRODUCER(s)"

Deepak Manjunath

@Deepak2322

@ashwins93 i would like to capitalize these words, like i would want it as "japan Producer(s)" or "United Kingdom Producer(s)"

is there any method for capitalize

Ashwin

@ashwins93

meaning the first letters of each word alone?

Deepak Manjunath

@Deepak2322

yes

Ashwin

@ashwins93

okay hold on a sec

var str = "japan producer(s)";

str.replace(/(?<=^|\s)(\w)(\w+)/g, function(match, p1, p2){
  return p1.toUpperCase() + p2;
});
"Japan Producer(s)"

Ashwin

@ashwins93

or simply

var str = "japan producer(s)";
str.split(" ").map(val => val.charAt(0).toUpperCase() + val.slice(1)).join(" ");
"Japan Producer(s)"

Deepak Manjunath

@Deepak2322

thanks a lot man @ashwins93 :-)

linkin-park

@linkin-park

hello world!

i have not been serious about my career its time to take some work ... back onto game.

Sorin Ruse

@sorinr

welcome back :)

SL0TR

@SL0TR

@khaduch Thank you for all the feed back. Can you check it again and see if the time difference bug still persists? https://codepen.io/SL0TR/pen/aLjyJz

@khaduch And also here's a new thing that I've worked on, any feedback would be very appreciated. And for the responsive parts, I didn't make them mobile responsive yet as I'm barely getting time for my personal projects. :(

This is the new one : https://codepen.io/SL0TR/full/wPeXQe/

Sorin Ruse

@sorinr

@SL0TR i would set for the class .time-with-icon the width: auto; instead of 10% and maybe , also add some padding-bottom like 10px

SL0TR

@SL0TR

@sorinr Are you talking about the Weather app?

Sorin Ruse

@sorinr

@SL0TR yep

SL0TR

@SL0TR

@thank you, will look into it. Can you review the Wikipedia Viewer? :)

tundeiness

@tundeiness

@candlefish okay...can we do private chats?

Tiago Correia

@tiagocorreiaalmeida

@alpox are you around to save me of a timeout in an exercise ?:D

fpiguet

@fpiguet

Hi guys, I am finalising my portfolio page and I am facing an issue. When I run it on my local, the responsiveness behaviour looks great, but on codepen, it just doesn't happen (not sure I am on the right channel to ask this).

Background info: I built the page using flexbox. I use a media query for screen under 500px which changes the flex-direction from row to column, collapsing everything in a nice, smart-phone friendly layout .
Expected result: When narrowing the browser window to smartphone size, the menu, my info section, and footer, should be displayed with flex-direction: column and collapse.
Actual result: When opening my page on my local, it works like a charm. However, on codepen, the collapsing doesn't happen.

Please forgive my CSS structure, it's a giant mess :grinning:
https://codepen.io/fpiguet/full/GMbjNv/

Any help would be great!

P. Silva

@psilva00

G'Morning guys and gals. I need a little help with the Twitch project. Namely, with the filtering aspect of it. Everything seems to work well the first time I filter but then it won't do anything anymore. Also, don't mind the 'design' because I'm pretty terrible at it. Here's the link: https://codepen.io/anon/pen/RjgvzR

fpiguet

@fpiguet

Expected result on codepend

P. Silva

@psilva00

Oops, my bad. This is the correct link: https://codepen.io/psilva00/full/RjgvzR/

Bogdan

@oblanao

Hello! Did anyone encounter "optimization issues" while working on The Game of Life? Although my setInterval is set at 100ms, Board Component's state updates slower than that and this results in "lagging". This is true for a board of 40x30.

checked my method that returns new board, and execution time never exceeds 60-70ms

Dušan Todorović

@krckyboy

For JavaScript, what is there to learn?

Arrays, functions, objects, methods?

If, while, for loops? Switch?

What else should I learn?

Ashwin

@ashwins93

@krckyboy design patterns

this

Object prototypes

Closures

The list keeps going

Long Nguyen

@longnt80

@krckyboy read the book You Don't Know JS

Alvaro

@minutazos

Hi, anyone can help me with some jquery? I'm doing a masonry grid with css (using relative and absolute, with column counts) and as i have the problem that the parent div has less height than the child (who has an img), I've tried to fix it with some jquery:
$(window).load(function() {
$('.item').css('height', $('.item img').css('height'))
});
pero el problema es que todos los items tienen la altura de la primera imagen, y me gustaria que cada item tenga la altura de su correspondiente imagen, como se podria hacer'

*but the problem is that all items have the same height than the first item (or first image), how can i do to apply this for each img, and not apply the height of the first image?

alpox

@alpox

@tiagocorreiaalmeida Heyho, i'm around now :D sry i was giving private tutorate on python

primuscovenant

@primuscovenant

@heroiczero tx

Tiago Correia

@tiagocorreiaalmeida

got it solved by now :p but I run into alot of this issues in some advanced algorthms where there's a big data to handle in this case was an exercise where the lst 2 cases where arrays with a size of 5k :D

"advanced" :D

alpox

@alpox

@tiagocorreiaalmeida Hmm thats not soo many yet :P

What advanced algos? On codewars?

MarionUy

@MarionUy

Hello, I really need your help. I have a problem in loading my web page in my browser. It seems that my images and css won't read

help

Tiago Correia

@tiagocorreiaalmeida

@alpox nah was on codefights just to pass the time there's a thing called train for interviews

alpox

@alpox

@tiagocorreiaalmeida ah ok :) are you going to look for a job soon?

Where communities thrive

People

Repo info

Activity