Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Aug 17 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 17:13
    @mstellaluna banned @cmal
  • Jan 08 22:05
    @mstellaluna banned @dertiuss323
  • Nov 07 2018 04:42
    User @texas2010 unbanned @ows-ali
  • Nov 02 2018 16:25
    @texas2010 banned @ows-ali
  • Oct 12 2018 05:50
    @bjorno43 banned @NACH74
  • Oct 05 2018 23:02
    @mstellaluna banned @JomoPipi
  • Sep 16 2018 12:21
    @bjorno43 banned @yash-kedia
  • Sep 16 2018 12:16
    @bjorno43 banned @vnikifirov
  • Sep 05 2018 08:12
    User @bjorno43 unbanned @androuino
  • Sep 05 2018 07:38
    @bjorno43 banned @androuino
  • Aug 23 2018 16:57
    User @bjorno43 unbanned @rahuldkjain
  • Aug 23 2018 16:23
    @bjorno43 banned @rahuldkjain
  • Jul 29 2018 14:13
    User @bjorno43 unbanned @jkyereh
  • Jul 29 2018 01:00
    @bjorno43 banned @jkyereh
  • Jul 10 2018 22:09
    @bjorno43 banned @manafn
  • Jul 06 2018 15:20
    @texas2010 banned @imlegend19
  • Jul 03 2018 12:28
    @bjorno43 banned @vbvmatta
  • Jun 29 2018 13:54
    @bjorno43 banned @OGTechnoBoy
Ken Haduch
@khaduch
@KingCyrus - sure - it is the https://www.udemy.com/react-2nd-edition/learn/v4/content "The Complete React Web Developer Course (2nd Edition)".. But unless you want to sign up for another course and pay for it, if you just look for the "react-modal" plugin, it might give you enough to go on, since you have react experience? https://github.com/reactjs/react-modal is the link to the modal on github
Nkwazema Chidiebere Raphael
@KingCyrus
yes @rylew0925
Lee
@LeeConnelly12
@rylew0925 When you include variables in strings with ${this.name} you do
Ken Haduch
@khaduch
@rylew0925 - are you using ES6 features (template strings), or just standard javascript strings?
Richard
@rylew0925
It's that symbol between the Esc and the Tab keys?
ES6
Nkwazema Chidiebere Raphael
@KingCyrus
thanks @khaduch I have react experience
CamperBot
@camperbot
kingcyrus sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3426 | @khaduch |http://www.freecodecamp.com/khaduch
Ken Haduch
@khaduch
@KingCyrus - I see that you do have React experience, since you are working with react. I just wondered if you would be able to utilize that react-modal just looking at the document and attempting to incorporate it in your project... and not have to sign up for yet another course. good luck with that!
Nkwazema Chidiebere Raphael
@KingCyrus
well, I might sign up for the course since it is for building mobile stuffs. @khaduch
Richard
@rylew0925
@KingCyrus @LeeConnelly12 @khaduch Thanks!
CamperBot
@camperbot
rylew0925 sends brownie points to @kingcyrus and @leeconnelly12 and @khaduch :sparkles: :thumbsup: :sparkles:
:cookie: 267 | @kingcyrus |http://www.freecodecamp.com/kingcyrus
:cookie: 160 | @leeconnelly12 |http://www.freecodecamp.com/leeconnelly12
:star2: 3427 | @khaduch |http://www.freecodecamp.com/khaduch
Ken Haduch
@khaduch
There is some focus on incorporating media queries and setting up the projects for a mobile view, but it has not been heavily teaching about that, at least not up to this point. Perhaps the second major project will have more focus on that? But you can take a look at the syllabus for it and decide, of course.
Kingsley
@Kingwindie
is there anyway to make the background of a navigation bar transparent without the li items inthe nav bar disappearing?
Ken Haduch
@khaduch
@Kingwindie - are you using rgba colors with some opacity? What does that look like?
Kingsley
@Kingwindie
@khaduch nevermind thanks,i found a solution
CamperBot
@camperbot
kingwindie sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3428 | @khaduch |http://www.freecodecamp.com/khaduch
Christine de la Fuente
@xtine88
hello guys
Lee
@LeeConnelly12
@xtine88 hello
Ken Haduch
@khaduch
@xtine88 hello - what's happening?
Christine de la Fuente
@xtine88
i don't understand the Factorilization of the Numbers algorithm
I semi got the answer...but it doesnt make sense to me...can someone explain it?
Ken Haduch
@khaduch
@xtine88 - could you post your code?
Christine de la Fuente
@xtine88
yes sir
Screen Shot 2017-10-29 at 2.57.28 AM.png
Ken Haduch
@khaduch
and any specific questions, too!
Christine de la Fuente
@xtine88
I understand the for loop
however, I don't understand why I need to set var x = 1
Ken Haduch
@khaduch
@xtine88 - one thing that you are not doing is returning the final value - console.log doesn't return the value. then...
Christine de la Fuente
@xtine88
oh yes, I just put console log...to print it in the command line to test out
other wise I wouldn't see it
Ken Haduch
@khaduch

