@imperial-isms you can use ccs
css
?
where do you see that?
@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.
That's what I thought
I just looked at the challenge, nothing changed
There's no mark-up in the CSS column
Am I using Bootstrap within the HTML column?
What do you mean?
yes
In the video
Bootstrap is used in HTML
Okay
Thanks
it's conveniant, but in my experience, limited. I like css better
no prob
Yeah...I can do all this with CSS
This is my first time using Bootstrap
It's very good for responsive design though too
I just went through that section of the course
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.
Ah
Okay using the row and col-xs-s stuff
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
I thought Ron shunned technology
@RonSwan I think the question isn't how, but rather why.
Put a big smily face in the middle and make it longer!!!
:P
https://visionmasonry.herokuapp.com/
Can you check my mobile responsiveness with this site?
I think I have an issue centering some of the images?
Can you check my mobile responsiveness with this site?
I think I have an issue centering some of the images?
why doesnt React render the h1 text in codepen?
https://codepen.io/duel_drawer8/pen/QMzMKo?editors=1111
https://codepen.io/duel_drawer8/pen/QMzMKo?editors=1111
NVM, had to add React before ReactDOM and it worked
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?
@karthickram286 try using dataType: 'jsonp' in the ajax call, and type: 'GET'. i bit about CORS: https://www.maxcdn.com/one/visual-glossary/cors/
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
@rafaelmonroy maybe put the alert in a function
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?
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
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
Ohh ok I get it makes sense, thanks bro
yw
Hello everyone, newbie here in foundation
how can i arrange topbar and logo side by side in foundation?
Like this: http://imgur.com/1m9CTE9
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
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,
@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...
@khaduch thanks, ok
marat89bluolyu sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3254 | @khaduch |http://www.freecodecamp.com/khaduch
but how to make if/ese statement for check on one name array parts?
@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"?
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?
@thinnappan - the class
img-responsive has to be an attribute of the img element.
ok but now its working why the text-center is not working for the image...?
@thinnappan - try putting
class="center-block" on the img element
not working
ok bro now its working..
Is the img-circle work as responsive ?
@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.
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
@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.
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
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
@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
Ok, let me take a look at it @heroiczero . by the way what is this format called -> 2017-09-04T00:55:00.000Z
@silentarrowz Some Date methods allow setting formatting options on the output.
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
i think its called a Date object
@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 well i found it https://stackoverflow.com/questions/28949911/what-does-this-format-means-t000000-000z
@silentarrowz ISO 8601 Date representation
ah, thanks @heroiczero . that was really helpful
silentarrowz sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 1675 | @heroiczero |http://www.freecodecamp.com/heroiczero
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?
@ingundela https://formspree.io/
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
@piteto @RoniqueRicketts yes it was because of the left: 45% i removed it Thankyou :)
@OrangeKulture Thankyou for liking my about section.. XD
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
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
@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
OK - I understand, though I had to stare at it for a minute XD thanks @heroiczero
beachhermit sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 1676 | @heroiczero |http://www.freecodecamp.com/heroiczero
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.
@hemakshis no probs! :joy:
whats happening guys
nothing much. How you doing
doing good thanks ..
just noticed that codepen has a new interface
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!
@heroiczero @Beachhermit A slightly simpler approach:
let author = json.quoteAuthor || "Anonymous";
@Brewall131 i cant help you there, maybe a good question for the forum https://forum.freecodecamp.org/
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
could set a max length with an if statement
@moT01 i tried that .. didn't work,.. maybe i did it wrong ?
i grouped all the code i had in the if statement lol
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) ...
or maybe a while statement ?
i think an if is better here
Okay.. lemme see
I need some help on the portfolio
if anyone is available
ask away
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>
do i have to put the if statement in everything that updates the html ?. cus that sound like wow a lot lol
my css is working, but my js will not load for some reason
codepen link.... @Netrunner21
@Kowalatam should just be a couple
Main header and skycons are not loading
they work on codepen but not on my website
well.. not in my area of expertise lol... :)
nice portfolio though
Thank you.
gimme a second, ill try and take a look
try putting it at the bottom of the body
I had heard that before, but its still not working
maybe move all those 4 scripts down there
you definitely should need your main.js down there
i think anyway
I'll give it a try
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
@moT01 the if statements word.. i grouped eberything that happens when u click a button inside it :)
thank u @moT01
kowalatam sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 826 | @mot01 |http://www.freecodecamp.com/mot01
yup
might need to do the same thing for the answer
but i couldn't get an answer that big
999x9999999999999999 = like 9990
@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
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
https://codepen.io/FakhriAz/pen/KvGaZL?editors=1100
i dont know if i should tell you about more problems i see or not
Yes,
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
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
@Kowalatam (9+1)x10
gives me 10
Any help is appreciated!
really.... oh c'mon... @moT01
@FakhriAz looks like its going where you tell it to go
@Kowalatam ha, yea i hear ya
its probably what i used to deal with things like 0.4+0.2=0.600000000001 thats acting up
mine still has little issues like that that i never fixed
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
but that's where the id is
@moT01 Not really it does not work well
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
probably make the navbar disappear after a few seconds ?
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
@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
netrunner21 sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 827 | @mot01 |http://www.freecodecamp.com/mot01
@Refath try out the jquery lessons on freecodecamp.com
@Netrunner21 yea, i had that moment yesterday
i think i fixed my problem.. i used this as an if statement
if (theAboveToString.indexOf(".") )
instead of
if (theAboveToString.indexOf(".") !== -1)
what was the problem
(9+1)*10 =10
it was running the code in the if statement even though 100 doesn't have "."
@moT01 I'll see what I can do; thx
refath sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 828 | @mot01 |http://www.freecodecamp.com/mot01
@Kowalatam oh boy
Okay.. finally i hope.. please punch or calculate away... don't find any more bugs for me lol https://codepen.io/Kowalatam/pen/oeqrxa
@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
@moT01 lol... seriously though... don't joke with me on that now.. im feeling very sensitive now lol
like i said, i never got all the bugs out of mine
@moT01 Definitely, appreciate the link
yeah.. im honestly tired...
but (9+1)*10 = 100 though
what are pressing ? lol
that last thing i put, shows me -0.
@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...
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
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
that's exactly what i did, moved on
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
what do you want to happen
I've been googling for hours now... and tried so many things but it's not working for me...
u mean to click a button an it send u an email or something ? @ingundela
@Kowalatam ya....
I'm only missing the contact form to finish this project... and I'm stuck in it...
@ingundela i would do a contact form hooked up to firebase
ehhh @moT01 ... he needs you lol @ingundela
u could also include a mini script so that the info is saved in a file in the root folder of your project
@OrangeKulture Please help..... when i look around... its all about php... phpmailer XAMP.. and I don't know any of this... eishhh
@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
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
try using an <input>
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!
the accumulator will be your output in the end. Let's say you want to reduce an array of numbers to their total sum
@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.....
@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
@chopedada - try this article for information on .reduce. Give it a try? It helped me when I was struggling with it.
@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
@moT01 checking it....... thanks
ingundela sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 829 | @mot01 |http://www.freecodecamp.com/mot01
@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
@ingundela might be something to check out, but if its for an actual business you may want to learn some back end stuff
@OrangeKulture hummm I see... let me check on youtube how to use firebase...
Thank you @khaduch
:star2: 3256 | @khaduch |http://www.freecodecamp.com/khaduch
chopedada sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
@OrangeKulture Thank you
ingundela sends brownie points to @orangekulture :sparkles: :thumbsup: :sparkles:
:cookie: 456 | @orangekulture |http://www.freecodecamp.com/orangekulture
@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...
how can I grab the text inside an html tag with jquery? and set it to a var
onward to pomodoro.. after a very long food/snack break
@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......
@khaduch I am reading through but he warns that it has spoilers for the Algorithm challenges that are ahead? Does it matter?
@rafaelmonroy
$("tagname").html ()
@Kowalatam var newVar = $("tagname").html () ?
@ingundela welcome!
@rafaelmonroy yep...
you better back up your files
@Kowalatam
@moT01 i have them in my sublime.. thats where i do my editing b4 uploading to codepen
but why though// codepen is crashing ?... :)
i meant offline somewhere, for when you throw the computer against the wall
@moT01 ohhh c'mon.. what now ?...
@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
rafaelmonroy sends brownie points to @kowalatam :sparkles: :thumbsup: :sparkles:
:cookie: 310 | @kowalatam |http://www.freecodecamp.com/kowalatam
(9+1)x10
you asked
= 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
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?
i guess it is
var myVar = "";
function success()
{ myVar = $("tagname").html () }
@rafaelmonroy
@minoy don't set i to 0 in your while loop
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
@minoy Also I would recommend using a for loop any time you're iterating over an iterable object, like an array
ha, yea, i think itll work for this project
@minoy
i <= arr.length - 1 can also be written as i < arr.length
@cmccormack Thanks! Duh moment :P
minoy sends brownie points to @cmccormack :sparkles: :thumbsup: :sparkles:
:star2: 1176 | @cmccormack |http://www.freecodecamp.com/cmccormack
@cmccormack Yes, I am not sure why I used a while loop. Also, I realise a forEach() would be even simpler.
@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?
@EricHasegawa what do u mean by bottom edge
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?
guys why is it the return wont give me the sum. just the word function
heres the code: this is just a testing.
heres the code: this is just a testing.
test(1,1);
function test(a,b) {
return a+b;
}
return test;
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));
@Kowalatam Like the majority of the content that should be near the bottom of the screen isn't displayed at all
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?
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
@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.
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.
@TWoerner94 not sure what empty space your talking about, the green background? you can open your dev tolls and find out what's there
@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
so, between the green and light blue
?
Basically the string 25 is 3 characters for some reason bc theres a blankspace at the end of it
between the number and the
+ / -
Between the number and the +
Would also be interesting to know why the green parts are so big haha
@gothamknight I got my Generator fixed. Check it out https://codepen.io/OpenProCramMaker/pen/MoNmPO
@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
Oh good to know thatnks @moT01 I'll try that
Thanks @moT01
twoerner94 sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 830 | @mot01 |http://www.freecodecamp.com/mot01
<a>'s are more for linking to other pages and different parts of the page
You're right, that made it disappear
One more little question if you don't mind
ask away
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
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
hello world
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
I have those added
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
Ohhh right
Thank you haha
That seems to have been the reason for nearly all these problems
and i think the green is coming from the flex, ...im guessing flex is a block element
@firou1925 hello
@Netrunner21 that looks real good by the way
can you sacrifice some time with me
@moT01
@OpenProCramMaker looks cool. nice.
Thanks @moT01 Much appreciated
netrunner21 sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 831 | @mot01 |http://www.freecodecamp.com/mot01
Anybody knows what's wrong with codepen with regards to having an external background-image?
body{background-image:url("someinage.jpeg");}
Well, codepen can't access local files
@moustaflo
I think you can use the new projects tool, but I never used it
it's an image that is online though
Do you have the code?
@firou1925 what's up, you can just ask questions here, someone might come around to help
@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=");}
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/
@moustaflo That doesn't look like an image location to me
shouldn't it end in JPEG?
or another img file extension
what I want is to have the last case full before alerting that someone won or it's a draw
actually never mind guys, it's working now for some reason! I guess someone's got some magic on here lol
@moustaflo Works for me
So I ask if there is a better sollution?
Oh, good to know
@Refath i'm good now :)
@firou1925 what lines
@firou1925 setTimeout might work, but its probly not the way to go
you never know how long something will take
@moT01 the function beginig from line 151 in the first code
I have set Timeout with 0 seconds
@firou1925 I just played them both, they seemed identical.
:P
@just1witness the second one alert before filling the case got it?
I'll try again
@firou1925 the alert appeared before the x, is that what you mean?
yes
You don't like that?
It seems ok to me
yes and the biggest problem I want to solve is hwo to get my code executed synchronistically
if I will need it another time
How do I seperate my links?
@firou1925 I get that.
@firou1925 meaning at the same time
@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>
@legendinraze use margin
a{
margin:xpx;
}
margin:xpx;
}
the col-md-3 can be whatever you want
Ok thx @firou1925 and @just1witness
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
@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
firou1925 sends brownie points to @just1witness :sparkles: :thumbsup: :sparkles:
:cookie: 309 | @just1witness |http://www.freecodecamp.com/just1witness
I went with your suggestion @just1witness
thx
no prob
@firou1925 Thank you for the vid, I'll watch it later :)
just1witness sends brownie points to @firou1925 :sparkles: :thumbsup: :sparkles:
:cookie: 304 | @firou1925 |http://www.freecodecamp.com/firou1925
@firou1925 I'm loving the video.. I wish freecodecamp and codecademy had more javascript "theory". Thanks for the link.
netrunner21 sends brownie points to @firou1925 :sparkles: :thumbsup: :sparkles:
:cookie: 305 | @firou1925 |http://www.freecodecamp.com/firou1925
@Netrunner21 yes especially those weird parts
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
So it looks like Philip Roberts (guy in the video above) has put his "Loupe" app online
I will definately be using this
Does anyone have any example links for the Portfolio Project other than the one give in the project?
@imperial-isms you can look at mine if you'd like
Sure!
Thanks!
You're welcome.
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>
That is the hamburger menu on mobile.
Ahh
Resized and found it
The responsiveness works like a charm
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
Navbars wasn't covered in the FCF coursework.
it works fine, but I believe there is an easier way
hi
i am working on a small project of mine
I'm stuck on navigation and feel like I'm spinning my wheels, when I can move on
I was wondering if someone can help me
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
did you do the react stuff?
I have two of the React projects done
Thanks, Net!
same here i just finished the leaderboard like 20 mins ago
but man there was a lot of non-freecodecamp prep work involved
it was tough since there were no previous exercises
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
yup same here, probably absorbed about 20% of the stuff I did in those projects
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
I need more practice, one thing I got out of it is to check for packages before starting
packages?
yea to install into your react project
like axios.js
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
oh ok yea i've been doing them in visual studio code and then trying to get them to work on codepen
I see
nice looks good
thanks man
what's popper?
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
Looks nice. Clean design.
It looks like your links don't go to the person's fcc profile
yea i had an issue with that and forgot about it haha
word haha
for some reason it's decoding the curly braces in the browser
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
just fixed it
all I had to do was remove the curly braces
since it's in the tag they aren't necessary
word
I do really like React
Hi campers,how can i get the url that i use in the wikipedia viewer from the API
@MohNabil you can either make an AJAX request or you can use jQuery and run $.getJSON()
@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
@Netrunner21 ok i will look in that,thanks
mohnabil sends brownie points to @netrunner21 :sparkles: :thumbsup: :sparkles:
:cookie: 378 | @netrunner21 |http://www.freecodecamp.com/netrunner21
@MohNabil I used opensearch and that solved a lot of problems for me
Hi, does anyone know what to call the mechanism used in documentation to explain syntax? For example:
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.
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.
@Feldbot Yes, parameters in brackets are optional
@Feldbot I suppose it's convention for documentation
@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 :-)
@Feldbot I think it's common not just for javascript, but for all documentation. Microsoft, php, python...
@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.
guys how many hours do you spend coding in a day?
@Feldbot Well, I can't find those conventions for MDN.
@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.
feldbot sends brownie points to @korzo :sparkles: :thumbsup: :sparkles:
:cookie: 437 | @korzo |http://www.freecodecamp.com/korzo
@Feldbot that's really impressive!
@Feldbot are you studying or is it work related?
@Feldbot I think MDN has always explanation in detailed description. For example optional parameters are marked optional.
Hey all!
I need some help
@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?
feldbot sends brownie points to @gpiliponyte :sparkles: :thumbsup: :sparkles:
:cookie: 339 | @gpiliponyte |http://www.freecodecamp.com/gpiliponyte
@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.
Hey guys, how do I retrieve the favicon of a website?
@korzo It doesn't seem to be standardized.
@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
It's for this project: https://codepen.io/Refath/pen/xLmvoL
@Refath what do u mean retrieve?
I want to retrieve the favicon of a website, and update the image of any circle with that favicon
@OrangeKulture ^
@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
@gpiliponyte Where?
@Refath favicons are .ico for th most part, and not too large in resolution
@gpiliponyte Nice, sounds like you enjoy what you are doing! It's definitely a fun challenge to learn I think.
u need to get the actual logos
Any suggestions, guys? See, the problem is that the image for each circle is a background img in css
@Refath sorry, what's the question? Where what?
@OrangeKulture File size is no problem for me
i dont mean file size
@gpiliponyte nevermind
i mean resolution
Right, but all I want is to retrieve it
So,... any suggestions?
favicons are stored locally .. its not how u wanna approach it. U need to use icons of your own
@OrangeKulture Oh no
@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
@korzo Thanks for the link. I'll keep that in mind too.
feldbot sends brownie points to @korzo :sparkles: :thumbsup: :sparkles:
:warning: feldbot already gave korzo points
@Refath Try this:
and replace the domain at the end with the site your want.
http://www.google.com/s2/favicons?domain=www.google.deand replace the domain at the end with the site your want.
@gpiliponyte im guessing that's not your dog, is it ?
@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.
@Feldbot Here is nice summary I think most projects follow https://stackoverflow.com/a/9727046/1412452