FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

Ashwin

@ashwins93

var str = "japan producer(s)";

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

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?

Jake

@JakeDVirus

is there anything wrong in this statement $headerComponent.delay(300).removeClass("unscrolled");??
The delay method is not executing and the class unscrolled is getting removed instantly.
The given statement is from below snippet

    var $headerComponent = $(".header-wrapper");
    $(window).on("scroll", function(){
        var displacementFromTop = window.pageYOffset || document.documentElement.scrollTop;
        if (displacementFromTop > 0) {
            $headerComponent.delay(300).removeClass("unscrolled");
        } else {
            $headerComponent.addClass("unscrolled");
        } 
    });

Tiago Correia

@tiagocorreiaalmeida

I would say january next year, there's a few things I wanna get done before applying to anywhere, and since I had a bit of time started on codefights things just to get an idea of what I might be asked to perform :P

alpox

@alpox

@tiagocorreiaalmeida alright, thats a good thing :D but be prepared for also theoretical examples and maybe have to show examples of some things - particularly what they like to ask are things about how the event loop works, how scoping/context works, what an eventemitter is and how its built etc.

Tiago Correia

@tiagocorreiaalmeida

Im thinking about learn something as react or other aswell but im afraid I start to leave behind things like im doing at backend and forget some so im not sure for now :D the good part of the backend is that you atually handle both, frontend and backend while building the projects

Stephen James

@sjames1958gm

@NeelDVirus removeClass is not affected by delay - https://stackoverflow.com/questions/30585825/using-delay-with-removeclass

alpox

@alpox

@tiagocorreiaalmeida hmm react is almost a must nowadays. At least one bigger frontend framework

P. Silva

@psilva00

Anyone around to help me with some Angular on the Twitch exercise? Can't seem to get the filters working properly. Anyway, here's the link just in case someone can take a look and eventually point me in the right direction: https://codepen.io/psilva00/full/RjgvzR/

Where communities thrive

People

Repo info

Activity