These are chat archives for FreeCodeCamp/HelpFrontEnd

31st
Aug 2017
just1witness
@just1witness
Aug 31 2017 00:00
@imperial-isms you can use ccs
css
imperial-isms
@imperial-isms
Aug 31 2017 00:00
?
just1witness
@just1witness
Aug 31 2017 00:00
where do you see that?
Ken Haduch
@khaduch
Aug 31 2017 00:00
@imperial-isms - you can use any CSS packages or your own custom CSS styles - you might have misinterpreted? Unless they changed something, you have to use CSS.
imperial-isms
@imperial-isms
Aug 31 2017 00:00
That's what I thought
just1witness
@just1witness
Aug 31 2017 00:00
I just looked at the challenge, nothing changed
imperial-isms
@imperial-isms
Aug 31 2017 00:01
There's no mark-up in the CSS column
Am I using Bootstrap within the HTML column?
just1witness
@just1witness
Aug 31 2017 00:01
What do you mean?
yes
imperial-isms
@imperial-isms
Aug 31 2017 00:01
In the video
just1witness
@just1witness
Aug 31 2017 00:01
Bootstrap is used in HTML
imperial-isms
@imperial-isms
Aug 31 2017 00:01
Okay
Thanks
just1witness
@just1witness
Aug 31 2017 00:02
it's conveniant, but in my experience, limited. I like css better
no prob
imperial-isms
@imperial-isms
Aug 31 2017 00:02
Yeah...I can do all this with CSS
This is my first time using Bootstrap
just1witness
@just1witness
Aug 31 2017 00:03
It's very good for responsive design though too
imperial-isms
@imperial-isms
Aug 31 2017 00:03
I just went through that section of the course
just1witness
@just1witness
Aug 31 2017 00:04
Think of everything as rectangular containers with a grid pattern inside. It helps to conceptualize how to use bootstrap to make your app pretty on big and small screens.
imperial-isms
@imperial-isms
Aug 31 2017 00:06
Ah
Okay using the row and col-xs-s stuff
RonSwan
@RonSwan
Aug 31 2017 01:09
How does one make a page jump to a part of the page when the whole page is really tiny and does not make sense to jump
Coy Sanders
@coymeetsworld
Aug 31 2017 01:34
I thought Ron shunned technology
just1witness
@just1witness
Aug 31 2017 01:53
@RonSwan I think the question isn't how, but rather why.
Put a big smily face in the middle and make it longer!!!
:P
Chris Cullen
@123xylem
Aug 31 2017 03:25
https://visionmasonry.herokuapp.com/
Can you check my mobile responsiveness with this site?
I think I have an issue centering some of the images?
Randy
@RandyGoldsmith
Aug 31 2017 04:05
why doesnt React render the h1 text in codepen?
https://codepen.io/duel_drawer8/pen/QMzMKo?editors=1111
Randy
@RandyGoldsmith
Aug 31 2017 04:31
NVM, had to add React before ReactDOM and it worked
Karthick Ram
@karthickram286
Aug 31 2017 05:06
XMLHttpRequest cannot load https://en.wikipedia.org/w/api.php?action=opensearch&search=p&limit=5&namespace=0&format=json. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://s.codepen.io' is therefore not allowed access.
What should I do for this?
And can someone explain me about the CORS issue?
iso
@iso1048
Aug 31 2017 06:04
@karthickram286 try using dataType: 'jsonp' in the ajax call, and type: 'GET'. i bit about CORS: https://www.maxcdn.com/one/visual-glossary/cors/
Rafael Monroy
@rafaelmonroy
Aug 31 2017 06:55
can anyone tell me why my error alert message executes but my success function also executes ?? https://codepen.io/rafaelmonroy/pen/LjgvJB
In my getWeather function
István Kozma
@Manfred28
Aug 31 2017 06:58
@rafaelmonroy maybe put the alert in a function
Rafael Monroy
@rafaelmonroy
Aug 31 2017 07:02
Thanks man, that fixed it. Why does it need to be in a function ? Shouldn't it only execute the error only if there is an error?
István Kozma
@Manfred28
Aug 31 2017 07:07
well, it will only execute the function if there is an error
I mean, if you write
alert("ayy");
It will execute no matter what, it is a function call
you needed to provide a function definition to execute in case there is an error
Rafael Monroy
@rafaelmonroy
Aug 31 2017 07:13
Ohh ok I get it makes sense, thanks bro
István Kozma
@Manfred28
Aug 31 2017 07:13
yw
thePercept
@thePercept
Aug 31 2017 07:24
Hello everyone, newbie here in foundation
how can i arrange topbar and logo side by side in foundation?
Like this: http://imgur.com/1m9CTE9
<div class="fixed"> <div class="title-bar" data-responsive-toggle="responsive-menu" data-hide-for="medium"> <button class="menu-icon" type="button" data-toggle="responsive-menu"></button> <div class="title-bar-title">Menu</div> </div> <div class="top-bar"> <img src="http://via.placeholder.com/120"> </div> </div>
Css:
.top-bar { background-color: #f42e; height: 40px; line-height: 64px; margin-bottom: 0; } .top-bar-left { padding-left: 0 }
Above mentioned is what i am trying
Plz help
Marat
@Marat89bluolyu
Aug 31 2017 08:28
hi all, i need filter at location from array, how to do it?
[
[location1] [some properties],
[location2] [some properties], 
[location1] [some properties]
 ]
in output i need to get:
location1 - some properties * 2,
location2 - some properties * 1,
Ken Haduch
@khaduch
Aug 31 2017 08:51
@Marat89bluolyu - it sounds like you could do a couple different things - write a for loop, or use a .map() operator, perhaps? Or something like that...
Marat
@Marat89bluolyu
Aug 31 2017 08:58
@khaduch thanks, ok
CamperBot
@camperbot
Aug 31 2017 08:58
marat89bluolyu sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3254 | @khaduch |http://www.freecodecamp.com/khaduch
Marat
@Marat89bluolyu
Aug 31 2017 09:01
but how to make if/ese statement for check on one name array parts?
Ken Haduch
@khaduch
Aug 31 2017 09:15
@Marat89bluolyu - - oh, I might not have completely understood what you had. How about making an object from the data, and using the "location1" as a key, and the resulting calculation will be held in the value for each key? Is this for a particular challenge? Like the "Inventory Update"?
Ken Haduch
@khaduch
Aug 31 2017 09:27
or use a nested for loop? Or use Array.find() or Array.findIndex() to locate matching items in the final array?
why the image is not responsive can u plz check guys?
Ken Haduch
@khaduch
Aug 31 2017 10:07
@thinnappan - the class img-responsive has to be an attribute of the img element.
Thinnappan.K
@thinnappan
Aug 31 2017 10:18
ok but now its working why the text-center is not working for the image...?
Ken Haduch
@khaduch
Aug 31 2017 10:22
@thinnappan - try putting class="center-block" on the img element
Thinnappan.K
@thinnappan
Aug 31 2017 10:28
not working
Thinnappan.K
@thinnappan
Aug 31 2017 10:47
ok bro now its working..
Is the img-circle work as responsive ?
Ken Haduch
@khaduch
Aug 31 2017 10:57
@thinnappan - I think that img-circle would work in conjunction with img-responsive... yes, just add it to the list of classes and it works.
Ivan Ngundela
@ingundela
Aug 31 2017 11:05
Hellow everyone... May you please help me with my project?.. I have created a nav menu linking to a different html pages like "services.html", portfolio.html, "contact.html" and it is working fine on a normal screen size.. I've also created the humburger nenu for the small screen size... The issue is that when select inspect and choose mobile responsive view (using chrome) when I click the humburger menu it displays the menu but the links don't work, like when I click on it nothing happens... any idea on what might be happening or mission?Thanks in advance
heroiczero
@heroiczero
Aug 31 2017 11:08
@ingundela it depends it could be because the <button><a>...</a></button> something similar to this where the text it linked but not the button so it wont link maybe. Have no idea with your problem until i see your code.
faraz
@silentarrowz
Aug 31 2017 11:19
could any one tell me how to convert a string date and time to something like this
2017-09-04T00:55:00.000Z
so take "2017-09-04" and "08:00" and convert it to something like 2017-09-04T00:55:00.000Z
heroiczero
@heroiczero
Aug 31 2017 11:20
@silentarrowz try new Date(year, month[, date[, hours[, minutes[, seconds[, milliseconds]]]]]); from https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date
faraz
@silentarrowz
Aug 31 2017 11:22
Ok, let me take a look at it @heroiczero . by the way what is this format called -> 2017-09-04T00:55:00.000Z
Markus Kiili
@Masd925
Aug 31 2017 11:23
@silentarrowz Some Date methods allow setting formatting options on the output.
faraz
@silentarrowz
Aug 31 2017 11:24
can this be done using moment? if you could tell me what is this format called. then maybe i could search how to do this with moment
heroiczero
@heroiczero
Aug 31 2017 11:25
i think its called a Date object
faraz
@silentarrowz
Aug 31 2017 11:25
@Masd925
really? @heroiczero . I think the date object is something different. its this -> Thu Aug 31 2017 16:55:42 GMT+0530 (IST)
the one i am talking about isnt called that. maybe something else
@silentarrowz ISO 8601 Date representation
faraz
@silentarrowz
Aug 31 2017 11:30
ah, thanks @heroiczero . that was really helpful
CamperBot
@camperbot
Aug 31 2017 11:30
silentarrowz sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 1675 | @heroiczero |http://www.freecodecamp.com/heroiczero
Ivan Ngundela
@ingundela
Aug 31 2017 11:56
guys what's the best way to have a contact form working ? I have done it on html and css (to creat form template) and now need to have it working.....I know a need to do some php coding (I'm learning it) but what about the server side?
Long Nguyen
@longnt80
Aug 31 2017 12:12
Hemakshi Sachdev
@hemakshis
Aug 31 2017 12:15
Sorry for late replies :sweat_smile:
@piteto @RoniqueRicketts yes it was because of the left: 45% i removed it Thankyou :)
@OrangeKulture Thankyou for liking my about section.. XD
CamperBot
@camperbot
Aug 31 2017 12:15
hemakshis sends brownie points to @piteto and @roniquericketts and @orangekulture :sparkles: :thumbsup: :sparkles:
:cookie: 36 | @piteto |http://www.freecodecamp.com/piteto
:cookie: 455 | @orangekulture |http://www.freecodecamp.com/orangekulture
:cookie: 383 | @roniquericketts |http://www.freecodecamp.com/roniquericketts
Beachhermit
@Beachhermit
Aug 31 2017 12:56
Hi, I have my random quote machine working, but sometimes it comes up with an empty author field. So, I tried an if statement to replace an empty field with "Anonymous". It seemed like it should be simple enough, but it keeps just putting in the empty string. Does anyone have any idea where this is going wrong? https://codepen.io/Beachhermit/pen/XaogZw
heroiczero
@heroiczero
Aug 31 2017 13:16
@Beachhermit try let author = Boolean(json.quoteAuthor)?json.quoteAuthor:"Anonymous"; for your code instead of the if statement after https://codepen.io/anon/pen/NveOKK
Beachhermit
@Beachhermit
Aug 31 2017 13:21
OK - I understand, though I had to stare at it for a minute XD thanks @heroiczero
CamperBot
@camperbot
Aug 31 2017 13:21
beachhermit sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 1676 | @heroiczero |http://www.freecodecamp.com/heroiczero
Beachhermit
@Beachhermit
Aug 31 2017 13:22
Oh, that takes the quotation marks off the author name too. That's an unlooked for improvement.
Still clicking to find an anonymous one...
Yes, found one. It works. Thanks again. Now I'm off to work out how to add a Tweet button.
Jorge
@OrangeKulture
Aug 31 2017 13:49
@hemakshis no probs! :joy:
whats happening guys
heroiczero
@heroiczero
Aug 31 2017 13:50
nothing much. How you doing
Jorge
@OrangeKulture
Aug 31 2017 13:52
doing good thanks ..
just noticed that codepen has a new interface
Brewall131
@Brewall131
Aug 31 2017 14:21
Hey everyone, I started out on FCC in January, moved to Coeacademy, Odin Prject, and then took courses on Udemy, Pluralsight, and Coursera. Has anyone here made the switch into UX Design? My degrees are in Psych and Sociology, I've held a Marketing Consultant position that I created myself at a small business for a year, and I'm trying to figure out what the next best step would be. I have my first meetup today for UX designers in the area and am looking into a UX/UI Bootcamp as a possibility. Any advice would be appreciated!
piteto
@piteto
Aug 31 2017 15:11
@heroiczero @Beachhermit A slightly simpler approach: let author = json.quoteAuthor || "Anonymous";
Tom
@moT01
Aug 31 2017 15:35
@Brewall131 i cant help you there, maybe a good question for the forum https://forum.freecodecamp.org/
Elizabeth Paul
@Kowalatam
Aug 31 2017 15:56
hello people, so one more thing with my calculator (i hope).. if u keep typing, it would extend out of the calculator screen and continue till maybe infinity.. how do i stop that, i tried an if statement but it didn't work
Tom
@moT01
Aug 31 2017 15:59
could set a max length with an if statement
Elizabeth Paul
@Kowalatam
Aug 31 2017 16:00
@moT01 i tried that .. didn't work,.. maybe i did it wrong ?
i grouped all the code i had in the if statement lol
Tom
@moT01
Aug 31 2017 16:01
well there should be a way to get that to work
yea, thats what i was thinking
on (anything that goes to the screen) 
      if (mathCalc.length < 20ish) ...
