Hello, I'm a newbie and just finished the first challenge for Front-end development. I think I met the objectives but I feel like it's super unorganized. Can someone give it a look and maybe some organization tips? Thanks. https://codepen.io/arrowstation/pen/GqyzOm

the viewer looks good but the top result might need to be pushed down after a search. It is right at the top of the page and cuts off the top. I was viewing it on a mobile device. Not sure if you coded it for all type of devices.

Hi all. Can someone help me with this? I want the function to show "Harry Potter" but it's showing "movie" instead. How can I change it to the value instead of the key? Thank you

var testq1={
movie:"Harry Potter",
author:"J.K. Rowling",
quote:"Happiness can be found, even in the darkest of times, if one only remembers to turn on the light."
};
functionshowMe(){
document.getElementById("quote-here").innerHTML= Object.keys(testq1)[0];
}

Working on the calculator challenge. Does this count as fulfilling user story #6: User Story: I can keep chaining mathematical operations together until I hit the equal button, and the calculator will tell me the correct output.? http://codepen.io/dhuddleston/pen/bZaPwO?editors=0010

whoops, im not sure what it would be called if i wanted a place holder for an array of variables. oh okay, so I shouldn't make a variable to hold movieArray[Math.floor(Math.random() * movieArray.length)]?

Hey all! I was wondering if I could get some input. Having reached the first project (to build a tribute page) I set out to replicate as best I could the example page provided. I got pretty dang close visually, but when I looked at the source for the example page, it wasn't close at all! A lot of what its author did wasn't covered in the course. Does this mean I didn't do my due diligence? What should be my next step? would it be better to move along to the next course or to redo the one I'd just completed?

@Lumexralph - I'm not sure if you are experiencing this problem, but geolocation on the newer versions of the Chrome browser requires https:// transport to work. (On Firefox and Safari, I think, it still works on http://) If you are using the free OpenWeather API, it requires http:// so that is a problem if you are using Chrome (and you cannot predict what the user is using, so you need to make it work somehow.) People have been switching to the IP-based http://ip-api.com/json to get the location based on the IP address. You could probably incorporate geolocation as a primary source for your location, and fall back to ip-api if geolocation does not work? Or just use the ip-api, even though it is probably less accurate.

@Vercaelus - well, mostly you have to know a little bit about the AJAX transaction mechanism. It is, essentially, making a request from a website (specified by a URL) and "waiting" for the response to come back, where the callback function that you create and pass to your ajax call handles the return data.

If you look at the example on the bottom of http://ip-api.com/docs/api:json that page is shows an example with jQuery's $.getJSON function that shows the basic setup. I was having trouble getting their JSBIN post to run, so I just quickly threw together a codepen project to use the ip-api site: http://codepen.io/khaduch/pen/qNpzGx. If you look at the network traffic in the browser devtools, you can see what all goes on. I hope that helps.

I have to sign off for now, but if you ask questions I'll check in tomorrow morning.

@sorinr honestly, I think nothing at this point. It did maybe earlier in the day. I started coding the website yesterday and have change its layout maybe about 100 times and I keep forgetting to clean up my CSS

I have also deleted everything and started from scratch a few times lol

I'm starting the random quote project and the code found here won't show the quote in the output section of codepen. Could anyone point out the problem? I know for a fact that the API is giving me data since I tested that earlier.