@xtine88 - the definition of 0! is that it is equal to 1. If the incoming value is 0 your loop will never run, so the value will remain at 1 and that is what you want to return. That's the main reason.

And to complete the function you have to actually do return x; after the loop, at the same place you have console.log(x);

Christine de la Fuente
@xtine88
what's the difference between return x and console.log(x)? isn't console.log(x) the same as a return x only that its printing it?
would you say that "var x = 1" is just a way to enter the loop?
Ken Haduch
@khaduch

@xtine88 - no, console.log(x) doesn't return a value from the function, it might return a value (probably a meaningless one) to the place where you called console.log, but for all intents and purposes, it doesn't return a value. Especially not from the function. You can leave it there for debug purposes, but you have to have an explicit return x; otherwise you get an implicit return undefined;

And you could look at var x = 1; as a way to enter the loop - initializing the value, but since it isn't really a loop-control value, maybe it's not technically correct to call it anything having to do with entering the loop. Basically I would just think of it as initialization of the variable. And if you do no further computation to modify the variable, that will be the final answer.

Lance LeBlanc
@LucarLeo
Hi, I'm on the tribute page for the basic front end and am having issues with properly centering my lists
Ken Haduch
@khaduch
@LucarLeo - is your page on CodePen - want to post your URL, if it is?
Lee
@LeeConnelly12
@LucarLeo try putting all of the list items in one ul
<ul style="list-style: none;">
            <li class="list-txt">What does she do?</li>
            <li class="list-txt">Sits on a guy's shoulder. </li>
            <li class="list-txt">does angry lala noises </li>
            <li class="list-txt">trusts you </li>
            <li class="list-txt">What she doesn't do:
            <li class="list-txt">tall people that isn't her personal portable chair </li>
            <li class="list-txt"> tall people who don't pet her before speaking</li>
            <li class="list-txt"> tall people who look down at her</li>
        </ul>
Ken Haduch
@khaduch
@LucarLeo I don't see lists on your page? Oh, wait, you changed the styling... Centering lists like that doesn't work if you want the list to be left-justified (like a normal list view.)
One way to do it is to set up a bootstrap grid row and pick a central set of columns to contain the data of your list. There might be other ways to do it, too -
Lee
@LeeConnelly12
@LucarLeo Also, you're missing an end div tag in your html just above your lists
<div class="nano-bg">
    <h1 class="brnz-text">Nanamo Ul Namo</h1>
    <h5 class="brnz-txt"> the ultimate cinnamon roll</h5>
    <img class="smaller-img img-center" src="http://chrysaliswiki.wdfiles.com/local--files/people:nanamo-ul-namo/nanamoulnamo_ff14.png"
        alt="a cute angry lalafell"></img>
    </>
Ken Haduch
@khaduch
@LucarLeo - on codepen, all of the CSS should be in the CSS panel, for correct usage of codepen.
Lance LeBlanc
@LucarLeo
I'm just getting back into coding in general, so all of this is still a bit newish
Ken Haduch
@khaduch

@LucarLeo - one thing that you can do, to center the lists without the center-justification, is to use flex. For example, wrap the two divs that you have your lists with another div, and on that parent div, add a class like class="flex-center" and in your CSS panel, define .flex-center like this:

.flex-center {
    display: flex;
    flex-direction: column;
    align-items: center;
}

See if that gives you the effect that you are looking for?

Ken Haduch
@khaduch
@LucarLeo - I neglected to mention that I commented out the text-align: center; from your .list-txt class declaration.