Elizabeth Paul
@Kowalatam
Aug 31 2017 16:02
or maybe a while statement ?
Tom
@moT01
Aug 31 2017 16:02
i think an if is better here
Elizabeth Paul
@Kowalatam
Aug 31 2017 16:03
Okay.. lemme see
Netrunner21
@Netrunner21
Aug 31 2017 16:05
I need some help on the portfolio
if anyone is available
Tom
@moT01
Aug 31 2017 16:05
ask away
Netrunner21
@Netrunner21
Aug 31 2017 16:06
I'm in the process of moving my codepen project to an actual domain
<!DOCTYPE html>
<html>
<head>
  <title>Particle Paradigm</title>
  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" />
  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" />
  <link rel="stylesheet" type="text/css" href="css/style.css" />
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>  
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>  
  <script type="text/javascript" src="https://rawgithub.com/darkskyapp/skycons/master/skycons.js"></script>
  <script type="text/javascript" src="js/main.js"></script>
</head>
Elizabeth Paul
@Kowalatam
Aug 31 2017 16:06
do i have to put the if statement in everything that updates the html ?. cus that sound like wow a lot lol
Netrunner21
@Netrunner21
Aug 31 2017 16:06
my css is working, but my js will not load for some reason
Elizabeth Paul
@Kowalatam
Aug 31 2017 16:08
codepen link.... @Netrunner21
Tom
@moT01
Aug 31 2017 16:08
@Kowalatam should just be a couple
Main header and skycons are not loading
they work on codepen but not on my website
Elizabeth Paul
@Kowalatam
Aug 31 2017 16:12
well.. not in my area of expertise lol... :)
nice portfolio though
Netrunner21
@Netrunner21
Aug 31 2017 16:14
Thank you.
Tom
@moT01
Aug 31 2017 16:16
gimme a second, ill try and take a look
try putting it at the bottom of the body
Netrunner21
@Netrunner21
Aug 31 2017 16:23
I had heard that before, but its still not working
Tom
@moT01
Aug 31 2017 16:24
maybe move all those 4 scripts down there
you definitely should need your main.js down there
i think anyway
Netrunner21
@Netrunner21
Aug 31 2017 16:26
I'll give it a try
Tom
@moT01
Aug 31 2017 16:27
you could console.log something in your main to see if it's loading
maybe the way it's linked isn't right, i feel like that should work
but maybe try ./js/main.js
or /js/main.js
Elizabeth Paul
@Kowalatam
Aug 31 2017 16:37
@moT01 the if statements word.. i grouped eberything that happens when u click a button inside it :)
thank u @moT01
CamperBot
@camperbot
Aug 31 2017 16:37
kowalatam sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 826 | @mot01 |http://www.freecodecamp.com/mot01
Tom
@moT01
Aug 31 2017 16:38
yup
might need to do the same thing for the answer
but i couldn't get an answer that big
999x9999999999999999 = like 9990
Elizabeth Paul
@Kowalatam
Aug 31 2017 16:41
@moT01 i grouped everything into the if.. so the answer should follow suit i hope...
only things i left untouch was the ac , the exe
FakhriAz
@FakhriAz
Aug 31 2017 16:43
Hi, any idea why when I click on navbar links they throw me at random places. How to fix that.
https://codepen.io/FakhriAz/pen/KvGaZL?editors=1100
Tom
@moT01
Aug 31 2017 16:43
i dont know if i should tell you about more problems i see or not
FakhriAz
@FakhriAz
Aug 31 2017 16:44
Yes,
Ghost
@ghost~55a04b725e0d51bd787af54c
Aug 31 2017 16:44
Hello everyone!@Refath
Hello everyone! I'm trying to make an app, and this is what I've come to so far: https://codepen.io/Refath/pen/wqRpmO Problem: What I want to do is enable the user to edit the links of the websites in the 4 circles
The icons, I might be able to derive from the favicon of the website, but as a person who knows very little js, I don't know where to begin
Tom
@moT01
Aug 31 2017 16:44
@Kowalatam (9+1)x10
gives me 10
Ghost
@ghost~55a04b725e0d51bd787af54c
Aug 31 2017 16:44
Any help is appreciated!
Elizabeth Paul
@Kowalatam
Aug 31 2017 16:45
really.... oh c'mon... @moT01
Tom
@moT01
Aug 31 2017 16:45
@FakhriAz looks like its going where you tell it to go
@Kowalatam ha, yea i hear ya
Elizabeth Paul
@Kowalatam
Aug 31 2017 16:45
its probably what i used to deal with things like 0.4+0.2=0.600000000001 thats acting up
Tom
@moT01
Aug 31 2017 16:46
mine still has little issues like that that i never fixed
Elizabeth Paul
@Kowalatam
Aug 31 2017 16:46
yeah his stuff is taking u where he wants to go, just a lil lower i guess
for something like skills... it shows u below the skills lol
oh.. skills show u a lil above
Tom
@moT01
Aug 31 2017 16:47
but that's where the id is
FakhriAz
@FakhriAz
Aug 31 2017 16:48
@moT01 Not really it does not work well
Tom
@moT01
Aug 31 2017 16:48
its bringing the id you tell it to go to, to the top of the page, your nav bar is just in the way
its actually does look a little below that doesnt it
Elizabeth Paul
@Kowalatam
Aug 31 2017 16:51
probably make the navbar disappear after a few seconds ?
Tom
@moT01
Aug 31 2017 16:51
i would try adding a padding maybe to each section on top
you skills id doesnt look like its in the right spot
same with your portfolio id
Netrunner21
@Netrunner21
Aug 31 2017 16:53
@moT01 works now. Thanks. I moved main.js to the bottom of the body like you said which makes sense now. I was refreshing my local code when I first mvoed it there which is why it wasn't updating (duh) lol
CamperBot
@camperbot
Aug 31 2017 16:53
netrunner21 sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 827 | @mot01 |http://www.freecodecamp.com/mot01
Tom
@moT01
Aug 31 2017 16:53
@Refath try out the jquery lessons on freecodecamp.com
@Netrunner21 yea, i had that moment yesterday
Elizabeth Paul
@Kowalatam
Aug 31 2017 16:54
i think i fixed my problem.. i used this as an if statement
if (theAboveToString.indexOf(".") )
instead of
if (theAboveToString.indexOf(".") !== -1)
Tom
@moT01
Aug 31 2017 16:55
what was the problem
Elizabeth Paul
@Kowalatam
Aug 31 2017 16:56
(9+1)*10 =10
it was running the code in the if statement even though 100 doesn't have "."
Ghost
@ghost~55a04b725e0d51bd787af54c
Aug 31 2017 16:58
@moT01 I'll see what I can do; thx
CamperBot
@camperbot
Aug 31 2017 16:58
refath sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 828 | @mot01 |http://www.freecodecamp.com/mot01
Tom
@moT01
Aug 31 2017 16:59
@Kowalatam oh boy
Elizabeth Paul
@Kowalatam
Aug 31 2017 17:00
Okay.. finally i hope.. please punch or calculate away... don't find any more bugs for me lol https://codepen.io/Kowalatam/pen/oeqrxa
Tom
@moT01
Aug 31 2017 17:01
@Refath yea, i don't feel like writing a page for you, you're going to have to learn some js, those lessons are pretty good and jquery is pretty easy to understand
(9+1)x10-100.1
if you dont respond ill just assume you threw your computer against the wall @Kowalatam
Elizabeth Paul
@Kowalatam
Aug 31 2017 17:03
@moT01 lol... seriously though... don't joke with me on that now.. im feeling very sensitive now lol
Tom
@moT01
Aug 31 2017 17:04
like i said, i never got all the bugs out of mine
Ghost
@ghost~55a04b725e0d51bd787af54c
Aug 31 2017 17:04
@moT01 Definitely, appreciate the link
Elizabeth Paul
@Kowalatam
Aug 31 2017 17:05
yeah.. im honestly tired...
but (9+1)*10 = 100 though
what are pressing ? lol
Tom
@moT01
Aug 31 2017 17:06
that last thing i put, shows me -0.
Elizabeth Paul
@Kowalatam
Aug 31 2017 17:07
@moT01 ohh yeah i see whats happening... but i don't have the strength to deal with it
i knew i was dealing with the decimals the wrong way...
Tom
@moT01
Aug 31 2017 17:08
breaks are good if you're tired, let the mind digest, don't let yourself get too frustrated over a calculator. You can always move on to another project and come back
Elizabeth Paul
@Kowalatam
Aug 31 2017 17:09
yeah.. but knowing me... if i leave this.. i seriously might not touch it again lol
i mean.. who is going to use the calcualtor anyway
:)
pomodoro clock it is..
who i'm i kidding anyway..
who want to tell me how to properly deal with decimals lol
Tom
@moT01
Aug 31 2017 17:14
that's exactly what i did, moved on
Ivan Ngundela
@ingundela
Aug 31 2017 17:14
Hi guys.. I need some help, I'm having a hard time to creat a working contact for in my website.... I've done the html (contact form layout) what should be the next step to have it working... please advice...
Thanks
Tom
@moT01
Aug 31 2017 17:15
what do you want to happen
Ivan Ngundela
@ingundela
Aug 31 2017 17:17
I've been googling for hours now... and tried so many things but it's not working for me...
Elizabeth Paul
@Kowalatam
Aug 31 2017 17:18
u mean to click a button an it send u an email or something ? @ingundela
Ivan Ngundela
@ingundela
Aug 31 2017 17:19
@Kowalatam ya....
I'm only missing the contact form to finish this project... and I'm stuck in it...
Jorge
@OrangeKulture
Aug 31 2017 17:20
@ingundela i would do a contact form hooked up to firebase
Elizabeth Paul
@Kowalatam
Aug 31 2017 17:20
ehhh @moT01 ... he needs you lol @ingundela
Jorge
@OrangeKulture
Aug 31 2017 17:20
u could also include a mini script so that the info is saved in a file in the root folder of your project
Ivan Ngundela
@ingundela
Aug 31 2017 17:22
@OrangeKulture Please help..... when i look around... its all about php... phpmailer XAMP.. and I don't know any of this... eishhh
Jorge
@OrangeKulture
Aug 31 2017 17:23
@ingundela well yes .. u have to have a server side script to handle the info .. else how are you gonna get it
is it for a production project? or is it just to showcase the portfolio ? because u dont actually need it to work if it's the latter
says google forms might be something to check out
Ghost
@ghost~55a04b725e0d51bd787af54c
Aug 31 2017 17:26
Something is wrong with my js. If I click Google, it doesn't enable me to edit the text: https://codepen.io/Refath/pen/XaoMEj?editors=1100
Tom
@moT01
Aug 31 2017 17:28
try using an <input>
Utsav Kafley
@chopedada
Aug 31 2017 17:29

