@kikykindagirl We learn how to make those here at Free Code Camp. You just have to have enough content to make it a long page and then it will have scroll bars automatically that let you scroll down the page to see everything

@kikykindagirl you are most welcome, anyhow @TylerMoeller is right that page doesnt need any special code only HTML and you can add jQuery later which will scroll your page by clicking to specific divs or parts

Random jokes anyone? :) http://codepen.io/skycoder/pen/LxOzBjWould appreciate your feedback on ways to make it better - or if you know how to get random jokes that are more than one day old from the reddit API

Hint:Here are mp3s you can usefor each button:https://s3.amazonaws.com/freecodecamp/simonSound1.mp3, https://s3.amazonaws.com/freecodecamp/simonSound2.mp3, https://s3.amazonaws.com/freecodecamp/simonSound3.mp3, https://s3.amazonaws.com/freecodecamp/simonSound4.mp3.

@coymeetsworld a quick advice question. have an in production project working on laravel/mysql. want to try change it to node. postgres or mongo(or any other noSQL db)? my feelings tell me to choose postgres(much easier to port data from mysql) or go for a full refactoring of data layer using a noSQL db? any advice will be highly appreciated. thanks in advance

@coymeetsworld i don't have at all any experience using noSQL dbs eather. i want to move from mySQL from the point of view of transactions and also database/schema option that postgres it has. the app is an erp i designed at the beginning for one company. now i try to make it general for any company. a common db using a companyid field on all tables will go well with mysql. but if one clients need some future changes only for himself i will go in trouble using mysql. also the backup and recovery of data i anticipate to be a nightmare

@coymeetsworld no its a user->companies and companies->user relationship. what i mean is one company has many users but in the same time one user(specific ones) can also also have access to multiple companies. here an example to make u better understand my issue. userX create a profile for one or more companies so he will have access in all the companies he creates its just an admin for all these companies. the regular other users falls into the category for one company or the other but there is another kind of users like auditors(accountants) that need access to data from certain companies his/her audits but ofc this user has lower privileges then userX(the super user) . hope you got what i mean

my information may be outdated, or its just Engineering didn't add a specific feature to postgres that would've resolved my issue. Regardless it was easy enough to work around as the joining logic would go into the scripts. Kind of annoying as it made the scripts longer but it was doable

Would either of you be willing to look at my code? I know the problem I just have no idea how to fix it. As you'll be able to see I've tried. It's with the last set of functions... if you test it you'll see when you get to 2 and up that they go off at the same time. -.-

I am using a container class in it a row then 3 equal size collumn classes. With one class having a long word()Whereas other two just having few words each.. the problem is that the paragraph is coming out of collumn