Oh okay! When I want to achieve this, I put all the elements I want inside a containing element. I then set the containing element to have a margin-top: 25vh. (that figure, 25, is dependent on the height of the elements I want inside my containing element. If you have a lot of elements, for example, that's combined height is equivalent to 95vh, having a top of 25vh will push them off the bottom of the screen). I don't know if there's a more robust way of doing it, but it's what I do.

can someone help me with constructor call inside a getJSON, the instance returns as undefined while data1 and data2 were logged correctly in the console:http://codepen.io/Wo1v3r/pen/BzJbgX?editors=1011 here if youll see on the console, both data1 and data2 log -first- defined and streamer instance logs as undefinedafter clicking any of the three buttons atm

I made that constructor because I want in one object to have some fields of the first response and to check if online using a field from the second response

corrected it to Streamer(data2,data1) but still doesnt work :9

thing is if I change the constructor and its call to only the first response paramater (without using data2) and call it in the first callback, it works, something about the nested getJSON is wrong but I cant figure what

@shivam13 when you call loadweather(position.coords.latitude + ',' + position.coords.lognitude); you are passing one argument but here: function loadweather(location, woeid) {} its expecting two parameters. and what is this:$.simpleWeather({})` ?

hi guys I made this on my computer and then wanted to put it on codepen. I uploaded the images to imgur and those seem to work ok(although slow). However the css box won't go transparent, same with the buttons. It works fine on my computer and browser but not on codepen, any ideas? http://codepen.io/willcodes/pen/WxdaYg

hi guys I made this on my computer and then wanted to put it on codepen. I uploaded the images to imgur and those seem to work ok(although slow). However the css box won't go transparent, same with the buttons. It works fine on my computer and browser but not on codepen, any ideas? http://codepen.io/willcodes/pen/WxdaYg pleease

Hello I want to disable an element right after fadeout animation, but it disables it neraly imediatelly is there a way to make the class wait untill the animation ends and then disable it? My code : .hid{
animation: fadeOut 1s;
display: none;
}

If I have this code. And it appears at the top right corner. And If I want it positioned 400px lower. Then what would be the better apporach. 1): Give margin to the div with class="row" 2) Give margin to the div with class="col-md-5 message". Because both ways I get the same results. Which one would be better.

Hey guys, I'm doing my personal portfolio quest and I try to upload an image, but it just won't show. I even tried to do a completely empty Codepen to see if there was something that was blocking the image, but it just won't display.

@CrumrineCoder i just made a console.log(json) on your call. the json.city and json.country are ok but if i go to google maps and seach for lat and long it will give me a position of at least 12 km from where i am

Hey everyone. I'm building my Personal Portfolio Webpage and I'm wondering how to go about using images that are stored on my computer. If I'm to put up screenshots of my own work, the web page will only work when my PC is online. Is there some where I can upload the screenshots to be permanently online?

@shivam13 if you console.log(location) after calling $.getJSON(GEOCODING).done(function(location) you will see a lot of options but some of them are changing with every call. after trial and error i just decided to use : var address = location.results[2].formatted_address;

Hi everyone! I'm doing the portfolio challenge and I included a navbar. I made the navbar so its responsive and it collapses and it's shown through a button in mobile devices, but I don't know why but the collapsed navbar button only works on desktop and not on mobile devices. Can you please help me?

I am having trouble doing a get request I would like to get information like this link explains: http://ip-api.com/docs/api:json but i am unsure of what is going on between the script tags. Can anyone help me

@KoniKodes - I didn't see any responses to your message, and I don't really have a good response other than to say thanks for posting that. Perhaps it should be raised as an issue in the Github issues list? It seems like a good topic for discussion? So many things keep changing on the web / browsers / websites that it is all a moving target to try and learn and develop applications.

@willcodes - I made a really basic Codepen page illustrating how to use the http://ip-api.com/json site to get location data based on the IP address. It has no commentary, but it shows a $.getJSON call and how to read the latitude and longitude data. See this link. I won't say that it's self-explanatory, but almost? You can take a look and see - there isn't much there to try and figure out. It is just the latitude and longitude part of the task.

@khaduch if i get the lat and long returned by the api and put them on a google maps it will show my location with at least 12-15km (9-10miles) away. and if you want to grab the city at least from it sometimes its ""

I'm working on the Local Weather app, and am running into an issue. On CodePen I am trying to use the console to show me what is being pulled back as my lat and lon. I have noticed that console.log is not working inside my $.getJSON function. Is this normal?

@sorinr - well, there is certainly an accuracy issue with the IP-based location. But (and I haven't looked at your post yet) I don't know if the goal of this exercise is to be absolutely spot-on with the location. Certainly the parameters of the exercise have changed to some extent, and I would say that the goal of this is to get something that uses a service to get location (you could base it on zipcode or postal code in the US, at least, or inquire for a town - have the user put in a more accurate location point and use that to access a weather site.) And the use the location to get the weather from a weather API site.

So I just used your site, and for my location that I'm currently in, it is off the mark by approximately 40 miles. But I would say that given the available options, it's fine. (Of course, I don't speak for freecodecamp - just my opinion.) The objective should be to learn the way to develop these sites. If you get to a point where it is your job to develop a real site, I would hope that your employer or person contracting our services to fund the proper resources to access an accurate site, using the most secure technology available. Just my opinion!

@adedic - I would say that since Bootstrap is a CSS package, you could just use a standard CSS method to add margin or padding. You can just add an additional .row { margin-top: 10px; margin-bottom: 10px; } or values of your choice, and it should be applied to any div with the .row class. (Look up methods to customize Bootstrap classes, it should tell you what you need to do if my initial, simple example doesn't work.)

I have a question about tweeting a quote, the code for my button is the following, any help will be greatly appreciated. $("#tweet").on("click", function() { $(this).attr("href", 'https://twitter.com/intent/tweet?' + randomQuote); });

I do but the code there does not have the tweet button yet, what I'm going to do is expand on the function to get the text from the input box where I'm displaying the quote. Is there a better option than codepen or cloud9?

@Rainz00 can you elaborate and state your general background please? I just wrapped up front end and was considering starting the data vis, but if React is outdated, I might head elsewhere for further learning.

well react apparently was the most popular framework last year with Angular behind it..with angular 2 out that could change but who knows how they judge those things. Everytime i new tech comes out it gets popular quickly

Well @Radascript , I personally believe that Angular 2 is going to be used almost universally when it comes out. Angular 1 is already ahead of react and angular 2 fixes all of it's problems plus it's backed by google

Also people were expecting nodejs to explode in popularity but it didn't happen. PHP is king and always will be

Had two questions about wiki project 1) the random page api doesn't return a snippet like the normal search api (or least i didn't see a way to) did anyone get around this? 2) my button shrinks w/e i search. driving me crazy and couldn't figure out how to fix. http://codepen.io/okeydoke/pen/RRQWkr

yes data part you should learn.. honestly from a web dev point of view it doesnt matter if you learn angular or react.. even though the syntax and how they work are different the important part is learning to use a framework. At tech companies you will be using various tech's anyway

@coder7215 You can override the a-tag CSS within the stylesheet so that it doesn’t respond to hover. And then define what you want within the button styles. Or the other way around. Exploit the a-tag hover styles by writing CSS for what you want, which will override the current behavior. And then drop the button hover stylings