Hello guys, I am going through my JavaScript courses in FCC and right now I encountered something called the reduce function. The definition they give is too confusing for me to understand. And instead of just hit and trial and pass the test I decided to understand how the function works. But every resource I check I still don't get a explanation that I can fully comprehend.
I looked through Mozilla Developer Network and reddit and still can't understand the damn thing.

So far this is what I understand:
.reduce can be used to iterate through an array using an accumulator (i can't understand what this is) and the values of the array itself? I know there are other two optional parameters but those get even confusing.

the examples have shown that you can use it to add/subtract stuff in an array.
But I feel like it is a lot more deeper than just that?
Please point me towards somewhere where I can get a better understanding of this stuff. Thank You!

Trommelochse
@Trommelochse
Aug 31 2017 17:31
the accumulator will be your output in the end. Let's say you want to reduce an array of numbers to their total sum
Ivan Ngundela
@ingundela
Aug 31 2017 17:31
@OrangeKulture I'm actually developing a website for my friend's small business...
@OrangeKulture I don't have any local host or know how to use it.....
Trommelochse
@Trommelochse
Aug 31 2017 17:32
@chopedada the accumulator will be your output in the end. Let's say you want to reduce an array of numbers to their total sum
Ken Haduch
@khaduch
Aug 31 2017 17:32
@chopedada - try this article for information on .reduce. Give it a try? It helped me when I was struggling with it.
Jorge
@OrangeKulture
Aug 31 2017 17:32
@ingundela what I meant was that u can have it saved in a .txt file withing the folder structure on the hosting site
easier way is to use firebase .. which is a google service that'll help you deploy the form without too much backend code
Ivan Ngundela
@ingundela
Aug 31 2017 17:34
@moT01 checking it....... thanks
CamperBot
@camperbot
Aug 31 2017 17:34
ingundela sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 829 | @mot01 |http://www.freecodecamp.com/mot01
Ken Haduch
@khaduch
Aug 31 2017 17:34
@chopedada - there is another link within the comments on that article that has other examples. (I thought that "share" link for the comment would go directly to that aforementioned article.It is the last comment on the list, and points to this pen
Tom
@moT01
Aug 31 2017 17:35
@ingundela might be something to check out, but if its for an actual business you may want to learn some back end stuff
Ivan Ngundela
@ingundela
Aug 31 2017 17:35
@OrangeKulture hummm I see... let me check on youtube how to use firebase...
Utsav Kafley
@chopedada
Aug 31 2017 17:35
Thank you @khaduch
CamperBot
@camperbot
Aug 31 2017 17:35
:star2: 3256 | @khaduch |http://www.freecodecamp.com/khaduch
chopedada sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
Ivan Ngundela
@ingundela
Aug 31 2017 17:35
@OrangeKulture Thank you
CamperBot
@camperbot
Aug 31 2017 17:35
ingundela sends brownie points to @orangekulture :sparkles: :thumbsup: :sparkles:
:cookie: 456 | @orangekulture |http://www.freecodecamp.com/orangekulture
Elizabeth Paul
@Kowalatam
Aug 31 2017 17:36
@moT01 one more try on the calculator ? :) ...
gone back to what i previously used.. it would return a lot of things in exponent form though
but i will leave at that...
Rafael Monroy
@rafaelmonroy
Aug 31 2017 17:37
how can I grab the text inside an html tag with jquery? and set it to a var
Elizabeth Paul
@Kowalatam
Aug 31 2017 17:37
onward to pomodoro.. after a very long food/snack break
Ivan Ngundela
@ingundela
Aug 31 2017 17:37
@moT01 eishhhh to early friend.. I'm still new to front end Dev...but I don't just to have a simple website... I want to give my best to this project and I'm also learning Web Development by building project......
Utsav Kafley
@chopedada
Aug 31 2017 17:37
@khaduch I am reading through but he warns that it has spoilers for the Algorithm challenges that are ahead? Does it matter?
Elizabeth Paul
@Kowalatam
Aug 31 2017 17:37
@rafaelmonroy $("tagname").html ()
Rafael Monroy
@rafaelmonroy
Aug 31 2017 17:38
@Kowalatam var newVar = $("tagname").html () ?
Jorge
@OrangeKulture
Aug 31 2017 17:38
@ingundela welcome!
Elizabeth Paul
@Kowalatam
Aug 31 2017 17:39
@rafaelmonroy yep...
Tom
@moT01
Aug 31 2017 17:39
you better back up your files
@Kowalatam
Elizabeth Paul
@Kowalatam
Aug 31 2017 17:40
@moT01 i have them in my sublime.. thats where i do my editing b4 uploading to codepen
but why though// codepen is crashing ?... :)
Tom
@moT01
Aug 31 2017 17:41
i meant offline somewhere, for when you throw the computer against the wall
Elizabeth Paul
@Kowalatam
Aug 31 2017 17:41
@moT01 ohhh c'mon.. what now ?...
Rafael Monroy
@rafaelmonroy
Aug 31 2017 17:42
@Kowalatam thanks that worked, only thing, should've included this in first question lol, is that I am trying to grab the text in the html after my Ajax call has passed in the value through my success function. right now it just gives returns "" since the tag is empty initially
CamperBot
@camperbot
Aug 31 2017 17:42
rafaelmonroy sends brownie points to @kowalatam :sparkles: :thumbsup: :sparkles:
:cookie: 310 | @kowalatam |http://www.freecodecamp.com/kowalatam
Tom
@moT01
Aug 31 2017 17:42
(9+1)x10
you asked
Elizabeth Paul
@Kowalatam
Aug 31 2017 17:43
= 1.0e+2 ?.. yeah.. im ganna leave it like that
i mean its correct right lol
@rafaelmonroy then maybe say myVar = $("tagname").html () ,,, inside the success function,.. that should asign it to the already defined variable
Minoy
@minoy
Aug 31 2017 17:46

Hello,
I am trying to write a simple function that sums all numbers in an array. I want to use While loop. Following is the code:

function sumArray (arr) {
    var sum = 0
    while (i <= arr.length - 1) {
        var i = 0;
        sum = sum + arr[i];
        i++;
    }
    console.log(sum);
}

sumArray([1,2,3,4])

The value of sum stays 0. Any idea what is going wrong?

Tom
@moT01
Aug 31 2017 17:46
i guess it is
Elizabeth Paul
@Kowalatam
Aug 31 2017 17:46
var myVar = "";
 function success()
{ myVar = $("tagname").html () }
@rafaelmonroy
Christopher McCormack
@cmccormack
Aug 31 2017 17:47
@minoy don't set i to 0 in your while loop
Elizabeth Paul
@Kowalatam
Aug 31 2017 17:47
i don't know if thats good code writting though.. but thats how i do it
@moT01 not guess.. whoever sees that better accept it by force lol
Christopher McCormack
@cmccormack
Aug 31 2017 17:48
@minoy Also I would recommend using a for loop any time you're iterating over an iterable object, like an array
Tom
@moT01
Aug 31 2017 17:48
ha, yea, i think itll work for this project
Christopher McCormack
@cmccormack
Aug 31 2017 17:48
@minoy i <= arr.length - 1 can also be written as i < arr.length
Minoy
@minoy
Aug 31 2017 17:48
@cmccormack Thanks! Duh moment :P
CamperBot
@camperbot
Aug 31 2017 17:48
minoy sends brownie points to @cmccormack :sparkles: :thumbsup: :sparkles:
:star2: 1176 | @cmccormack |http://www.freecodecamp.com/cmccormack
Minoy
@minoy
Aug 31 2017 17:50
@cmccormack Yes, I am not sure why I used a while loop. Also, I realise a forEach() would be even simpler.
Christopher McCormack
@cmccormack
Aug 31 2017 17:51
@minoy for loop is more efficient but for a small project like this either will do fine
Can anyone tell me why the bottom edge of this cuts out on mobile?
Elizabeth Paul
@Kowalatam
Aug 31 2017 18:49
@EricHasegawa what do u mean by bottom edge
Matthew Sinkgraven
@s0nic12
Aug 31 2017 18:56
Hi guys, I'm having a bit of a hard time implementing the minimax algorithm into my tic tac toe game
Does anyone have a good explanation available?
aRtoo
@artoodeeto
Aug 31 2017 19:10
guys why is it the return wont give me the sum. just the word function
heres the code: this is just a testing.
    test(1,1);
  function test(a,b) {
    return a+b;
  }

  return test;
Tom
@moT01
Aug 31 2017 19:11
your return test
returns the function
you made a function test() and dont call it
in the code you shared anyway
actually you do
at the beginning
try console.log(test(1,1));
Eric Hasegawa
@EricHasegawa
Aug 31 2017 19:18
@Kowalatam Like the majority of the content that should be near the bottom of the screen isn't displayed at all
TWoerner94
@TWoerner94
Aug 31 2017 19:28
Hey guys, simple HTML/CSS question
Where does that empty space behind the numbers 5 and 25 come from and how do i get rid of it?
Netrunner21
@Netrunner21
Aug 31 2017 19:43
Finally got a prototype running. Will make some more changes later.. Thanks for all the help these last few months. Let me know what you think
Ken Haduch
@khaduch
Aug 31 2017 19:45
@chopedada - sorry, I was away for a while. I guess you have to learn how the reduce works somewhere. I guess that anything that you read can be a "spoiler". I forget if I found this article before or after some of the pertinent exercises? After finally getting thru that article and the MDN pages and working thru the examples, I was able to use .reduce() in many different ways.
imperial-isms
@imperial-isms
Aug 31 2017 19:50
Is it a good idea to use bootstrap grids when constructing a top-of-page navigator bar? I can easily do this with CSS, but I guess I'm trying to take advantage of the mobile-responsiveness of Bootstrap.
Tom
@moT01
Aug 31 2017 19:53
@TWoerner94 not sure what empty space your talking about, the green background? you can open your dev tolls and find out what's there
TWoerner94
@TWoerner94
Aug 31 2017 19:54
@moT01 I did that on purpose just for testing. I mean a blank space after the numbers 5 and 25 that idk where they come from
The dev tools also dont show it but if you try to highlight one of the two numbers you will see it's there
Tom
@moT01
Aug 31 2017 19:54
so, between the green and light blue
?
TWoerner94
@TWoerner94
Aug 31 2017 19:56
Basically the string 25 is 3 characters for some reason bc theres a blankspace at the end of it
Tom
@moT01
Aug 31 2017 19:56
between the number and the + / -
TWoerner94
@TWoerner94
Aug 31 2017 19:56
Between the number and the +
Would also be interesting to know why the green parts are so big haha
Chris A.
@OpenProCramMaker
Aug 31 2017 19:57
@gothamknight I got my Generator fixed. Check it out https://codepen.io/OpenProCramMaker/pen/MoNmPO
Tom
@moT01
Aug 31 2017 19:58
@TWoerner94 looks like the space is part of the <a>
its gone if you change it to a div
which you should probly do anyway
TWoerner94
@TWoerner94
Aug 31 2017 19:59
Oh good to know thatnks @moT01 I'll try that
Thanks @moT01
CamperBot
@camperbot
Aug 31 2017 19:59
twoerner94 sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 830 | @mot01 |http://www.freecodecamp.com/mot01
Tom
@moT01
Aug 31 2017 20:00
<a>'s are more for linking to other pages and different parts of the page
TWoerner94
@TWoerner94
Aug 31 2017 20:00
You're right, that made it disappear
One more little question if you don't mind
Tom
@moT01
Aug 31 2017 20:00
ask away
TWoerner94
@TWoerner94
Aug 31 2017 20:01
Why are the green areas so big? It almost seems like theres some extra top and bottom padding inserted there
I'd like to have everything a lil closer together
Theres also a margin between the grey h2s and the green areas
Tom
@moT01
Aug 31 2017 20:06
im not quite sure where those margins are coming from, but you can add margin:0 padding: 0 to <body> to fix it
there's some default margins and other settings with some elements, people often use something like that to cancel some of them
firas omrane
@firou1925
Aug 31 2017 20:07
hello world
Tom
@moT01
Aug 31 2017 20:08
you have some bootstrap classes in there, btn-default you need to add the bootstrap css file for those to work, not sure if that's your intention
TWoerner94
@TWoerner94
Aug 31 2017 20:09
I have those added
Tom
@moT01
Aug 31 2017 20:10
the css file, in the css tab
you added the js file
you may need bootstrap 3 and not 4 if that's what youve been learning/using
TWoerner94
@TWoerner94
Aug 31 2017 20:11
Ohhh right
Thank you haha
That seems to have been the reason for nearly all these problems
Tom
@moT01
Aug 31 2017 20:12
and i think the green is coming from the flex, ...im guessing flex is a block element
@firou1925 hello
Tom
@moT01
Aug 31 2017 20:27
@Netrunner21 that looks real good by the way
firas omrane
@firou1925
Aug 31 2017 20:28
can you sacrifice some time with me
@moT01
iso
@iso1048
Aug 31 2017 20:29
@OpenProCramMaker looks cool. nice.
Netrunner21
@Netrunner21
Aug 31 2017 20:31
Thanks @moT01 Much appreciated
CamperBot
@camperbot
Aug 31 2017 20:31
netrunner21 sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 831 | @mot01 |http://www.freecodecamp.com/mot01
Moustapha
@moustaflo
Aug 31 2017 20:34
Anybody knows what's wrong with codepen with regards to having an external background-image?
body{background-image:url("someinage.jpeg");}
Ghost
@ghost~55a04b725e0d51bd787af54c
Aug 31 2017 20:35
Well, codepen can't access local files
@moustaflo
I think you can use the new projects tool, but I never used it
Moustapha
@moustaflo
Aug 31 2017 20:35
it's an image that is online though
Ghost
@ghost~55a04b725e0d51bd787af54c
Aug 31 2017 20:36
Do you have the code?
Tom
@moT01
Aug 31 2017 20:36
@firou1925 what's up, you can just ask questions here, someone might come around to help
Moustapha
@moustaflo
Aug 31 2017 20:38
@Refath body{background-image:url("http://media.istockphoto.com/photos/teak-wood-background-horizontal-drop-shadow-picture-id485870457?k=6&m=485870457&s=612x612&w=0&h=eOn39YnJ443uc7lSUq4ijkbFp79T5C_kird3uwsaFsQ=");}
firas omrane
@firou1925
Aug 31 2017 20:38
I have some problems trying to get the code executing in the order I want (synchronic) so I used setTimeout because it ewecutes in the end and here the code the first one using setTimeout https://codepen.io/firou1925/full/WELmQO/ and the second without nothing https://codepen.io/firou1925/full/NveQyJ/
just1witness
@just1witness
Aug 31 2017 20:39
@moustaflo That doesn't look like an image location to me
shouldn't it end in JPEG?
or another img file extension
firas omrane
@firou1925
Aug 31 2017 20:40
what I want is to have the last case full before alerting that someone won or it's a draw
Moustapha
@moustaflo
Aug 31 2017 20:40
actually never mind guys, it's working now for some reason! I guess someone's got some magic on here lol
Ghost
@ghost~55a04b725e0d51bd787af54c
Aug 31 2017 20:40
@moustaflo Works for me
firas omrane
@firou1925
Aug 31 2017 20:40
So I ask if there is a better sollution?
Ghost
@ghost~55a04b725e0d51bd787af54c
Aug 31 2017 20:40
Oh, good to know
Moustapha
@moustaflo
Aug 31 2017 20:41
@Refath i'm good now :)
Tom
@moT01
Aug 31 2017 20:41
@firou1925 what lines
@firou1925 setTimeout might work, but its probly not the way to go
you never know how long something will take
firas omrane
@firou1925
Aug 31 2017 20:43
@moT01 the function beginig from line 151 in the first code
I have set Timeout with 0 seconds
just1witness
@just1witness
Aug 31 2017 20:43
@firou1925 I just played them both, they seemed identical.
:P
firas omrane
@firou1925
Aug 31 2017 20:44
@just1witness the second one alert before filling the case got it?
just1witness
@just1witness
Aug 31 2017 20:45
I'll try again
@firou1925 the alert appeared before the x, is that what you mean?
firas omrane
@firou1925
Aug 31 2017 20:45
yes
just1witness
@just1witness
Aug 31 2017 20:46
You don't like that?
It seems ok to me
firas omrane
@firou1925
Aug 31 2017 20:47
yes and the biggest problem I want to solve is hwo to get my code executed synchronistically
if I will need it another time
legendinraze
@legendinraze
Aug 31 2017 20:48
How do I seperate my links?
just1witness
@just1witness
Aug 31 2017 20:49
@firou1925 I get that.
Tom
@moT01
Aug 31 2017 20:49
@firou1925 meaning at the same time
just1witness
@just1witness
Aug 31 2017 20:49
@firou1925 I would love to help you more, but you're further along than me. I don't know how you would do that.:)
@legendinraze
<div class col-md-3><a href ="#"> Muffins </a></div>
firas omrane
@firou1925
Aug 31 2017 20:51
@legendinraze use margin
a{
margin:xpx;
}
just1witness
@just1witness
Aug 31 2017 20:51
the col-md-3 can be whatever you want
legendinraze
@legendinraze
Aug 31 2017 20:52
Ok thx @firou1925 and @just1witness
CamperBot
@camperbot
Aug 31 2017 20:52
legendinraze sends brownie points to @firou1925 and @just1witness :sparkles: :thumbsup: :sparkles:
:cookie: 303 | @firou1925 |http://www.freecodecamp.com/firou1925
:cookie: 308 | @just1witness |http://www.freecodecamp.com/just1witness
firas omrane
@firou1925
Aug 31 2017 20:53
@just1witness thank u but an advice is that u have to learn how to understand asynchronic and synchronic features in javascript it's a must see and u can watch this https://www.youtube.com/watch?v=8aGhZQkoFbQ
CamperBot
@camperbot
Aug 31 2017 20:53
firou1925 sends brownie points to @just1witness :sparkles: :thumbsup: :sparkles:
:cookie: 309 | @just1witness |http://www.freecodecamp.com/just1witness
legendinraze
@legendinraze
Aug 31 2017 20:53
I went with your suggestion @just1witness
thx
just1witness
@just1witness
Aug 31 2017 20:54
no prob
@firou1925 Thank you for the vid, I'll watch it later :)
CamperBot
@camperbot
Aug 31 2017 20:55
just1witness sends brownie points to @firou1925 :sparkles: :thumbsup: :sparkles:
:cookie: 304 | @firou1925 |http://www.freecodecamp.com/firou1925
Netrunner21
@Netrunner21
Aug 31 2017 21:19
@firou1925 I'm loving the video.. I wish freecodecamp and codecademy had more javascript "theory". Thanks for the link.
CamperBot
@camperbot
Aug 31 2017 21:19
netrunner21 sends brownie points to @firou1925 :sparkles: :thumbsup: :sparkles:
:cookie: 305 | @firou1925 |http://www.freecodecamp.com/firou1925
firas omrane
@firou1925
Aug 31 2017 21:22
@Netrunner21 yes especially those weird parts
Mark Kubik
@KUBIX90
Aug 31 2017 21:22
CAn anyone help with getting the twitter button moving
Can't seem to do anythign with it despite using !important, the text of "tweet" seems to move but the button itself seems to remain in the same spot
For info, currently using bootstrap 4 and jQuery to create the random quote machine
Netrunner21
@Netrunner21
Aug 31 2017 21:35
So it looks like Philip Roberts (guy in the video above) has put his "Loupe" app online
I will definately be using this
imperial-isms
@imperial-isms
Aug 31 2017 21:36
Does anyone have any example links for the Portfolio Project other than the one give in the project?
Netrunner21
@Netrunner21
Aug 31 2017 21:39
@imperial-isms you can look at mine if you'd like
imperial-isms
@imperial-isms
Aug 31 2017 21:39
Sure!
imperial-isms
@imperial-isms
Aug 31 2017 21:40
Thanks!
Netrunner21
@Netrunner21
Aug 31 2017 21:40
You're welcome.
imperial-isms
@imperial-isms
Aug 31 2017 21:41
What does this bit do?
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbar-col" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="hambars"><i class="fa fa-bars" aria-hidden="true"></i></span> </button>
Netrunner21
@Netrunner21
Aug 31 2017 21:42
That is the hamburger menu on mobile.
imperial-isms
@imperial-isms
Aug 31 2017 21:42
Ahh
Resized and found it
The responsiveness works like a charm
Netrunner21
@Netrunner21
Aug 31 2017 21:44
Yeah I didn't do it right at first, so there's a lot of extra patchwork code
I ended up hard coding a lot of the responsiveness
imperial-isms
@imperial-isms
Aug 31 2017 21:45
Navbars wasn't covered in the FCF coursework.
Netrunner21
@Netrunner21
Aug 31 2017 21:45
it works fine, but I believe there is an easier way
jimssonlim
@jimssonlim
Aug 31 2017 21:46
hi
i am working on a small project of mine
imperial-isms
@imperial-isms
Aug 31 2017 21:46
I'm stuck on navigation and feel like I'm spinning my wheels, when I can move on
jimssonlim
@jimssonlim
Aug 31 2017 21:46
I was wondering if someone can help me
Netrunner21
@Netrunner21
Aug 31 2017 21:46
I got my FCC Front End Cert about a month ago, maybe more. I felt the learning curve was just right. I'm on the Data Viz stuff right now and there's a gulf of information that hasn't been convered that is needed to do those projects, not just react, etc.
Yeah just make something presentable and move on
Burak
@BurakAy
Aug 31 2017 21:47
did you do the react stuff?
Netrunner21
@Netrunner21
Aug 31 2017 21:47
I have two of the React projects done
imperial-isms
@imperial-isms
Aug 31 2017 21:47
Thanks, Net!
Burak
@BurakAy
Aug 31 2017 21:47
same here i just finished the leaderboard like 20 mins ago
Netrunner21
@Netrunner21
Aug 31 2017 21:47
but man there was a lot of non-freecodecamp prep work involved
Burak
@BurakAy
Aug 31 2017 21:48
it was tough since there were no previous exercises
Netrunner21
@Netrunner21
Aug 31 2017 21:48
learning more about scoping and stacks and deeper into javascript in general in a non react sense
since most of the stuff online that talks about React references terminology I wasn't use to
I was a huge rabbit hole for me
@imperial-isms no problem
@BurakAy I finished the leaderboard yeserday
Burak
@BurakAy
Aug 31 2017 21:49
yup same here, probably absorbed about 20% of the stuff I did in those projects
Netrunner21
@Netrunner21
Aug 31 2017 21:49
I really enjoyed that one
I did all of CodeCademy Pro's React courses and then Free Code Camp's React Courses and now I feel like I get it
it was just a mountain of info to absorb
I feel like the DOM should havge been covered before the React challenges
Burak
@BurakAy
Aug 31 2017 21:50
I need more practice, one thing I got out of it is to check for packages before starting
Netrunner21
@Netrunner21
Aug 31 2017 21:50
packages?
Burak
@BurakAy
Aug 31 2017 21:51
yea to install into your react project
like axios.js
Netrunner21
@Netrunner21
Aug 31 2017 21:51
I did mine on codepen since the example projects were done there
I haven't even begun to try and think about machine installs for webpack etc
that was my leaderboard
Burak
@BurakAy
Aug 31 2017 21:52
oh ok yea i've been doing them in visual studio code and then trying to get them to work on codepen
Netrunner21
@Netrunner21
Aug 31 2017 21:52
I see
Burak
@BurakAy
Aug 31 2017 21:53
nice looks good
Netrunner21
@Netrunner21
Aug 31 2017 21:53
thanks man
Burak
@BurakAy
Aug 31 2017 21:54
what's popper?
Netrunner21
@Netrunner21
Aug 31 2017 21:54
one of the other dudes on here helped me with a portion of it
we found that the JS console was asking for it
because of bootstrap
I don't think it's neccesary, so I'll probably take it off
Netrunner21
@Netrunner21
Aug 31 2017 21:56
Looks nice. Clean design.
It looks like your links don't go to the person's fcc profile
Burak
@BurakAy
Aug 31 2017 21:57
yea i had an issue with that and forgot about it haha
Netrunner21
@Netrunner21
Aug 31 2017 21:57
word haha
Burak
@BurakAy
Aug 31 2017 21:57
for some reason it's decoding the curly braces in the browser
Netrunner21
@Netrunner21
Aug 31 2017 21:58
If I remember I just made links with "freecodecamp.com/" + data.username
something to that effect
removed the need for decoding with %
I think there may have been a map() function involved
Burak
@BurakAy
Aug 31 2017 22:00
just fixed it
all I had to do was remove the curly braces
since it's in the tag they aren't necessary
Netrunner21
@Netrunner21
Aug 31 2017 22:02
word
I do really like React
Mohamed Nabil Ayoub
@MohNabil
Aug 31 2017 22:04
Hi campers,how can i get the url that i use in the wikipedia viewer from the API
Netrunner21
@Netrunner21
Aug 31 2017 22:05
@MohNabil you can either make an AJAX request or you can use jQuery and run $.getJSON()
Mohamed Nabil Ayoub
@MohNabil
Aug 31 2017 22:06
@Netrunner21 yes i know that but my problem is the url that i use in the getjson
There are some options listed here
this one was rather tough because of the amount of options you can choose from
some Wiki APIs work better than others
Mohamed Nabil Ayoub
@MohNabil
Aug 31 2017 22:09
@Netrunner21 ok i will look in that,thanks
CamperBot
@camperbot
Aug 31 2017 22:09
mohnabil sends brownie points to @netrunner21 :sparkles: :thumbsup: :sparkles:
:cookie: 378 | @netrunner21 |http://www.freecodecamp.com/netrunner21
Netrunner21
@Netrunner21
Aug 31 2017 22:09
@MohNabil I used opensearch and that solved a lot of problems for me
Daniel Feldman
@Feldbot
Aug 31 2017 22:17
Hi, does anyone know what to call the mechanism used in documentation to explain syntax? For example:
jQuery.getJSON( url [, data ] [, success ] )
When you see the brackets, I'm assuming that is optional, but I'm not sure. I'm basically wondering what this documentation syntax is called so I can search MDN for a guide that helps explain.
korzo
@korzo
Aug 31 2017 22:29
@Feldbot Yes, parameters in brackets are optional
@Feldbot I suppose it's convention for documentation
Daniel Feldman
@Feldbot
Aug 31 2017 22:31
@korzo Do you know where I'd find these conventions? I tried poking around MDN and didn't find anything.
@korzo If I even knew what to call this, that would help me search for it :-)
korzo
@korzo
Aug 31 2017 22:36
@Feldbot I think it's common not just for javascript, but for all documentation. Microsoft, php, python...
Daniel Feldman
@Feldbot
Aug 31 2017 22:38
@korzo Right, but there are other conventions I've seen used that I'm also confused by, so I'm just trying to find a guide that explains how code syntax is documented, but I don't even know what to call that so I'm failing in my search.
Greta Piliponytė
@gpiliponyte
Aug 31 2017 22:39
guys how many hours do you spend coding in a day?
korzo
@korzo
Aug 31 2017 22:43
@Feldbot Well, I can't find those conventions for MDN.
Daniel Feldman
@Feldbot
Aug 31 2017 22:43
@gpiliponyte I'm at it for about 9 hours a day. Out of that I'm spending about 2/3 of the time reading, and maybe 1/3 of the time actually writing and testing the code.
@korzo Thanks for checking it out! I guess at some point I'll stumble into it, or just by reading so much documentation it might start to innately make sense.
CamperBot
@camperbot
Aug 31 2017 22:44
feldbot sends brownie points to @korzo :sparkles: :thumbsup: :sparkles:
:cookie: 437 | @korzo |http://www.freecodecamp.com/korzo
Greta Piliponytė
@gpiliponyte
Aug 31 2017 22:45
@Feldbot that's really impressive!
@Feldbot are you studying or is it work related?
korzo
@korzo
Aug 31 2017 22:48
@Feldbot I think MDN has always explanation in detailed description. For example optional parameters are marked optional.
Ghost
@ghost~55a04b725e0d51bd787af54c
Aug 31 2017 22:48
Hey all!
I need some help
Daniel Feldman
@Feldbot
Aug 31 2017 22:51
@gpiliponyte Thanks Greta :-) I quit my job at the beginning of the month to do freeCodeCamp full time. So I guess it is studying. How about you?
CamperBot
@camperbot
Aug 31 2017 22:51
feldbot sends brownie points to @gpiliponyte :sparkles: :thumbsup: :sparkles:
:cookie: 339 | @gpiliponyte |http://www.freecodecamp.com/gpiliponyte
Daniel Feldman
@Feldbot
Aug 31 2017 22:52
@korzo Yeah, the MDN stuff is really solid. I wind up looking at other documentation pretty often wondering what conventions they are using to explain functions and such.
Ghost
@ghost~55a04b725e0d51bd787af54c
Aug 31 2017 22:52
Hey guys, how do I retrieve the favicon of a website?
Daniel Feldman
@Feldbot
Aug 31 2017 22:52
@korzo It doesn't seem to be standardized.
Greta Piliponytė
@gpiliponyte
Aug 31 2017 22:53
@Feldbot well I am a software engineering student currently enjoying my last days before going back to school and also doing some light ~3h work on FCC :D
Ghost
@ghost~55a04b725e0d51bd787af54c
Aug 31 2017 22:53
It's for this project: https://codepen.io/Refath/pen/xLmvoL
Jorge
@OrangeKulture
Aug 31 2017 22:54
@Refath what do u mean retrieve?
Ghost
@ghost~55a04b725e0d51bd787af54c
Aug 31 2017 22:54
I want to retrieve the favicon of a website, and update the image of any circle with that favicon
@OrangeKulture ^
Greta Piliponytė
@gpiliponyte
Aug 31 2017 22:54
@Refath I would love to get a sweet internship or even a job next year so I think I should seriously step up my game
Ghost
@ghost~55a04b725e0d51bd787af54c
Aug 31 2017 22:54
@gpiliponyte Where?
Jorge
@OrangeKulture
Aug 31 2017 22:55
@Refath favicons are .ico for th most part, and not too large in resolution
Daniel Feldman
@Feldbot
Aug 31 2017 22:55
@gpiliponyte Nice, sounds like you enjoy what you are doing! It's definitely a fun challenge to learn I think.
Jorge
@OrangeKulture
Aug 31 2017 22:55
u need to get the actual logos
Ghost
@ghost~55a04b725e0d51bd787af54c
Aug 31 2017 22:55
Any suggestions, guys? See, the problem is that the image for each circle is a background img in css
Greta Piliponytė
@gpiliponyte
Aug 31 2017 22:55
@Refath sorry, what's the question? Where what?
Ghost
@ghost~55a04b725e0d51bd787af54c
Aug 31 2017 22:55
@OrangeKulture File size is no problem for me
Jorge
@OrangeKulture
Aug 31 2017 22:55
i dont mean file size
Ghost
@ghost~55a04b725e0d51bd787af54c
Aug 31 2017 22:55
@gpiliponyte nevermind
Jorge
@OrangeKulture
Aug 31 2017 22:55
i mean resolution
Ghost
@ghost~55a04b725e0d51bd787af54c
Aug 31 2017 22:56
Right, but all I want is to retrieve it
So,... any suggestions?
Jorge
@OrangeKulture
Aug 31 2017 22:58
favicons are stored locally .. its not how u wanna approach it. U need to use icons of your own
Ghost
@ghost~55a04b725e0d51bd787af54c
Aug 31 2017 22:59
@OrangeKulture Oh no
korzo
@korzo
Aug 31 2017 22:59
@Feldbot It's not standardized for sure. Conventions are usually mentioned somewhere at the start of documentation. for example, here is it for php http://php.net/manual/en/about.prototypes.php
Daniel Feldman
@Feldbot
Aug 31 2017 23:01
@korzo Thanks for the link. I'll keep that in mind too.
CamperBot
@camperbot
Aug 31 2017 23:01
feldbot sends brownie points to @korzo :sparkles: :thumbsup: :sparkles:
:warning: feldbot already gave korzo points
Daniel Feldman
@Feldbot
Aug 31 2017 23:03
@Refath Try this:
http://www.google.com/s2/favicons?domain=www.google.de
and replace the domain at the end with the site your want.
Jorge
@OrangeKulture
Aug 31 2017 23:03
@gpiliponyte im guessing that's not your dog, is it ?
Daniel Feldman
@Feldbot
Aug 31 2017 23:04
@Refath I agree with others that it will be too low-resolution to enlarge on your site though. Pretty cool looking animated wheel you have going there btw.
korzo
@korzo
Aug 31 2017 23:05
@Feldbot Here is nice summary I think most projects follow https://stackoverflow.com/a/9727046/1412452