@sharang108 try to put your js <script></script> code after html code. when loading page the html its not yet defined so the $("#get_quote").on("click",function(){ its not knowing what element you talking about

yellowSound(); (in line 123) , simonPattern();
reStart(); (in line 127-129)
turnOn(); These functions should be declared before its usage see the colour of those functions.so i think this might be your issue

Hi everyone! Hope all your Saturdays are going well. I have a quick question for anyone who has completed the FCC portfolio project. As the webpage makes use of a scrolling nav, if I were to add a blog (probably wordpress) to it would I just add an external link to the blog in the nav li items. Or is it worth me not using the scrolling nav?

@gjergjk71 nope its quite something else of what i've seen before but you have to improve things :) like the color of your title and after make your biography bootstrap grid responsive coz the way u did it its not

@sharang108 i know. just try to understand how to make an api call and how to interpret the response you get from the api . even if you struggle with it first time it will help you know how to deal this kind of things in the future.

@sharang108 an api its just an api. you send requests to it and you get responses from it. if you send the wrong questions you get wrong or no answer. so, just read the api docs. any api have docs with examples on how you can use it

In a div, there was some extra space between the content and the padding (probably some other element creating it) which I couldn’t remove.

Inside the quote div, I inserted a footer element to cite the author, but when I was using footer.quote, no style was being applied but it was being applied when I just used footer. This was giving me results contrary to my understanding of CSS specificity.

If anyone would be kind enough to go through the code (marked in the code in the form of comments) and help me understand why these things were happening, I’ll be very grateful.

url should be the API url, followed by parameters, An example with the english-language wikipedia would be something like this: https://en.wikipedia.org/w/api.php?action=query&titles=Main%20Page&prop=revisions&rvprop=content&format=json. The https://en.wikipedia.org/w/api.php? part stays the same for every request, but the parameters that follow it should be built up as a string for every request individually. Or you could include the parameters with data property. Another important thing is the success function. It is called automatically when the response arrives from the api for that request. Here, data that is automatically passed to the success function is the json response that you can use.

One more thing, if the json response isn't returned, try adding origin=* to the list of parameters.

I am trying to change my text on-click, but it is somehow not working. I double checked and compared it to the exercise "change text with click events" but still can't find the problem, help is very much appreciated!!

@UsamaHameed It expands an expression into another.Means in case of when you use the spread operator in a parameter list as:function(...params) the variable params will hold all the arguments passed to the function as an array.

If you then want to call another function which takes a number of arguments, but not in array format - but you have an array - you can use the spread operator to apply the values in the array each as if you would seperate them with a simple commata.someFuncCall(...params);

@philipp32 Both what you said is right though.You have another problem. The variable output is a jQuery object (value) and not a normal DOM object.You wanna use output.html(jsonData[1][i]); instead since .innerHTML doesn't exist on a jQuery object.

@TylerMoeller hey :smile: , could you please tell which mobile are you using ? and which orientation landscape ? so I can adjust css media queries for your mobile screen size. And could you tell me how can I force mobile browser not to do text-scaling ? my mobile's text-scaling is set to 100% by default which causes it overlap the text in the form. I can set it to 50% (the browser does not allow less than that) which solves the problem of overlapping but I want to do it in css or js so users don't have to set it manually.

@UsamaHameed Yup thats often seen as this. Anyways, i don't use it so often, since its not yet available in all browsers. Maybe with polyfills.At least the object spread operator is nowhere yet. Maybe the function spread is

@ghulamshabir I have several, but haven't run into any text scaling issues with forms on mobile devices. Not sure how to help with text scaling... There is a CSS property called text-size-adjust but it isn't supported on all browsers yet.

One thing I often run into is the browser zooming in on the text field when you tap it - usually setting the field's font size to 16px prevents that from happening.

@TylerMoeller so what page widths should I use ? I am using default width settings for base line css which I use for small screens less than 530px width size. should i add antoher for 800px screen width ? and what about landscape orientation ?

@alpox I hate to continue bothering you but I have a question for you.. I have removed the "margin-left: 10%" to the header so that hamburger menu can appear because when I put the margin in it makes the hamburger menu to disappear off the page.. How can I have both the margin and menu to appear? https://janepohorecka.github.io/Test-Northwest/

@TylerMoeller hi again, I need help for one last thing in this project (I hope :smile: ), search feature is not working in mobiles, I think it's because when I submit the form by tapping search icon in my soft keypad it does not trigger submit event

@chocolatechimpcookie OpenWeatherMap only works over HTTP. navigator.gelocation only works over HTTPS. So, you have to either use a different weather API or a different way to get the lcoation. This issue discusses it in more detail: FreeCodeCamp/FreeCodeCamp#7853They need to update the instructions for that challenge :/

I’am currently working on random quotes app, and i’am having an issue with using the JSON API. When i send a request this is the error i get: 7index.html:1 XMLHttpRequest cannot load http://quotesondesign.com/wp-json/posts. The 'Access-Control-Allow-Origin' header has a value 'http://null' that is not equal to the supplied origin. Origin 'null' is therefore not allowed access.

@bigyankarki The main issue you were hitting though was getting undefined variables. You'll still hit that with your tempF and tempC variables because those are also outside of your getJSON. It's important to understand callback functions and how to handle asynchronous requests in JavaScript to successfully finish this project.

Good afternoon, everyone! I could use some help on my portfolio page. Everything is laid out how I want it to be, the problem is with getting it go mobile. I have the media query set, which works great as long as it is in a desktop browser and I resize the browser window, but on a mobile device it just shows the full page. I currently have a live version at https://www.arcoding.com. Could anyone point me in a direction that may solve my mobile problem?

I may use a position fixed canvas, window.innerWidth and innerHeight as dimension, create a new image and attach a load eventListener to it, when it loads, draw it on the canvas, faster than setting body background image from a url

There is an error message when I delete the word "return". But I don't want to anything to be returned for now, but I want the compare function sort from greatest to smallest number. How can I do that?