hey all
anyone good with java here?
@aguantincho aprende el sistema de cuadrícula: http://www.oneskyapp.com/es/docs/bootstrap/css#grid-example-basic
I need someone to test my weather app
@Cduffy098 If you can send your code that isn't working, we can take a look to help you fix it.
@rico042002 send us a link :)
@TylerMoeller http://codepen.io/rico042002/full/KamaxJ/
It's working for me. City, conditions, and temperature are accurate. Celsius/Fahrenheit conversion works too. Background images aren't working though because you're using imgur and they block requests from codepen.
I have been wondering why my images do not work! What is a better image hosting site?
Lots of people here use https://postimage.org
Also, I'm sure you also know this, but your app won't work over HTTPS (https://s.codepen.io/rico042002/pen/KamaxJ) unless you use a different location + weather API
Hi! I am doing the personal portfolio webpage. The instruction said Bootstrap can handle all the effects shown in the demo. But I did search the Bootstrap but can't see any that can provide the animation and transition effects. Do I miss something there?
@xemexpress You're right, bootstrap can't do hover effects and the smooth scroll effect you get when clicking on links in the navbar. That will require some custom CSS and JavaScript. You can always implement those effects later after you go through the rest of the challenges.
@TylerMoeller My https is turned off I do not know why it would auto encrypt
@rico042002 Just letting you know in case someone visits your web app over HTTPS. If you want to deploy it to github, it will be HTTPS by default.
So how can I fix it? By hosting it from github?
@TylerMoeller awesome. Simple scroll effect (I mean the transition to other sections when clicking the navbar) is still achievable in this stage? If so, how to make that??
@rico042002 You'll have to use a different location and weather API. The ones you have chosen only support HTTP.
@xemexpress It will require JavaScript - you might want to go through more JavaScript challenges before researching how to implement it in your portfolio (unless you're already comfortable with writing JavaScript)
@TylerMoeller Thanks!!
:star2: 1368 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
xemexpress sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
Since the Java help channel is pretty much dead would someone be willing to help me out?
If someone could confirm or deny my understanding of this I would be incredibly grateful.
function largestOfFour(mainArray) {
return mainArray.map(function (subArray){
return subArray.reduce(function (previousLargestNumber, currentLargestNumber) {
return (currentLargestNumber > previousLargestNumber) ? currentLargestNumber : previousLargestNumber;
}, 0);
});
}
largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]]);There are a couple methods in there I partially understand and wish to confirm. So the Map method takes the targeted Array or Subs and combines them into one main Array, and allows it to then be targeted with a function and named within that function as sub-array. Reduce says that all of the following function will be aimed at taking multiple numbers, and taking them down to one, then the function is a new way of writing an if/else statement?
@CoryCMyers .map() loops through the array, which returns each subarray. .reduce() then evaluates each element in the subarrays returned. Maybe an easier way to see what's going on is to add some console logging:
function largestOfFour(mainArray) {
return mainArray.map(function (subArray) {
console.log('map method returned: ', subArray);
return subArray.reduce(function (previousLargestNumber, currentLargestNumber) {
console.log('reduce method returned: ', previousLargestNumber, currentLargestNumber);
return (currentLargestNumber > previousLargestNumber) ? currentLargestNumber : previousLargestNumber;
}, 0);
});
}
largestOfFour([[4, 5, 1, 3], [13, 27, 18, 26], [32, 35, 37, 39], [1000, 1001, 857, 1]]);
Thank you @TylerMoeller Do you know of any good sites to spend time studying to learn more about Methods and Regular expressions? I find lists here and there but they do not seem to have much information on them.
corycmyers sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1369 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
@TylerMoeller @CoryCMyers - I came up with a really good one-liner for this one today - well, someone was using ES6 arrow functions and after a couple tries, a really nice function that basically does it in one line.
@CoryCMyers Personally, I just went through every method on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference
The example you gave uses Higher Order Functions, or FOLD: https://en.wikipedia.org/wiki/Fold_(higher-order_function)
The example you gave uses Higher Order Functions, or FOLD: https://en.wikipedia.org/wiki/Fold_(higher-order_function)
@khaduch I've seen a short one, like the last one mentioned here: https://forum.freecodecamp.com/t/freecodecamp-algorithm-challenge-guide-return-largest-numbers-in-arrays/16042
What's the ES6 one you came up with look like?
What's the ES6 one you came up with look like?
@TylerMoeller - this is the basic part of it:
var boo = myArray.map( subA => Math.max(...subA) ) - you'd have to put that in a function.
Very nice, @khaduch :)
@TylerMoeller - I'm just learning ES6 in conjunction with more functional programming. Neat stuff that takes a while to get your head wrapped around, and there is a lot to learn...
@khaduch Can yo ushare the code for the one liner please?
@khaduch I need to do more focused learning on ES6, just have been picking it up here and there. Got the Algorithm Design Manual last week and it's been some heavy reading lol :) https://www.amazon.com/Algorithm-Design-Manual-Steven-Skiena/dp/1848000693/ref=sr_1_1?s=books&ie=UTF8&qid=1485132888&sr=1-1&keywords=the+algorithm+design+manual
Is the best way to work through and learn just keep the method list on hand and go back to re-read through them for each new problem?
I have been using https://medium.freecodecamp.com/three-ways-to-return-largest-numbers-in-arrays-in-javascript-5d977baa80a1#.dwowf5n9u these pretty heavily. I will sit down and work out an idea I have of how to solve it, then compare to the ideas and methods given there.
And try to re-read the explanations on how things work there to get my head around it, with http://pythontutor.com/live.html#mode=edit for help with visualization. I am a primarily auditory learner though, so talking through it seems to help the most even with typing it out in a conversation.
@TylerMoeller When you say you read through the list there, do you mean every entry adn sub entry?
@CoryCMyers - it's up there :point_up: January 22, 2017 7:47 PM
Yeah I have it open, just not finding a section jsut on methods.
hi every1 im working on my portfolio
im trying to get my nav bar to stick to the top after I scroll a certain point
@CoryCMyers Yeah, I looked at it like a manual. I'm also kind of auditory though, so I went to meetups regularly to talk about questions with people in person.
I know my css works because ive added it onto the ul
prettttty shiny prism http://codepen.io/jacobBogers/pen/NdjNEg
my first webgl ))
@swong194 I can help you figure this out unless you just want the code :) First hint: add jQuery to your project
Second hint: Make sure you use a
# in front of IDs in jQuery
Third hint: You are only checking the scroll height when the document is loaded, you'll need to check every time the user scrolls with
$(window).scroll(function() {});
@TylerMoeller THANK YOU SO MUCH!
swong194 sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1370 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
@swong194 Looks great!
i just have a question....$(document).scrollTop() tells me how much of my document I have scrolled right?
just making sure
@TylerMoeller
@swong194 Yes, though I'd have to do some research to know whether or not it's better to use $(window) vs $(document). Maybe someone else here knows more about that than me
i saw something about window being at a higher level than document
From a console.log, they show the same result as far as this scenario is concerned
Yes, window is higher level than document, just not sure what the best practice is
alright thank you! I just gotta fix some stuff cause the bar fixes but it blocks a few pixels
thanks!
Hi all! I am working on building a portfolio page and I am learning about background images. So far the best idea I have for locating images to use is by googling them. I'm also not sure how to handle potential copyright issues when using googled images? Does CSS or Bootstrap have available images to choose from? Kind of like font awesome has all those Icons you can use. If so is there a place you can browse through all the images in those libraries?
@cfunkles This list has a ton of free images, sorted by license: https://github.com/neutraltone/awesome-stock-resources#photography
Wikipedia is another good resource - all of their images give you licensing requirements.
Public libraries can be another great resource, such as: http://nypl.org/publicdomain
Wikipedia is another good resource - all of their images give you licensing requirements.
Public libraries can be another great resource, such as: http://nypl.org/publicdomain
Hey can someone help me figure out what's wrong with my ajax request for the wikipedia viewer? the API documentation doesn't seem very straightforward
$.ajax( {
url: query,
data: "?action=query&list=search&srsearch=" + encodeURI(input) +"&origin=*&utf8=",
dataType: 'json',
type: 'GET',
headers: { 'Api-User-Agent': 'Example/1.0' },
success: function(data) {
$("#test").html(data);
}
});Regarding the bottom part of this portfolio: https://codepen.io/freeCodeCamp/full/YqLyXB
How the grey bar is made?
I tried width:100%, but it doesn't occupy the full width of the screen..
@xemexpress could you post a link to your pen?
hey guys, I need help getting my modals to work for the menu items on this site: https://amitp88.github.io/Khmer-Family-Cafe/
here's the fiddle I used http://jsfiddle.net/5b01x6g2/1/
sorry, i can't use codepen because due to the amount of code for the site, it would be too much of a pain to get it to work in a codepen
here's the repo: https://github.com/AmitP88/Khmer-Family-Cafe/tree/gh-pages
here's the fiddle I used http://jsfiddle.net/5b01x6g2/1/
sorry, i can't use codepen because due to the amount of code for the site, it would be too much of a pain to get it to work in a codepen
here's the repo: https://github.com/AmitP88/Khmer-Family-Cafe/tree/gh-pages
@Rallph Your API call is very close - for JSON, you need to add
&format=json to your url. Also, the data: property of your ajax call should not start with a ?
data: "action=query&list=search&format=json&srsearch=" + encodeURI(input) +"&origin=*&utf8=",`
@Rallph sorry, couldn't connect to codepen
maybe i ask this question later, thanks
how toget the Smallest Common Multiple
@AmitP88 At first glance, it seems you're targeting the same ID for every modal:
data-toggle="modal" data-target="#myModal" - but all your modals have different IDs to use as targets
everyone
@TylerMoeller yeah, I was thinking the same thing, but when I looked at the fiddle, it looked like they did the same thing
@MacGuffin1990 Maybe try starting here for some hints on that challenge: https://forum.freecodecamp.com/t/freecodecamp-algorithm-challenge-guide-smallest-common-multiple/16075
I tried to follow the fiddle as closely as I could
@AmitP88 There's only one modal in that JSFiddle
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<img class="showimage img-responsive" src="" />
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
@TylerMoeller I thought there was two because of the two images opening up their own modal
If you had more than one, they would both need different IDs and then to access the different modals, you would have to specify their unique IDs as the data-target
ah ok
@AmitP88 here's an example with that fiddle: http://jsfiddle.net/5b01x6g2/107/
@TylerMoeller ah I see. man, I was hoping I could use this modal method instead because it would cut down on the amount of code I would need. I had the modals working before but my html was 600 lines of code compared to now its 400
@AmitP88 Unfortunately, you do end up with a lot of repeated code. If you look at my portfolio code, I use a json file to generate all the modal code dynamically - that might be a more maintainable option. https://github.com/TylerMoeller/tylermoeller.github.io/blob/master/repos.json
Portfolio is at: https://tylermoeller.github.io
Portfolio is at: https://tylermoeller.github.io
That's one option, anyway...lots of other approaches I imagine
@TylerMoeller thanks, but it still doesn't seem to be working
rallph sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1371 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
@TylerMoeller ah I see. hmmm, so JSON is used mostly to avoid repeating code?
@Rallph stringify() the data so it can show up in your HTML:
$("#test").html(JSON.stringify(data));
@AmitP88 That's one reason to use it. In this case, it's a data source for generating code.
@TylerMoeller ah gotca, it worked. Thanks bro
rallph sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:warning: rallph already gave tylermoeller points
Looking back at how I consume that JSON file, I need to completely rewrite it lol - it has been several months and I've learned a lot since then. Same concept applies though, use the data as a template for generating code. Then you only need to change the template rather than doing a find/replace throughout your HTML.
@TylerMoeller ah I see. that reminds me of my online resume project I did on Udacity. we used JSON to put our datas in arrays and variables and had JS construct lines of html with the appropriate data
I might try to implement that idea with the modals
@AmitP88 Same idea as: https://jsonresume.org/ :)
@TylerMoeller I see. thanks! :D
amitp88 sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1372 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
i'll revisit my resume project to refresh my memory of how i did it lol
@TylerMoeller Thanks Tyler! appreciate your help!
cfunkles sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1373 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
what resources do people recommend before building the random quote machine?
body{
background-image:url('http://bigbackground.com/wp-content/uploads/2013/05/space-stars-backgrounds.jpg');
background-image:
url('http://fc03.deviantart.net/fs14/i/2006/353/f/0/Houston_Night_Skyline_by_UED77.jpg');
background-repeat:no-repeat;
background-size:%
}
background-image:url('http://bigbackground.com/wp-content/uploads/2013/05/space-stars-backgrounds.jpg');
background-image:
url('http://fc03.deviantart.net/fs14/i/2006/353/f/0/Houston_Night_Skyline_by_UED77.jpg');
background-repeat:no-repeat;
background-size:%
}
trying to put multiple backgrounds for my portfolio page but only one will work at a time
does anyone know how to get the wikipedia API to return the urls of the pages?
@Rallph - it should be there in the data that it returns?
@Rallph - maybe I'm wrong about that - just looking at some data that I saved away, and I don't see it... let me doublecheck that...
@Rallph - they give you a
pageid value - maybe you can derive the URL from that - tack that on to some value? Check the API docs...
background-image:
url('http://bigbackground.com/wp-content/uploads/2013/05/space-stars-backgrounds.jpg'),url('http://fc03.deviantart.net/fs14/i/2006/353/f/0/Houston_Night_Skyline_by_UED77.jpg');
background-repeat:no-repeat, repeat;
background-size:100%
url('http://bigbackground.com/wp-content/uploads/2013/05/space-stars-backgrounds.jpg'),url('http://fc03.deviantart.net/fs14/i/2006/353/f/0/Houston_Night_Skyline_by_UED77.jpg');
background-repeat:no-repeat, repeat;
background-size:100%
nvm got it
Well when I make a request with the search term "Philosophy" with this url
https://en.wikipedia.org/w/api.php?action=query&list=search&format=json&srsearch=%22Philosophy%22&origin=*&utf8=this is an example of one of the results
{
"ns": 0,
"title": "Interpretation (philosophy)",
"size": 3759,
"wordcount": 420,
"snippet": "only insofar as these scientific models are true. Philosophical theory http://classof1.com/homework_answers/<span class=\"searchmatch\">philosophy</span>/aesthetics_interpretation/",
"timestamp": "2016-11-15T23:11:41Z"
}
@Rallph - have you gone through this documentation? https://www.mediawiki.org/wiki/API:Tutorial
@Rallph you can use the ID and tag it onto a href using
http://en.wikipedia.org/?curid= [id here]
@Rallph - this query
https://en.wikipedia.org/wiki/Special:ApiSandbox#action=query&format=json&prop=images&titles=San_Francisco&imlimit=20 does return the ID values, and it looks like @mrslwiseman shows how to use the ID to get the article.
or using action = opensearch returns very simple results including a url
@mrslwiseman opensearch isn't showing as an option in the API sandbox, @khaduch I'll try modifying my url to be like that one
well I have to go, and unfortunately I haven't been able to solve the problem. I'll probably just make a loop to replace all spaces in the title to underscores, and then append that to wikipedia.org/ and use that as my URL :P Anyway, thanks @mrslwiseman and @khaduch for the help
:cookie: 215 | @mrslwiseman |http://www.freecodecamp.com/mrslwiseman
rallph sends brownie points to @mrslwiseman and @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 2340 | @khaduch |http://www.freecodecamp.com/khaduch
On the portfolio project I'm working on getting my portfolio to scroll. Would using the principals taught in jQuery be best for coding a scroll feature? I coded a navigation bar with the section titles, and have set up div elements to contain my sections. Am I on the right track?
function dropElements(arr, func) {
// Drop them elements.
for(var i=0;i<arr.length;i++){
if(func(arr[0])){
}else{
arr.shift();
} }
return arr;//[3,4]
}
dropElements([1, 2, 3, 4], function(n) {return n > 5;}) ;
hello everybody,what's wrong with my function
why the result is[3,4]
@cfunkles - I think that going with jQuery is the best thing, because there wasn't a lot of time devoted to learning the native javascript functions to do this - jQuery should make it easier, although it can be difficult getting accustomed to how things work in jQuery - just keep the jquery documentation open!
@MacGuffin1990 - I don't think that the result should be
[3, 4] for this, not with that filtering function and that input array. Is this code even running? I might think that using the length of the arr variable while also modifying the arr variable with arr.shift() could be a bad thing to do?
@MacGuffin1990 - it must dynamically calculate the length of the array, and I think that once you shift out your first two values, then it thinks that the array length is 2, and
i is probably then holding a value of 2 so it stops.
@khaduch thakns u advice
i change the function make x= arr.length
Hello, on the Wiki Viewer project, to implement the search functionality, do I have to use JavaScript to add the typed word in the textbox to the url in the form
actionattribute?
@fortMaximus Yes, you'll need to use JavaScript to get the value of the textbox and add that to the URL you're using for your API call.
Thank you @TylerMoeller
fortmaximus sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1374 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
token error
how can i fix it ?
how do I fix these buttons
how can i go ahead of step 118 in free code camp
@RadiationJunky change in html to this <div id="navigation" class="well"> and add in css
#navigation {display: flex;}
@shenoyabhijith load your pen over https not http and should work
nope there was a problem with jquery
i fixed it
@shenoyabhijith it was the origin=* in your url not jquery itself
not working @sorinr need some help
@shenoyabhijith load the pen over https and not http and remove &origin=* from url
@shenoyabhijith now if you look into the console you will see the api its returning an a response. to test that response u can use:
for(var i=1;i<object.length;i++){
console.log(object[i]);
}
i dont see anything in the console
i used the .html method
@shenoyabhijith var i=1
working
i need to make it appear in the content
i used .html method doesn't seem to work
P\'
'
@shenoyabhijith you need another counter to nest inside the first for loop like for (var j=0; j<object[i].lenght;j++)
Please help, why doesn't the offset work on here? http://codepen.io/vasilebotnaru/pen/QdvPMX
@shenoyabhijith in order to loop through the array you get into the object[i]
@VasileBotnaru hi. also add bootstrap to your css in pen settings
i have done that!
yeah, thank you.
@VasileBotnaru l-ai pus? si in css, nu doar in javascript. :)
da thx, nu mi-am dat seama ca l-am pus doar in javascript.
cu pla...
im getting results now
how do i make small blocks of search results
its getting displayed all together
Hey guys, please give a comment to this tribute page that I made. http://codepen.io/winroy/full/KamEme/
@winroy :+1:
@winroy it's good
@shenoyabhijith here an example on how you can do it
@sorinr great helped alot
i need to get those into blocks and add some animation to it
@shenoyabhijith yep. i just made some changes in js. no styling at all
yep ill try some on my own
thanks @sorinr you helped me alot
shenoyabhijith sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:star2: 1128 | @sorinr |http://www.freecodecamp.com/sorinr
wow. thank you guys. I thought I made an awful design haha
@winroy hey, u can check mine also http://codepen.io/Chaitanya009/pen/LxbRGg
@winroy good work
@Chaitanya009 you're tribute page is more cooler than mine. Great Job!
@winroy thnx
chaitanya009 sends brownie points to @winroy :sparkles: :thumbsup: :sparkles:
:cookie: 120 | @winroy |http://www.freecodecamp.com/winroy
Hello
Can anyone please help me check why my personal portfolio webpage won't load the background image?
@bwongcodes your image hosting site?
@heyDante i have tried lots of different image hosting sites, none of them seem to be working
did you try with background-image: ?
@kirbyedy yeah, i have it also doesn't work
@bwongcodes then something's wrong with your code.
@heyDante i can't seem to find the problem
@bwongcodes upload ur image on open source website then u will get a direct link
@bwongcodes https://postimage.org/
@bwongcodes add this height: 100vh; to your .page1
@kirbyedy hey, i've just tried adding it - doesn't seem to be working
@bwongcodes I added <body> tag to your html and now its working
check the image
@kirbyedy okay
@kirbyedy whereabouts did you add it?
but wrap your html in the body tag
after header and until the end
brb
just fixed it
doesnt seem to be showing...
:(
@bwongcodes remove semicolon from your css nav-pills
at the end.
Does anyone know why when I edit things in CSS using bootstraps nothing works? For example, I'm trying to edit the background pic for the jumbotron but it doesn't work. Most of the things I try to alter with bootstrap framework using css also doesn't work.
@Mee0wth Do you have an example?
@Mee0wth did you tried giving it a specific class?
<div class="jumbotron">
<div class="container text-center">
<div class="container text-center">
and in css file I wrote
.jumbotron {
background-color: #000;
}
background-color: #000;
}
@Mee0wth I guess it may be due to the specificity of the css rule. https://designshack.net/articles/css/what-the-heck-is-css-specificity/
@heyDante oh my god thank you!
bwongcodes sends brownie points to @heydante :sparkles: :thumbsup: :sparkles:
:cookie: 292 | @heydante |http://www.freecodecamp.com/heydante
@Mee0wth but it worked for me
@heyDante then I guess I don't really understand what's going on... I'll check one more time.
@oppiniated Thanks for the link!!! I'll check this out, seems super helpful
mee0wth sends brownie points to @oppiniated :sparkles: :thumbsup: :sparkles:
:cookie: 518 | @oppiniated |http://www.freecodecamp.com/oppiniated
@heyDante thanks!
mee0wth sends brownie points to @heydante :sparkles: :thumbsup: :sparkles:
:cookie: 295 | @heydante |http://www.freecodecamp.com/heydante
@bwongcodes there is unnecessery semicolon in your css, remove semicolon ; after .nav-pills {
font-family: Overpass;
font-size: 1.5em;
background-color:black;
} and than its works
font-family: Overpass;
font-size: 1.5em;
background-color:black;
} and than its works
Hello World
welcome to FreeCodeCamp @AzLuv!
i need help with bootstrap modal?
anyone?
!--Modaal-->
<button type="button"class="btn btn-success btn-lg" data-toggle="modal" data-target="#mymodal">Rules</button>
<div id="mymodal" class="modal fade" role="dialog">
<div class = "modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Rules</h4>
</div>
<div class="modal-body">
<ol class="text-center">
<li> You can play either strict or simple by pressing (start button)</li>
<li> After loosing refresh the page to play again.</li>
<li> Just select the current highlighted button when playing in start mode.</li>
<li> Enjoy. </li>
</ol>
</div>
<div class="modal-footer">
<button class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!---->
@MohammadHasham have you loaded also bootstrap js after jquery lib?
@MohammadHasham the code above its working
@sorinr yeah i was wrong ther
@MohammadHasham ok
So after that one year struggle finally i have completed the front end certification program by FCC.Although i am weak in JS but i will try to make myself better through books.
Special Thanks to:
@sorinr @sjames1958gm @Mr-Kumar-Abhishek @devopsec @danydin
My last project is almost a bit terrible but i would come back to make it more better and reduce the code.
Thank you FCC.
@camperbot Thanks.
mohammadhasham sends brownie points to @sorinr and @sjames1958gm and @mr-kumar-abhishek and @devopsec and @danydin and @camperbot :sparkles: :thumbsup: :sparkles:
:cookie: 486 | @mr-kumar-abhishek |http://www.freecodecamp.com/mr-kumar-abhishek
:cookie: 334 | @danydin |http://www.freecodecamp.com/danydin
:star2: 2924 | @camperbot |http://www.freecodecamp.com/camperbot
:star2: 1129 | @sorinr |http://www.freecodecamp.com/sorinr
:cookie: 310 | @devopsec |http://www.freecodecamp.com/devopsec
:star2: 5486 | @sjames1958gm |http://www.freecodecamp.com/sjames1958gm
i may disturb people here by asking my dumb and silly questions :smile:
@sorinr
@sorinr
where can i see my certificate?
i don't know why there is someone else's name appearing on there
click the buttons at the bottom @MohammadHasham
yeah i did that! i don't know which portfolio i have to visit
huh?
@jdtdesigns
Does anybody know some good CSS tutorials? I'm trying to build a JS Calculator and I feel FCCs tutorial's are a bit inadequate.
@playingwithinfinity try youtube
@MohammadHasham Click on your avatar at the top right
@playingwithinfinity https://www.sololearn.com/Course/CSS/
@playingwithinfinity FCC doesn't teach you much of anything
it just challenges you
@jdtdesigns especially for JS
@playingwithinfinity
there are all the challenges and projects i did @jdtdesigns
@MohammadHasham Are you signed into github?
9+78%F/&RTC VG()=ZUIHPJOBLKNÖM:;?´P;Ö:Ü-/
,654321,0
http://codepen.io/sbxn14/pen/apmJJQ i finally made it so my javascript doesnt give any errors on my end. how do I proceed to make it actually work now? I'm totally stuck and pretty lost on what to do..
Hey guys - any idea how i can make my text not have the opacity CSS values like my box does? http://codepen.io/bwongcodes/pen/egROdR
@sbxn14 start by adding ng-app to ur html
oo right
then check devtools/console :)
geolocation in chrome is only supported using httpS (secure) protocol
I get this error now
VM774 angular.min.js:6 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.5.8/$injector/modulerr?p0=weatherWidget&p1=Er…udflare.com%2Fajax%2Flibs%2Fangular.js%2F1.5.8%2Fangular.min.js%3A21%3A179)
at VM774 angular.min.js:6
at VM774 angular.min.js:40
at q (VM774 angular.min.js:7)
at g (VM774 angular.min.js:39)
at cb (VM774 angular.min.js:43)
at c (VM774 angular.min.js:20)
at Bc (VM774 angular.min.js:21)
at fe (VM774 angular.min.js:20)
at VM774 angular.min.js:317
at HTMLDocument.b (VM774 angular.min.js:189)
at VM774 angular.min.js:6
at VM774 angular.min.js:40
at q (VM774 angular.min.js:7)
at g (VM774 angular.min.js:39)
at cb (VM774 angular.min.js:43)
at c (VM774 angular.min.js:20)
at Bc (VM774 angular.min.js:21)
at fe (VM774 angular.min.js:20)
at VM774 angular.min.js:317
at HTMLDocument.b (VM774 angular.min.js:189)
how do . I fix that as this tells me nothing tbh
thats weird.. i didnt got that on my pc
save ur pen.. so i can reload
done
ok i see it now...
whats the name of ur app module ?
the WHOLE string inside the quotes
weatherWidget I think
var app = angular.module('app.weatherWidget', ['dark-sky'])
this right
this right
nope
app.weatherWidget
oo
whoops
@sbxn14 Change all your html to:
<div ng-app="app.weatherWidget" ng-controller="WeatherCtrl">
<div id="weather">
</div>
</div>
Codepen doesn't like it when you put html and body tags in the html part since it creates them itself
So when using angular you have to put ng-app on a div
oh didnt know
thanks
@sbxn14 np :-)
What you get then is:
What you get then is:
VM61 angular.min.js:101 GET https://api.darksky.net/forecast/6917180f67b1c2ccf5b5c10e9423388b/,?units=a…=alerts,daily,flags,hourly,minutelyundefined&callback=angular.callbacks._0 404 (Not Found) though
Seems that the api url doesn't exist
oh I get this 2VM778 pen.js:14getCurrentPosition() and watchPosition() no longer work on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gl/rStTGz for more details.
@sbxn14 Yea you have to use
https in the url to codepen
Just add https:// in front of your url in the browser
getCurrentPosition is not allowed to be used from insecure environment
I did not know that thanks
(Not anymore)
thanks @alpox
Np
but I dont get that error . you just mentioned
it got rid of the one I had but I dont get the thing that you put in
yep this site dont exist http://api.darksky.net/
but but the api I got it from told me to use that q.q
thats the one
Not true @moigithub
It exists, but doesn't allow access without api key and needs a specific api url otherwise it just throws "Not found"
i put in my api key tho
@alpox nvm.. was my blocker :P
@sbxn14 You missed that the callback to the current position delivers an object which is bit deeper as you used.
darkSky.getCurrent(position.coords.latitude, position.coords.longitude)Put that instead ofdarkSky.getCurrent(position.latitude, position.longitude)
And it will work
You will get a response which is logged in the console
can any1 help me with the navbar toggle button pls, when i click it, i dont show the menu items https://codepen.io/KD158/pen/LxWmaJ/
@alpox on which line is that?
@sbxn14 13
eyy it works :D
:-)
thank you!! @alpox
:cookie: 741 | @alpox |http://www.freecodecamp.com/alpox
@sbxn14 You're welcome :-)
I should work on my angular :package:
sbxn14 sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
before finishing this.
@sbxn14 There was not really an angular problem with this issue :D
as I currently got no idea on how to make it so it actually tells all the stuff
well im also garbage at javascript xD
can any1 help me please?
That will come with time @sbxn14 :-) (I know javascript but no angular :P )
im just using angular cuz the api requires it, well its this or node.js whatever that is. or one with a php proxy and I dont think you can do that in codepen
@KD158 In your pen go to Settings->Javascript and then Quick-add --> jQuery and THEN Bootstrap too
@sbxn14 You could not use nodejs in this case since nodejs is a javascript environment outside of the browser - mainly used for creating a Server with which a browser can get in contact.
oh thanks @alpox
kd158 sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:cookie: 742 | @alpox |http://www.freecodecamp.com/alpox
@KD158 np :-)
those of you who have started building your personal portfolios - how do i get started? I mean what to look for?
@alpox ah see I made the right choice :D
@VasileBotnaru I started by drawing it out on paper.
putting down what I wanted and how I wanted it to look
@KD158 problem is u loading ur library on ur html.. on codepen .. html load first then whatever u have on settings
soo u can remove ur libraries from the html section.. and use only the codepen settings...
or put jquery library on ur html above bootstrap and dont use codepen settings...
first way is recomended if working on codepen.. codepen will link all ur libraries
soo u can remove ur libraries from the html section.. and use only the codepen settings...
or put jquery library on ur html above bootstrap and dont use codepen settings...
first way is recomended if working on codepen.. codepen will link all ur libraries
and then put it in html and edit with css/js
@sbxn14 You could have done it with plain javascript though
@sbxn14 thx
vasilebotnaru sends brownie points to @sbxn14 :sparkles: :thumbsup: :sparkles:
:cookie: 265 | @sbxn14 |http://www.freecodecamp.com/sbxn14
@alpox probably yea but I didnt know how to :/
@sbxn14 Its just putting together a request string as specified on their documentation: https://darksky.net/dev/docs/forecast
wrong person :3
true story
ah like that. but how would I even apply that to the html then tho?
So actually you could use jquery with:
var requestString = "https://api.darksky.net/forecast/" + apiKey + "/" + latitude + "," + longitude;
$.getJSON(requestString, function(response) {
console.log(response);
});
Gah... thanks guys, got the wrong one :D
should I replace this then? :/
cuz then you're gonna have to help me even more xD
You don't have to :D it works either way
This would just have been the easier way without the need for a specific library
im too noob for it xD
but if u just starting to learn javascript I think u should start with basic first.. avoid frameworks
@moigithub True story
I wouldve but i didnt know how to doo it without oone xD
https://javascript30.com/ this guy have some nice free videos
pure javascript
pure javascript
ill check him out thanks :D
but for the rest of my weather app? Do i just make a controller and make $scopes and reference those in the html so it pritns out the data?
u already have a controller.. instead of console.log ur data.. u just populate ur $scope.variables
and set some {{placeholders}} on ur html
instead of the console.log
inside this? .then(console.log)
yep... then accept a function callback where u can access ur data
.then(function( data ){
// populate ur $scope variables from data object
})
oh so just replace it with that anda dd scopes?
am I doing it wrong?
id give the different sections an id or class
on devtools/console it show this error
bootstrap.min.js:6 Uncaught Error: Bootstrap's JavaScript requires jQuery
at bootstrap.min.js:6 @VasileBotnaru
bootstrap.min.js:6 Uncaught Error: Bootstrap's JavaScript requires jQuery
at bootstrap.min.js:6 @VasileBotnaru
add the jquery lilbrary BEFORE ur bootstrap.js
@moigithub ok, thx
vasilebotnaru sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star2: 2580 | @moigithub |http://www.freecodecamp.com/moigithub
what about your portfolios, did you just figure it out by yourselves or you used someones code?
or remove bootstrap.js IF u not gonna use bootstrap DYNAmic components
I mean I don't feel like i can use jQuerry, did you know how to use it, or you've seen code samples>
?
i did my portfolio like 1 year ago.. and didnt touched it since then
probably already forgot how i did.. but it was very fugly :P
probably already forgot how i did.. but it was very fugly :P
i like more coding.. design is not my thing
hey all
anyone good with java here?
need some help
@moigithub but how did you do it? Do you remember the steps? What have you looked up first? or did you do it by yourself from ground up?
fcc have lot of gaps.. u need to use external resources to fill those gaps
codeacademy, codeshool khan academy etc.. whatever u can use to learn is always welcome
@moigithub So the right thing to be done right now is to use other sources for learning? Or for doing?
@apalm1341 Good? Maybe not, but i know some things :D
You can try and ask ^^
@moigithub Same here, coding is more fun :D
@VasileBotnaru both :)
read/watch.. then try to do it urself.. and repeat
read/watch.. then try to do it urself.. and repeat
@moigithub OK, but should i read and learn and only after start doing? Or is it more like you know what you want to do, and then look up how is that done?
@VasileBotnaru I would suggest you to go bottom up. Decide what you want to bring to your page first. Maybe the navigation bar? So then go ahead and try. You can google what it needs to do that, you can try else to get information about how to do it.
Just split your task into small pieces and try to solve one small piece after another
Just split your task into small pieces and try to solve one small piece after another
@alpox thx, so it's more like - decide what you want and then find out how it's done, instead of reading/learning and then trying to do something?
vasilebotnaru sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:cookie: 743 | @alpox |http://www.freecodecamp.com/alpox
where is my front end certificate? i can't find it.It says that it is on my 'portfolio'?
can anyone help me?
can anyone help me?
@VasileBotnaru Exactly. Learning by doing. This is usually the easiest and best approach
about @MohammadHasham
:cookie: 344 | @mohammadhasham |http://www.freecodecamp.com/mohammadhasham
@MohammadHasham shouuld be on that link :point_up: :point_up_2:
@moigithub Thanks once again!
mohammadhasham sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star2: 2581 | @moigithub |http://www.freecodecamp.com/moigithub
and congratulations :) !! :clap:
Should nav bars be made of lists?
because i haven't used lists
is it possible to make a $scope printing the city while I only get the coordinates of the place? :/
@sbxn14 need more info. $scope will print anything that is stored on it
this is my pen https://codepen.io/sbxn14/pen/apmJJQ and i just fixed it with help from chat that it actually works but now i gotta make scopes so i can put it in my html. but I want to display one value thats the city the coordinates point to (and the country) and display that but my api only gives coordinates (and weather)
@MohammadHasham here certificate
@sbxn14 You will need some other API that gives you city/country based on geolocation coords
damn
@sbxn14 google maps api might be of some help
first import this script in your codepen
how would I use that tho. im not that advanced in js
imported it
in js
then in your
navigator.geolocation.getCurrentPosition callback, do this
var latlng = new google.maps.LatLng(lat, lng); // lat will be your latitude and lng will be your longitude
geocoder.geocode({'latLng': latlng}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
console.log(results)
}
});
make
var geocoder as a public variable that is declared at the beginning of your script
Guys, I am trying to make a JS vanilla clock. I was just wondering if I would run into a problem if I define three
setInterval()s one for each clock hand?
will that still give me the weather aswell?
@adityaparab halp
pls
what should var geocoder be?
Mixed Content: The page at 'https://codepen.io/sbxn14/pen/apmJJQ' was loaded over HTTPS, but requested an insecure script 'http://maps.googleapis.com/maps/api/js?sensor=false'. This request has been blocked; the content must be served over HTTPS.
??
where do I put my key?
@UsamaHameed shoot
@sbxn14 crap!
you do need key for googl apis
@adityaparab i fixed the error by making the import a https
I just got a key
but where do I put it
I can't use multiple setIntervals in JS right? @adityaparab Single threaded language!!!
@sbxn14 use this script tag instead
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
</script>
</script>
instead of importing it?
via the menu
@sbxn14 yes
and make a function called
initMap
which will initialize you app once this script is loaded
@sbxn14 you know what? I found official docs for this
you'll find all the info you need!
:+1:
@UsamaHameed
I can't use multiple setIntervals in JS right? @adityaparab Single threaded language!!!
You might!
It's single threaded in the sense it exposes just the main thread to the user
it handles all the dependent threads internally
help the display function doesnt work
no wiki entry for:
the display function doesnt work
@adityaparab replace the code you gave earlier and replace it with the one from the site?
@adityaparab sounds like stuff outta my league :P
@sbxn14 that would be great
for this is an updated info (in the link)
ah ok
I shared the older version that we're using in the legacy system
so it may or may not work with latest api
@shenoyabhijith what is
$content?
its a id
from html
god this stuff is confusing
i dont want a map? this gives me a map tho
@sbxn14 haha
@adityaparab
help
then may be you should find another weather api that gives you location details
@shenoyabhijith whats the problem again?
but i spent so much time trying to make this one to work..
i tried others but they wouldnt work
but i spent so much time trying to make this one to work..
welcome to programming. Say good bye to certainty (as long as youre learning/researching) :)
xD true
well.. any api you recommend?
I've seen many people use this
i tried that. got completely lost on it xD
:D
could be some CORS issue
did you use
&callback=JSON_CALLBACK in your $http ?
i think i did, i did use the lat/lng one tho
gonna use the city id one
as it has a json.gz with all of the cities on the world .-.
@adityaparab openweather works only on http with the free plan
@sorinr im stuck on display function
@sorinr thanks
mohammadhasham sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:star2: 1131 | @sorinr |http://www.freecodecamp.com/sorinr
@MohammadHasham welcome
@shenoyabhijith get rid of all that divs content1.... . let in place only the initial one
whats the different between using json callback and well not doing it?
@sbxn14
JSON_CALLBACK is a function that Angular defines internally to receive padded json data
you can replace this
JSON_CALLBACK with your custom function.
function steamrollArray(arr) {
var flattenedArray = [];
// Create function that adds an element if it is not an array.
// If it is an array, then loops through it and uses recursion on that array.
var flatten = function(arg) {
if (!Array.isArray(arg)) {
flattenedArray.push(arg);
} else {
for (var a in arg) {
flatten(arg[a]);
}
}
};
// Call the function for each element in the array
arr.forEach(flatten);
return flattenedArray;
}
// test here
steamrollArray([1, [2], [3, [[4]]]]);arr.forEach(flatten);
@sorinr @adityaparab
but if you do that, you custom function should implement all the logic to provide parsed json to the $httpProvider
only 1 result appears
@MohammadHasham shouldn't you be calling
steamrollArray(arg[a]) instead of flatten(arg[a]);?
@MohammadHasham nvm
didn't see you defined internal function
@shenoyabhijith i know just wait a sec
@adityaparab can you tell me what is the need?
@MohammadHasham : need for?
@shenoyabhijith get rid also in css of #content1 ....
arr.forEach(flatten);
@adityaparab
did still only 1
result
@MohammadHasham : each and every element in your arr may or may not be array
the flatten function takes care of this. So you nee to invoke flatten on each every element
hope that makes sense
@shenoyabhijith this is what u whant ?
but we are already passing the
applying forEach to the array
Can you tell me the control flow of program?
@adityaparab
arg i.e; array so what is the point of doing so?applying forEach to the array
Can you tell me the control flow of program?
@adityaparab
nope i want all the result
appear in different blocks organized
@MohammadHasham
var flatten = function(arg) {
if (!Array.isArray(arg)) {
flattenedArray.push(arg);
} else {
for (var a in arg) {
flatten(arg[a]);
}
}
};
// Call the function for each element in the array
arr.forEach(flatten);is as good as saying
arr.forEach(function flatten(arg) {
if (!Array.isArray(arg)) {
flattenedArray.push(arg);
} else {
for (var a in arg) {
flatten(arg[a]);
}
}
});
return flattenedArray;
@adityaparab Thanks alot! the second one actually makes sense.
mohammadhasham sends brownie points to @adityaparab :sparkles: :thumbsup: :sparkles:
:cookie: 882 | @adityaparab |http://www.freecodecamp.com/adityaparab
but we are already passing the
argi.e; array so what is the point of doing so?
applying forEach to the array
Can you tell me the control flow of program?
but the arg doesn't get passed on it's own, right? forEach will pass the arg to flatten
Here is my steamRoller ;)
function steamrollArray(arr) {
return Array.isArray(arr) ? Array.prototype.concat.apply([],arr.map(steamrollArray)):[arr];
}
steamrollArray([1, [2], [3, [[4]]]]);
@shenoyabhijith this is how they appear
i want information cards
This is also correct for those brackets in
:[arr] are redundant in this example
separate
function steamrollArray(arr) {
return Array.isArray(arr) ? Array.prototype.concat.apply([],arr.map(steamrollArray)):arr;
}
steamrollArray([1, [2], [3, [[4]]]]);
@adityaparab can we call it a recursive solution?
@adityaparab i feel like coping code
because each time we are placing value again and again
so much frustrated with this wiki project !
but then again i feel like i wanna learn how to do
@MohammadHasham Yes. It is recursice
and so is yours
you're recursively calling
flatten
@shenoyabhijith same situation as it was for me.
@shenoyabhijith this is how they look now
@shenoyabhijith
but then again i feel like i wanna learn how to do
never ever give up
how do you learn
pain brings growth
when you dont know anything
@shenoyabhijith i would suggest you to keep going on! you may find some solution.Take some rest and think each time with a different approach.
how do you learn
by pushing through the bullshit that comes to your mind, bullshit like when you dont know anything
i just know some html and css this engineering never time to learn daily
@shenoyabhijith i am also learning js.
javascript had a long gap !
if you were born with this much intellect, you'd never have learned to walk. You'd always have been stuck in the same mental loop of
i don't know how to walk... i don't know how to walk... i don't know how to walk...
and so on
@shenoyabhijith
but you did learn
with time, practice and patience
now project seems like you do the javascript again
yes! but worth it! i am really inpired by @sorinr @adityaparab and many others.They are really good developers.
from scratch!'
and then you were up in everyone's face like "look at me bitch! I can run now!"
@shenoyabhijith yeah its all right! its never too late to start.
its like i need the certificate ! fcc adds heavy value to resume'
@shenoyabhijith no
that's not the point its the skills
a cert. is just a piece of ppr but skills remain with you
yeah after wiki im doing javascript from scratch
@shenoyabhijith read eloquent JS or 'you don't know JS'
try video tutorials
on youtube
there is an app 'encode' on playstore that is really awesome.
try that
hmm thanks a lot @MohammadHasham
shenoyabhijith sends brownie points to @mohammadhasham :sparkles: :thumbsup: :sparkles:
:cookie: 345 | @mohammadhasham |http://www.freecodecamp.com/mohammadhasham
this guy is awesome
and @sorinr
no problem i am in the same situation.
thanks for the motivation
:+1:
yeah but advanced stuff is just learnt by books
you don't find really deep tutorials n youtube
yeah!
@MohammadHasham are you a full time fcc?
Hey, I'm working on the tribute page project, and I have a silly question. Anyone who got time to answer it? :smile:
https://codepen.io/sbxn14/pen/apmJJQ why isnt my angular tag working?
@sbxn14 what name have ur angular module ??
var app = angular.module('Weather', []);
it should match with ur ng-app on ur html
fuck I forgot to change it
:P
changed it. still doesnt work
:laughing:
@stefanmiodrag say it
@VasileBotnaru What is better: using <br> or setting the width ? I know it is a pretty silly question, but I'm genuinely curious.
;-;
As a rule of thumb, br tags should be avoided as much as possible
app.factory('WeatherWdiget' < typo ? @sbxn14vs
app.controller('WeatherCtrl', function($scope, WeatherWidget)<
sure is one.
Alright, thank you.
not that it fixed anything xD
Do you see any error on console ?
also on ur code u have WeatherApi.. .. it should be WeatherWidget
WeatherApi dont exist
WeatherApi dont exist
this is what i get if i change my code fifty times
now the tag is empty q.q
checking console helps...
Mixed Content: The page at 'https://codepen.io/sbxn14/pen/apmJJQ?editors=1010' was loaded over HTTPS, but requested an insecure script 'http://ipinfo.io/json?callback=angular.callbacks._0'. This request has been blocked; the content must be served over HTTPS.
ah the link doesnt add my key
aha fixed it! and the next error popped up!
@shenoyabhijith no.Unfortunately.
I need some help :/ I am trying to build a tribute page but I come across a problem right away: If i create a <h> element, nothing seems to appear on the white screen.
and I also have closed the element with </h>
@TTFlasher
h is not a standard html tag, as far as I remember
it should be one of h1, h2, h3, h4, h5, h6 or hr
@MohammadHasham thanks for the suggestion
shenoyabhijith sends brownie points to @mohammadhasham :sparkles: :thumbsup: :sparkles:
:warning: shenoyabhijith already gave mohammadhasham points
@adityaparab I did h1 but stilly nothing
@TTFlasher you have a codepen ?
Yep I have, but it's working now. Just closed the pen and reopened it lol
lol
Howdy hoo, how can I hide my div right away, when the page loads?
element.style. none doesn't hide it when page loads
I mean element.style.display="none"
Could somebody take a look at my code and tell me why it doesn't seem to output the weather data? I've checked the link in my browser and it generates a json response.
@minakasiin Check if you have a typo in your selector maybe?
Then it wouldn't work at all, right?
@aenila Small typo here
$.geJSON and your URL needs to start with http://
After that, you'll need to work on that forEach loop and find a different way to parse the JSON returned from the weather API
Ouch haha. Always the little things. Thank you @TylerMoeller
aenila sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1377 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Ok, I will take a look at the loop as well. I really appreciate the help
@aenila No problem - the browser's developer console is useful for these kinds of things. Ctrl+Shift+J on Windows Option+Shift+J on Mac.
Sweet. I always used F12 but it's so imposing I hate leaving it up
@minakasiin If you select the element correctly, it should work.
I'm working on the Random Quote Generator. For some reason my button does not load a new quote and the same quote is always used when I refresh the page. Anyone know what might be going on? http://codepen.io/pkaretas/pen/apppNd
Can anyone please explain the diff between the html width/height attribite and css width/height property on the <img> tag?
One is in HTML, another is in CSS? There shouldn't really be difference to be honest. Its just easier using CSS when styling similar elements
@pkaretas You're getting a cached quote, add this to your document.ready:
$.ajaxSetup({cache: false});
How can i make a background image scale to be full screen no matter the size of the window? i have it for full screen but when i minimize, the picture cuts off.
@TylerMoeller Thanks, that was it
pkaretas sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1378 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
@bestintown23 Try background-size: 100%;
@bestintown23
background-size: cover;
background-position: center center;
@TylerMoeller What're you currently working on?
@jdtdesigns Just some hobby projects at the moments
I'm converting my portfolio over to Vue/Firebase
then it's on to a church site overhaul
@jdtdesigns Very nice. Have you checked out inferno.js?
@jdtdesigns thanks, i am currently using remote access to my tablet as a second monitor and it does not seem to want to strecth the picture, could this be the coding or the hardware?
bestintown23 sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 875 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
@bestintown23 If you post the code on Codepen, jsbin, ect. we can check it out. ;)
@TylerMoeller Not yet, but i'll add it to the list of things to check out lol.
guys anyone can help with dealing with OpenWeatherApi limit requests ?
limit..
$$$$ solves
@PerpetualWar What's the question?
https://openweathermap.org/price
If you're worried about hitting the limit during development, make an API call, and then copy/paste the JSON into a variable in your code
If you're worried about hitting the limit during development, make an API call, and then copy/paste the JSON into a variable in your code
@TylerMoeller how can I copy the given JSON in a var using getJSON() function ?
@PerpetualWar Use console.log and then copy it from the console
can I use
var cache = console.log(name); ?
@PerpetualWar Might be easier to just copy the example JSON from here: https://openweathermap.org/current#geo
well @TylerMoeller its not oonly about dev stage, it says on their site that they will allow only once per 10 minutes
api request
which means I need to cache it and set some sort of timer before next fetch ?
@PerpetualWar You get 60 calls per minute for free according to: https://openweathermap.org/price
Up to 5,000 calls a day
hm ye
I was checking this page
but you are correct, this is only for getting accurate API response
Yeah, the most frequently they update the weather is once every 10 minutes
ye my bad then :)
You should be fine - I've never hit the limit :)
one more question @TylerMoeller
@PerpetualWar To save some headaches, make sure you're aware of the HTTP/HTTPS limitations for this API though: https://forum.freecodecamp.com/t/show-the-local-weather-openweathermap-warning/60292
when I print json output on the console
Can someone please help me with my page? 💐 https://codepen.io/CMYK/pen/bgqOxG?editors=1100
How can I move all my thumbnails, pictures, text, (everything!) to the left?
I'm trying to divide the whole webpage in two and make a new column/ thumbnail on my right.
I've tried sticking pull-left in every class I could think of, but nothing works! 😟
Help?
whats easiest way to add it to another object ?
ye @tariellaelius told me the same :)
@PerpetualWar I would just right-click the console, copy the output, and the paste it into your JavaScript.
var weatherObject = <paste here>
^^ if that makes sense :)
var weatherObject = <paste here>
^^ if that makes sense :)
You can beautify it if needed here: http://codebeautify.org/jsonviewer
@Josie-N Your html is all messed up.
- codepen doesn't want you to put any
htmlorbodytag into it. - Some of your html is outside of the body tag (Some div) which is no valid html.
@TylerMoeller I meant how to do it automatically thru the code
not manually
@Josie-N Use the Bootstrap Grid System: http://getbootstrap.com/css/#grid-options
@PerpetualWar Did you use an API for the quote machine project?
@tariellaelius Showed you the start of using getJSON, your weather object would be stored in the
json variable with the sample code he gave: :point_up: January 23, 2017 11:16 AM
@TylerMoeller I did but I didn't store complete JSON anywhere tbh :/
http://codepen.io/Mortiferr/pen/oBZJzp
Anyone know why I'm getting undefined as my response for the second API? As you can see the IP locator API works correctly
But when I send it to the weather one I receive undefined as a response
Anyone know why I'm getting undefined as my response for the second API? As you can see the IP locator API works correctly
But when I send it to the weather one I receive undefined as a response
I just took values that I needed
@alpox why doesn't codepen want me to use html and body?
I need help with profile look up. I am using for loop. How do I return"No such COntact" if the for loop didnt find anything matching the firstName the user enters?
@PerpetualWar In that example code, all your Weather Object is in the 'json' variable:
$.getJSON("apiurl", function(json) {
// weather data is stored in a variable named 'json'
});You can name it whatever you want, really:
$.getJSON("apiurl", function(weatherData) {
// weather data is stored in a variable named 'weatherData'
});
@Josie-N the html and body tags are created by codepen directly so you shouldn't declare any of them yourself anymore.
```$.getJSON("url", function(temperature) {
var cache = {};
cache = temperature;}
var cache = {};
cache = temperature;}
this is valid correct ?
@PerpetualWar It doesn't matter what name you give to the variable, it's not going to automatically extract temperature information, for example
@PerpetualWar Yes, but it's missing a closing paren and there is no need to create an empty object and then overwrite it. You may want to revisit the Javascript exercises again for a refresher.
@tariellaelius so you are saying this is correct ?
ye sometimes I feel I forget even what is simplest of operations @TylerMoeller
There's a lot to remember and takes a lot of practice :/
ok I think I get it
Looking for some direction on this challenge, maybe a strategy of attack - https://www.freecodecamp.com/challenges/wherefore-art-thou - This is what I've comeup with so far, am I on the right track? http://codepen.io/ssgriffen/pen/vgLjYX?editors=1012
its already in variable I named temperature
whole json
and it completey makes sense
as I already took some values like temperature.main.temp
thanks for bearing with me @TylerMoeller @tariellaelius
:warning: perpetualwar already gave tariellaelius points
@Mortiferr You seem to be missing an
& in front of the lon parameter in your Weather API URL: "&lon="
:star2: 1381 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
perpetualwar sends brownie points to @tylermoeller and @tariellaelius :sparkles: :thumbsup: :sparkles:
@PerpetualWar Good luck - we can help more when needed :+1:
@PerpetualWar good luck ;)
thank you @TylerMoeller
mortiferr sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1382 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
I am working on the tribute page in FCC, is there a way of earning Brownie Points on several consecutive days even though I am coding in codepen?
@dovroc There are two ways you can get Brownie Points:
- Complete challenges - you get one point per challenge you complete
- Help other campers in chat - each time you help another camper and they thank you (by typing "thanks @yourname"), you will get a point
https://github.com/FreeCodeCamp/FreeCodeCamp/wiki/brownie-points
tylermoeller sends brownie points to @dovroc and @yourname :sparkles: :thumbsup: :sparkles:
:cookie: 130 | @dovroc |http://www.freecodecamp.com/dovroc
:warning: could not find receiver for yourname
:) lol
thanks for that
@Hello911 Use a return statement at the end of your function, if nothing is found in your for loop, the function will return 'no such contact'
@ssgriffen Lots of different tracks to take - I would recommend trying it with .filter() and .reduce() if you are comfortable with those methods.
I originally used a for loop and then nested a for...in loop inside of that.
@alpox Got it, thanks!
josie-n sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:cookie: 744 | @alpox |http://www.freecodecamp.com/alpox
@TylerMoeller Thanks!
josie-n sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1383 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
@Josie-N If you need help with the grid, feel free to ask here. Very useful for organizing everything and laying out the content on your page. Good luck :+1:
Anyone know how to remove the variable type information in an array key? Ex) string(10) "display_id" => 2267
Would I just run the array through an array_map function?
Would I just run the array through an array_map function?
https://codepen.io/CMYK/pen/bgqOxG?editors=1100
So I managed to pull everything to the left, but I want to add one more thumbnail (or container, whichever works, on the right). @TylerMoeller
How could I do that?
You see there is a small little container on the very bottom right of the page, but I can't move it upwards for the life of me. :worried:
So I managed to pull everything to the left, but I want to add one more thumbnail (or container, whichever works, on the right). @TylerMoeller
How could I do that?
You see there is a small little container on the very bottom right of the page, but I can't move it upwards for the life of me. :worried:
Oh no, everything's messed up on a smaller screen!
@Josie-N I don't think
pull-left is the way to go here. Columns stack from left to right, so you can put your columns in a row and choose the size you want as you stack them to the right.
how do I center an image inside a bootstrap well? i have the image in one of my wells, but it is slightly off-center and it is annoying the shit out of me
@TylerMoeller wow, how can I put all my columns in a row?
like the grid you sent me?
@Josie-N Yes, like the grids that I sent you. Grids go in rows and rows go in containers. This is an example of different layouts: http://s.codepen.io/TylerMoeller/pen/qNrbok
The layout possibilities are endless, but it should give an idea of how you can implement the Image and text the way you want for your tribute page.
(Without me giving you the exact code, anyway :))
@TylerMoeller Thanks, that really helps, I'll delete the pull-lefts and try to rearrange them.
josie-n sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:warning: josie-n already gave tylermoeller points
I'll probably take me 4 days or something.
So I made it too 120, where we have to design our own portfolio... I breezed through up until 120 but now I am at a dead stop. I am un-sure how we are expected to make a site like the one put on example when up until 120 haven't learned JS and that intensive of CSS?
Are we just supposed to make a portfolio based off our HTML/ Bootstrap knowledge and just not even attempt making something like the site given as a example?
@TristanTaka FCC wasn't created to teach you how to code. It's purpose is to challenge you to learn.
So now comes the research and learning on your part
when you're ready, you can come back and finish the project
the process will be the same as you move through
hit wall, research, code 100 different ways to figure out how to do something, come back finish fcc project/challenge ;)
@jdtdesigns good advice
//Setup
var contacts = [
{
"firstName": "Akira",
"lastName": "Laine",
"number": "0543236543",
"likes": ["Pizza", "Coding", "Brownie Points"]
},
{
"firstName": "Harry",
"lastName": "Potter",
"number": "0994372684",
"likes": ["Hogwarts", "Magic", "Hagrid"]
},
{
"firstName": "Sherlock",
"lastName": "Holmes",
"number": "0487345643",
"likes": ["Intriguing Cases", "Violin"]
},
{
"firstName": "Kristian",
"lastName": "Vos",
"number": "unknown",
"likes": ["Javascript", "Gaming", "Foxes"]
}
];
function lookUpProfile(firstName, prop){
// Only change code below this line
for(var i=0;i<contacts.length;i++){
if (contacts[i].firstName){
if (contacts[i].prop){
return contacts[i].prop;
}else return "No such contact";
}else return "No such property";
}
// Only change code above this line
}
// Change these values to test your function
lookUpProfile("Akira", "likes");
@TristanTaka The reality is this stuff takes a long time to learn for the average person. I'm 8 years in and still feel like a noob all the time. :D
@Hello911 You should be using bracket notation with the function params ;)
for(var i=0;i<contacts.length;i++){
if (contacts[i][firstName]){
if (contacts[i][prop]){
return contacts[i][prop];
}else return "No such contact";
}else return "No such property";
}
Like this? @jdtdesigns
Who is prolific using APIs ? I need help for a job, but only in pm, pliiiiz
@Hello911 getting close
you're checking if an object named 'bob' exists though
you should be checking to see if the function argument firstName equals the .firstName prop of any of the objects
Hey guys, I am a little bit stuck on the "build a random quote machine" challenge. I got it to randomly give out quotes, but i can´t figure out how to tweet the exact same quote. Now i thought about updating the href of the twitter link through javascript but I am not sure.. Nay advice from you guys?
@bradley1492 You can use the twitter intent url and update the href of the link on each new quote. You're on the right track ;)
@bradley1492 you can simply use
window.open and twitter url in it
Thanks guys
Here's the link https://twitter.com/intent/tweet?hashtags=quotes&related=freecodecamp&text= @bradley1492
:)
you can just concat the quote on the end
no need for window.open ;)
Cool I´ll give those tips some tries!
@jdtdesigns how can you open url without window.open or openURL in *.js file?
easy @Max-LAB
just change the href of the tweet link
and make sure it has target="_blank"
@jdtdesigns
for(var i=0;i<contacts.length;i++){
if (contacts[i].firstName==firstName){
if (contacts[i][prop]){
return contacts[i][prop];
}else return "No such property";
}else return "No such contact";
}Still, tho, not all the requirements are met.
.
@jdtdesigns
.attr("href", "http link"); got it.. nice approach :+1:
@Hello911 You don't need the else for no such contact
just place that outside the for
@Max-LAB ;)
@jdtdesigns GOT IT. challenged completed. thank you.
hello911 sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 876 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
@Hello911 welcome
how do i make the footer of my page to be on the bottom? its appearing in the middle.
@bestintown23 the page needs to have enough content to push the footer down
if there's not enough content there are tricks you can do to make the footer always stay at the bottom
Chris give it a height and the body/parent a height , I personally use flexbox with a column layout then flex-grow the second to last item
I'm working on my random quote machine and it works great UNTIL I double click on the 'New Quote' button. :worried: Instead of clearing previous quotes, it appends to it. Any help is appreciated. Thanks!
Also, I'm still iffy on APIs, can anyone recommend any tutorials? Thanks.
@jchiang7874 Looks like you fixed it with:
$(".quote").html("");
$(".author").html("");
Another way is to use
.empty(): https://api.jquery.com/empty/
does anyone know why the promise in this Codepen doesn't work on .then()? http://codepen.io/Asparism/pen/PWPrMK?editors=0011
Hi there is there a way to make all thumbnails the same height?
@jchiang7874 I see the problem now...with the double click. Add that .html("") code as the first line of your getJSON function, right before you add the quote and author text.
@mariogalindov It can be a little complicated because the grid controls the width of the images, so if they have different aspect ratios, they get clipped or distorted. Here are a few approaches: https://scotch.io/bar-talk/different-tricks-on-how-to-make-bootstrap-columns-all-the-same-height
I think the easiest way, when dealing with only a handful of images, is to just edit them in a photo editor so they are all the same size.
I think the easiest way, when dealing with only a handful of images, is to just edit them in a photo editor so they are all the same size.
@mariogalindov you could use max-height, but the slash thumbnail is a different shape than the others, so that particular thumbnail will always be different height or width than the others unless you edit the actual image, or you could put it in a div with a black background, so you would have black bars on either the top/bottom or left/right. if it's possible to make the image bigger without losing quality, you could make the container overflow: hidden;
@TylerMoeller Thank you! :+1: It worked but why?
jchiang7874 sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1385 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
@jchiang7874 It takes some time to go out to the quotes API server and get the quote (a few hundred milliseconds). All of the code inside your getJSON function runs after the response from the quotes API server is complete. The code outside of it runs immediately. So, you were clearing contents that had already been cleared while waiting to get the updated quote text - if that makes sense ;)
why my navigation bar menu is not changing upon scrolling
Mrs-coder what are you trying to achieve?
trying to change the navigation bar menu change upon scrolling . Like if we scroll till contact me, then Contact menu on the navigation bar becomes active
hey so im trying to put a background image on my personal portfolio and everything looks right but its not working any help\
Hey everyone, I am trying to do the Personal portfolio challenge and I cant figure out how to (1) get the background image to fit the screen and (2) get the website to scroll up and down.....Any suggestions? thanks
theres a tutuorial on youtube that has helped ,me alot the channel is called code tutorials360
@detour26
@armynational Thanks, I'll go ahead and take a look
detour26 sends brownie points to @armynational :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for armynational
This message was deleted
thanks @TylerMoeller I saw the posibble solutions but I think the best I can do for now is to change the image of the thumbnail, thanks to you too @asparism I tried the max height but I do want all of them to be the same size.
mariogalindov sends brownie points to @tylermoeller and @asparism :sparkles: :thumbsup: :sparkles:
:cookie: 304 | @asparism |http://www.freecodecamp.com/asparism
:star2: 1386 | @tylermoeller |http://www.freecodecamp.com/tylermoeller