These are chat archives for FreeCodeCamp/HelpFrontEnd

23rd
Jan 2017
Aaron
@apalm1341
Jan 23 2017 00:01
hey all
anyone good with java here?
Tyler Moeller
@TylerMoeller
Jan 23 2017 00:11
@aguantincho aprende el sistema de cuadrícula: http://www.oneskyapp.com/es/docs/bootstrap/css#grid-example-basic
Rico042002
@rico042002
Jan 23 2017 00:11
I need someone to test my weather app
Tyler Moeller
@TylerMoeller
Jan 23 2017 00:12
@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 :)
Rico042002
@rico042002
Jan 23 2017 00:15
Tyler Moeller
@TylerMoeller
Jan 23 2017 00:16
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.
Rico042002
@rico042002
Jan 23 2017 00:16
I have been wondering why my images do not work! What is a better image hosting site?
Tyler Moeller
@TylerMoeller
Jan 23 2017 00:17
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
xemexpress
@xemexpress
Jan 23 2017 00:18
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?
Tyler Moeller
@TylerMoeller
Jan 23 2017 00:20
@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.
Rico042002
@rico042002
Jan 23 2017 00:21
@TylerMoeller My https is turned off I do not know why it would auto encrypt
Tyler Moeller
@TylerMoeller
Jan 23 2017 00:22
@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.
Rico042002
@rico042002
Jan 23 2017 00:23
So how can I fix it? By hosting it from github?
xemexpress
@xemexpress
Jan 23 2017 00:24
@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??
Tyler Moeller
@TylerMoeller
Jan 23 2017 00:24
@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)
xemexpress
@xemexpress
Jan 23 2017 00:26
@TylerMoeller Thanks!!
CamperBot
@camperbot
Jan 23 2017 00:26
:star2: 1368 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
xemexpress sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
CoryCMyers
@CoryCMyers
Jan 23 2017 00:32

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?

Tyler Moeller
@TylerMoeller
Jan 23 2017 00:40
@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]]);
CoryCMyers
@CoryCMyers
Jan 23 2017 00:41
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.
CamperBot
@camperbot
Jan 23 2017 00:41
corycmyers sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1369 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Ken Haduch
@khaduch
Jan 23 2017 00:43
@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.
Tyler Moeller
@TylerMoeller
Jan 23 2017 00:44
@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)
@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?
Ken Haduch
@khaduch
Jan 23 2017 00:47
@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.
Tyler Moeller
@TylerMoeller
Jan 23 2017 00:50
Very nice, @khaduch :)
Ken Haduch
@khaduch
Jan 23 2017 00:54
@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...
CoryCMyers
@CoryCMyers
Jan 23 2017 00:55
@khaduch Can yo ushare the code for the one liner please?
Tyler Moeller
@TylerMoeller
Jan 23 2017 00:55
@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
CoryCMyers
@CoryCMyers
Jan 23 2017 00:56
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.
CoryCMyers
@CoryCMyers
Jan 23 2017 01:02
@TylerMoeller When you say you read through the list there, do you mean every entry adn sub entry?
Ken Haduch
@khaduch
Jan 23 2017 01:02
@CoryCMyers - it's up there :point_up: January 22, 2017 7:47 PM
CoryCMyers
@CoryCMyers
Jan 23 2017 01:02
Yeah I have it open, just not finding a section jsut on methods.
Sunny Wong
@swong194
Jan 23 2017 01:17
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
Tyler Moeller
@TylerMoeller
Jan 23 2017 01:17
@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.
Sunny Wong
@swong194
Jan 23 2017 01:18
I know my css works because ive added it onto the ul
jacobus-brogly
@jacobus-brogly
Jan 23 2017 01:21
my first webgl ))
Tyler Moeller
@TylerMoeller
Jan 23 2017 01:29
@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() {});
Sunny Wong
@swong194
Jan 23 2017 01:35
@TylerMoeller THANK YOU SO MUCH!
CamperBot
@camperbot
Jan 23 2017 01:35
swong194 sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1370 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Tyler Moeller
@TylerMoeller
Jan 23 2017 01:36
@swong194 Looks great!
Sunny Wong
@swong194
Jan 23 2017 01:41
i just have a question....$(document).scrollTop() tells me how much of my document I have scrolled right?
just making sure
@TylerMoeller
Tyler Moeller
@TylerMoeller
Jan 23 2017 01:45
@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
Sunny Wong
@swong194
Jan 23 2017 01:45
i saw something about window being at a higher level than document
Tyler Moeller
@TylerMoeller
Jan 23 2017 01:46
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
Sunny Wong
@swong194
Jan 23 2017 01:46
alright thank you! I just gotta fix some stuff cause the bar fixes but it blocks a few pixels
thanks!
Charles Williams
@cfunkles
Jan 23 2017 01:47
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?
Tyler Moeller
@TylerMoeller
Jan 23 2017 01:50
@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
Ralph Nahra
@Rallph
Jan 23 2017 01:56

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);
    }
});

http://codepen.io/Rallph/pen/mROeBz

xemexpress
@xemexpress
Jan 23 2017 01:58

Regarding the bottom part of this portfolio: https://codepen.io/freeCodeCamp/full/YqLyXB

How the grey bar is made?

xemexpress
@xemexpress
Jan 23 2017 02:05
I tried width:100%, but it doesn't occupy the full width of the screen..
Ralph Nahra
@Rallph
Jan 23 2017 02:08
@xemexpress could you post a link to your pen?
Amit Patel
@AmitP88
Jan 23 2017 02:11
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
Tyler Moeller
@TylerMoeller
Jan 23 2017 02:12
@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=",`
xemexpress
@xemexpress
Jan 23 2017 02:12
@Rallph sorry, couldn't connect to codepen
maybe i ask this question later, thanks
MacGuffin
@MacGuffin1990
Jan 23 2017 02:17
how toget the Smallest Common Multiple
Tyler Moeller
@TylerMoeller
Jan 23 2017 02:17
@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
MacGuffin
@MacGuffin1990
Jan 23 2017 02:17
everyone
Amit Patel
@AmitP88
Jan 23 2017 02:18
@TylerMoeller yeah, I was thinking the same thing, but when I looked at the fiddle, it looked like they did the same thing
Tyler Moeller
@TylerMoeller
Jan 23 2017 02:18
@MacGuffin1990 Maybe try starting here for some hints on that challenge: https://forum.freecodecamp.com/t/freecodecamp-algorithm-challenge-guide-smallest-common-multiple/16075
Amit Patel
@AmitP88
Jan 23 2017 02:18
I tried to follow the fiddle as closely as I could
Tyler Moeller
@TylerMoeller
Jan 23 2017 02:20
@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>
Amit Patel
@AmitP88
Jan 23 2017 02:21
@TylerMoeller I thought there was two because of the two images opening up their own modal
Tyler Moeller
@TylerMoeller
Jan 23 2017 02:21
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
Amit Patel
@AmitP88
Jan 23 2017 02:21
ah ok
Tyler Moeller
@TylerMoeller
Jan 23 2017 02:22
@AmitP88 here's an example with that fiddle: http://jsfiddle.net/5b01x6g2/107/
Amit Patel
@AmitP88
Jan 23 2017 02:24
@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
Tyler Moeller
@TylerMoeller
Jan 23 2017 02:26
@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
That's one option, anyway...lots of other approaches I imagine
Ralph Nahra
@Rallph
Jan 23 2017 02:27
@TylerMoeller thanks, but it still doesn't seem to be working
CamperBot
@camperbot
Jan 23 2017 02:27
rallph sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1371 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Amit Patel
@AmitP88
Jan 23 2017 02:28
@TylerMoeller ah I see. hmmm, so JSON is used mostly to avoid repeating code?
Tyler Moeller
@TylerMoeller
Jan 23 2017 02:28
@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.
Ralph Nahra
@Rallph
Jan 23 2017 02:29
@TylerMoeller ah gotca, it worked. Thanks bro
CamperBot
@camperbot
Jan 23 2017 02:29
rallph sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:warning: rallph already gave tylermoeller points
Tyler Moeller
@TylerMoeller
Jan 23 2017 02:31
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.
Amit Patel
@AmitP88
Jan 23 2017 02:33
@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
Tyler Moeller
@TylerMoeller
Jan 23 2017 02:33
@AmitP88 Same idea as: https://jsonresume.org/ :)
Amit Patel
@AmitP88
Jan 23 2017 02:34
@TylerMoeller I see. thanks! :D
CamperBot
@camperbot
Jan 23 2017 02:34
amitp88 sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1372 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Amit Patel
@AmitP88
Jan 23 2017 02:35
i'll revisit my resume project to refresh my memory of how i did it lol
Charles Williams
@cfunkles
Jan 23 2017 02:43
@TylerMoeller Thanks Tyler! appreciate your help!
CamperBot
@camperbot
Jan 23 2017 02:43
cfunkles sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1373 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
cgualbe2
@cgualbe2
Jan 23 2017 03:26
what resources do people recommend before building the random quote machine?
Ralph Nahra
@Rallph
Jan 23 2017 03:41
@cgualbe2 forismatic is a good easy to use api for random quotes
http://forismatic.com/en/api/
RadiationJunky
@RadiationJunky
Jan 23 2017 03:41
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:%
}
trying to put multiple backgrounds for my portfolio page but only one will work at a time
Ralph Nahra
@Rallph
Jan 23 2017 03:42
does anyone know how to get the wikipedia API to return the urls of the pages?
Ken Haduch
@khaduch
Jan 23 2017 03:43
@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...
nvm got it
Ralph Nahra
@Rallph
Jan 23 2017 03:46

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"
            }
Ken Haduch
@khaduch
Jan 23 2017 03:47
@Rallph - have you gone through this documentation? https://www.mediawiki.org/wiki/API:Tutorial
Matt Wiseman
@mrslwiseman
Jan 23 2017 03:49
@Rallph you can use the ID and tag it onto a href using
http://en.wikipedia.org/?curid= [id here]
Ken Haduch
@khaduch
Jan 23 2017 03:49
@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.
Matt Wiseman
@mrslwiseman
Jan 23 2017 03:49
or using action = opensearch returns very simple results including a url
Ralph Nahra
@Rallph
Jan 23 2017 03:53
@mrslwiseman opensearch isn't showing as an option in the API sandbox, @khaduch I'll try modifying my url to be like that one
Ralph Nahra
@Rallph
Jan 23 2017 04:11
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
CamperBot
@camperbot
Jan 23 2017 04:11
: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
Charles Williams
@cfunkles
Jan 23 2017 04:49
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?
MacGuffin
@MacGuffin1990
Jan 23 2017 05:18

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]
Ken Haduch
@khaduch
Jan 23 2017 05:22
@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?
Ken Haduch
@khaduch
Jan 23 2017 05:29
@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.
MacGuffin
@MacGuffin1990
Jan 23 2017 05:37
@khaduch thakns u advice
i change the function make x= arr.length
h1tag
@h1tag
Jan 23 2017 05:51
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?
Tyler Moeller
@TylerMoeller
Jan 23 2017 05:54
@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.
h1tag
@h1tag
Jan 23 2017 05:57
Thank you @TylerMoeller
CamperBot
@camperbot
Jan 23 2017 05:57
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
anshit1408
@anshit1408
Jan 23 2017 07:20
how can i go ahead of step 118 in free code camp
Sorin Ruse
@sorinr
Jan 23 2017 07:21
@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
abhijith shenoy
@shenoyabhijith
Jan 23 2017 07:24
nope there was a problem with jquery
i fixed it
Sorin Ruse
@sorinr
Jan 23 2017 07:28
@shenoyabhijith it was the origin=* in your url not jquery itself
not working @sorinr need some help
Sorin Ruse
@sorinr
Jan 23 2017 07:46
@shenoyabhijith load the pen over https and not http and remove &origin=* from url
Sorin Ruse
@sorinr
Jan 23 2017 07:52
@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]);
       }
abhijith shenoy
@shenoyabhijith
Jan 23 2017 07:53
i dont see anything in the console
i used the .html method
Sorin Ruse
@sorinr
Jan 23 2017 07:56
@shenoyabhijith var i=1
abhijith shenoy
@shenoyabhijith
Jan 23 2017 07:56
working
i need to make it appear in the content
i used .html method doesn't seem to work
MacGuffin
@MacGuffin1990
Jan 23 2017 08:00
P\'
'
Sorin Ruse
@sorinr
Jan 23 2017 08:00
@shenoyabhijith you need another counter to nest inside the first for loop like for (var j=0; j<object[i].lenght;j++)
Vasile Botnaru
@VasileBotnaru
Jan 23 2017 08:01
Please help, why doesn't the offset work on here? http://codepen.io/vasilebotnaru/pen/QdvPMX
Sorin Ruse
@sorinr
Jan 23 2017 08:01
@shenoyabhijith in order to loop through the array you get into the object[i]
Marianissimus
@Marianissimus
Jan 23 2017 08:03
@VasileBotnaru hi. also add bootstrap to your css in pen settings
Vasile Botnaru
@VasileBotnaru
Jan 23 2017 08:04
i have done that!
yeah, thank you.
Marianissimus
@Marianissimus
Jan 23 2017 08:06
@VasileBotnaru l-ai pus? si in css, nu doar in javascript. :)
Vasile Botnaru
@VasileBotnaru
Jan 23 2017 08:06
da thx, nu mi-am dat seama ca l-am pus doar in javascript.
Marianissimus
@Marianissimus
Jan 23 2017 08:07
cu pla...
im getting results now
how do i make small blocks of search results
its getting displayed all together
winroy
@winroy
Jan 23 2017 09:03
Hey guys, please give a comment to this tribute page that I made. http://codepen.io/winroy/full/KamEme/
abhijith shenoy
@shenoyabhijith
Jan 23 2017 09:06
@winroy :+1:
Aman saxena
@neille2406
Jan 23 2017 09:10
@winroy it's good
Sorin Ruse
@sorinr
Jan 23 2017 09:25
@shenoyabhijith here an example on how you can do it
abhijith shenoy
@shenoyabhijith
Jan 23 2017 09:28
@sorinr great helped alot
i need to get those into blocks and add some animation to it
Sorin Ruse
@sorinr
Jan 23 2017 09:29
@shenoyabhijith yep. i just made some changes in js. no styling at all
abhijith shenoy
@shenoyabhijith
Jan 23 2017 09:29
yep ill try some on my own
thanks @sorinr you helped me alot
CamperBot
@camperbot
Jan 23 2017 09:29
shenoyabhijith sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:star2: 1128 | @sorinr |http://www.freecodecamp.com/sorinr
winroy
@winroy
Jan 23 2017 09:34
wow. thank you guys. I thought I made an awful design haha
Chaitanya thakre
@Chaitanya009
Jan 23 2017 09:56
@winroy hey, u can check mine also http://codepen.io/Chaitanya009/pen/LxbRGg
@winroy good work
winroy
@winroy
Jan 23 2017 10:05
@Chaitanya009 you're tribute page is more cooler than mine. Great Job!
Chaitanya thakre
@Chaitanya009
Jan 23 2017 10:05
@winroy thnx
CamperBot
@camperbot
Jan 23 2017 10:05
chaitanya009 sends brownie points to @winroy :sparkles: :thumbsup: :sparkles:
:cookie: 120 | @winroy |http://www.freecodecamp.com/winroy
bwongcodes
@bwongcodes
Jan 23 2017 11:05
Hello
Can anyone please help me check why my personal portfolio webpage won't load the background image?
badalsaibo
@heyDante
Jan 23 2017 11:07
@bwongcodes your image hosting site?
bwongcodes
@bwongcodes
Jan 23 2017 11:08
@heyDante i have tried lots of different image hosting sites, none of them seem to be working
kirbyedy
@kirbyedy
Jan 23 2017 11:08
did you try with background-image: ?
bwongcodes
@bwongcodes
Jan 23 2017 11:08
@kirbyedy yeah, i have it also doesn't work
badalsaibo
@heyDante
Jan 23 2017 11:09
@bwongcodes then something's wrong with your code.
bwongcodes
@bwongcodes
Jan 23 2017 11:09
@heyDante i can't seem to find the problem
Utkarsh Agarwal
@greenutkarsh
Jan 23 2017 11:09
@bwongcodes upload ur image on open source website then u will get a direct link
kirbyedy
@kirbyedy
Jan 23 2017 11:10
@bwongcodes add this height: 100vh; to your .page1
bwongcodes
@bwongcodes
Jan 23 2017 11:13
@kirbyedy hey, i've just tried adding it - doesn't seem to be working
kirbyedy
@kirbyedy
Jan 23 2017 11:13
@bwongcodes I added <body> tag to your html and now its working
check the image
bwongcodes
@bwongcodes
Jan 23 2017 11:13
@kirbyedy okay
@kirbyedy whereabouts did you add it?
kirbyedy
@kirbyedy
Jan 23 2017 11:14
Screen Shot 2017-01-23 at 13.12.51.png
but wrap your html in the body tag
after header and until the end
brb
just fixed it
doesnt seem to be showing...
:(
badalsaibo
@heyDante
Jan 23 2017 11:22
@bwongcodes remove semicolon from your css nav-pills
at the end.
Linda
@Mee0wth
Jan 23 2017 11:22
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.
Clyde Lobo
@oppiniated
Jan 23 2017 11:24
@Mee0wth Do you have an example?
badalsaibo
@heyDante
Jan 23 2017 11:24
@Mee0wth did you tried giving it a specific class?
Linda
@Mee0wth
Jan 23 2017 11:25
<div class="jumbotron">
<div class="container text-center">
and in css file I wrote
.jumbotron {
background-color: #000;
}
Clyde Lobo
@oppiniated
Jan 23 2017 11:27
@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/
bwongcodes
@bwongcodes
Jan 23 2017 11:27
@heyDante oh my god thank you!
CamperBot
@camperbot
Jan 23 2017 11:27
bwongcodes sends brownie points to @heydante :sparkles: :thumbsup: :sparkles:
:cookie: 292 | @heydante |http://www.freecodecamp.com/heydante
badalsaibo
@heyDante
Jan 23 2017 11:27
@Mee0wth but it worked for me
Linda
@Mee0wth
Jan 23 2017 11:28
@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
CamperBot
@camperbot
Jan 23 2017 11:28
mee0wth sends brownie points to @oppiniated :sparkles: :thumbsup: :sparkles:
:cookie: 518 | @oppiniated |http://www.freecodecamp.com/oppiniated
Linda
@Mee0wth
Jan 23 2017 11:33
@heyDante thanks!
CamperBot
@camperbot
Jan 23 2017 11:33
mee0wth sends brownie points to @heydante :sparkles: :thumbsup: :sparkles:
:cookie: 295 | @heydante |http://www.freecodecamp.com/heydante
Rob
@Robszu
Jan 23 2017 11:40
@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
AzLuv
@AzLuv
Jan 23 2017 12:00
Hello World
CamperBot
@camperbot
Jan 23 2017 12:00

welcome to FreeCodeCamp @AzLuv!

Muhammad Hasham
@MohammadHasham
Jan 23 2017 12:17
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>
<!---->
Where am i doing wrong?
Sorin Ruse
@sorinr
Jan 23 2017 12:30
@MohammadHasham have you loaded also bootstrap js after jquery lib?
@MohammadHasham the code above its working
Muhammad Hasham
@MohammadHasham
Jan 23 2017 12:58
@sorinr yeah i was wrong ther
Sorin Ruse
@sorinr
Jan 23 2017 13:00
@MohammadHasham ok
Muhammad Hasham
@MohammadHasham
Jan 23 2017 13:03

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.

CamperBot
@camperbot
Jan 23 2017 13:03
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
Muhammad Hasham
@MohammadHasham
Jan 23 2017 13:04
i may disturb people here by asking my dumb and silly questions :smile:
@sorinr
where can i see my certificate?
Muhammad Hasham
@MohammadHasham
Jan 23 2017 13:11
i don't know why there is someone else's name appearing on there
JD Tadlock
@jdtdesigns
Jan 23 2017 13:12
click the buttons at the bottom @MohammadHasham
Muhammad Hasham
@MohammadHasham
Jan 23 2017 13:13
yeah i did that! i don't know which portfolio i have to visit
JD Tadlock
@jdtdesigns
Jan 23 2017 13:13
huh?
Muhammad Hasham
@MohammadHasham
Jan 23 2017 13:15
blob
@jdtdesigns
playingwithinfinity
@playingwithinfinity
Jan 23 2017 13:17
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.
Muhammad Hasham
@MohammadHasham
Jan 23 2017 13:18
@playingwithinfinity try youtube
JD Tadlock
@jdtdesigns
Jan 23 2017 13:18
@MohammadHasham Click on your avatar at the top right
Clyde Lobo
@oppiniated
Jan 23 2017 13:18
JD Tadlock
@jdtdesigns
Jan 23 2017 13:18
@playingwithinfinity FCC doesn't teach you much of anything
it just challenges you
Muhammad Hasham
@MohammadHasham
Jan 23 2017 13:19
@jdtdesigns especially for JS
@playingwithinfinity
there are all the challenges and projects i did @jdtdesigns
JD Tadlock
@jdtdesigns
Jan 23 2017 13:22
@MohammadHasham Are you signed into github?
DennisLoska
@DennisLoska
Jan 23 2017 13:48
9+78%F/&RTC VG()=ZUIHPJOBLKNÖM:;?´P;Ö:Ü-/
,654321,0
Sander Berntsen
@sbxn14
Jan 23 2017 14:06
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..
bwongcodes
@bwongcodes
Jan 23 2017 14:15
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
Moisés Man
@moigithub
Jan 23 2017 14:15
@sbxn14 start by adding ng-app to ur html
Sander Berntsen
@sbxn14
Jan 23 2017 14:15
oo right
Moisés Man
@moigithub
Jan 23 2017 14:16
then check devtools/console :)
geolocation in chrome is only supported using httpS (secure) protocol
Sander Berntsen
@sbxn14
Jan 23 2017 14:16
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)
how do . I fix that as this tells me nothing tbh
Moisés Man
@moigithub
Jan 23 2017 14:17
thats weird.. i didnt got that on my pc
save ur pen.. so i can reload
Sander Berntsen
@sbxn14
Jan 23 2017 14:17
done
Moisés Man
@moigithub
Jan 23 2017 14:18
ok i see it now...
whats the name of ur app module ?
the WHOLE string inside the quotes
Sander Berntsen
@sbxn14
Jan 23 2017 14:18
weatherWidget I think
var app = angular.module('app.weatherWidget', ['dark-sky'])
this right
Moisés Man
@moigithub
Jan 23 2017 14:18
nope
app.weatherWidget
Sander Berntsen
@sbxn14
Jan 23 2017 14:18
oo
whoops
alpox
@alpox
Jan 23 2017 14:18
@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
Sander Berntsen
@sbxn14
Jan 23 2017 14:19
oh didnt know
thanks
alpox
@alpox
Jan 23 2017 14:19
@sbxn14 np :-)
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
Sander Berntsen
@sbxn14
Jan 23 2017 14:20
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.
alpox
@alpox
Jan 23 2017 14:20
@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
Sander Berntsen
@sbxn14
Jan 23 2017 14:20
I did not know that thanks
alpox
@alpox
Jan 23 2017 14:20
(Not anymore)
Sander Berntsen
@sbxn14
Jan 23 2017 14:21
thanks @alpox
alpox
@alpox
Jan 23 2017 14:21
Np
Sander Berntsen
@sbxn14
Jan 23 2017 14:21
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
Moisés Man
@moigithub
Jan 23 2017 14:23
yep this site dont exist http://api.darksky.net/
Sander Berntsen
@sbxn14
Jan 23 2017 14:23
but but the api I got it from told me to use that q.q
Sander Berntsen
@sbxn14
Jan 23 2017 14:24
thats the one
alpox
@alpox
Jan 23 2017 14:24
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"
Sander Berntsen
@sbxn14
Jan 23 2017 14:25
i put in my api key tho
Moisés Man
@moigithub
Jan 23 2017 14:25
@alpox nvm.. was my blocker :P
alpox
@alpox
Jan 23 2017 14:26

@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 of
darkSky.getCurrent(position.latitude, position.longitude)

And it will work
You will get a response which is logged in the console
Khang Duy
@KD158
Jan 23 2017 14:26
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/
Sander Berntsen
@sbxn14
Jan 23 2017 14:27
@alpox on which line is that?
alpox
@alpox
Jan 23 2017 14:27
@sbxn14 13
Sander Berntsen
@sbxn14
Jan 23 2017 14:27
eyy it works :D
alpox
@alpox
Jan 23 2017 14:27
:-)
Sander Berntsen
@sbxn14
Jan 23 2017 14:27
thank you!! @alpox
CamperBot
@camperbot
Jan 23 2017 14:27
:cookie: 741 | @alpox |http://www.freecodecamp.com/alpox
alpox
@alpox
Jan 23 2017 14:28
@sbxn14 You're welcome :-)
Sander Berntsen
@sbxn14
Jan 23 2017 14:28
I should work on my angular :package:
CamperBot
@camperbot
Jan 23 2017 14:28
sbxn14 sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
Sander Berntsen
@sbxn14
Jan 23 2017 14:28
before finishing this.
alpox
@alpox
Jan 23 2017 14:28
@sbxn14 There was not really an angular problem with this issue :D
Sander Berntsen
@sbxn14
Jan 23 2017 14:28
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
Khang Duy
@KD158
Jan 23 2017 14:28
can any1 help me please?
alpox
@alpox
Jan 23 2017 14:28
That will come with time @sbxn14 :-) (I know javascript but no angular :P )
Sander Berntsen
@sbxn14
Jan 23 2017 14:29
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
alpox
@alpox
Jan 23 2017 14:29
@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.
Khang Duy
@KD158
Jan 23 2017 14:30
oh thanks @alpox
CamperBot
@camperbot
Jan 23 2017 14:30
kd158 sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:cookie: 742 | @alpox |http://www.freecodecamp.com/alpox
alpox
@alpox
Jan 23 2017 14:31
@KD158 np :-)
Vasile Botnaru
@VasileBotnaru
Jan 23 2017 14:32
those of you who have started building your personal portfolios - how do i get started? I mean what to look for?
Sander Berntsen
@sbxn14
Jan 23 2017 14:32
@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
Moisés Man
@moigithub
Jan 23 2017 14:32
@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
Sander Berntsen
@sbxn14
Jan 23 2017 14:32
and then put it in html and edit with css/js
alpox
@alpox
Jan 23 2017 14:33
@sbxn14 You could have done it with plain javascript though
Vasile Botnaru
@VasileBotnaru
Jan 23 2017 14:33
@sbxn14 thx
CamperBot
@camperbot
Jan 23 2017 14:33
vasilebotnaru sends brownie points to @sbxn14 :sparkles: :thumbsup: :sparkles:
:cookie: 265 | @sbxn14 |http://www.freecodecamp.com/sbxn14
Sander Berntsen
@sbxn14
Jan 23 2017 14:33
@alpox probably yea but I didnt know how to :/
alpox
@alpox
Jan 23 2017 14:34
@sbxn14 Its just putting together a request string as specified on their documentation: https://darksky.net/dev/docs/forecast
Sander Berntsen
@sbxn14
Jan 23 2017 14:34
wrong person :3
Vasile Botnaru
@VasileBotnaru
Jan 23 2017 14:35
true story
Sander Berntsen
@sbxn14
Jan 23 2017 14:35
ah like that. but how would I even apply that to the html then tho?
alpox
@alpox
Jan 23 2017 14:35
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
Sander Berntsen
@sbxn14
Jan 23 2017 14:36
should I replace this then? :/
cuz then you're gonna have to help me even more xD
alpox
@alpox
Jan 23 2017 14:36
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
Sander Berntsen
@sbxn14
Jan 23 2017 14:36
im too noob for it xD
Moisés Man
@moigithub
Jan 23 2017 14:37
but if u just starting to learn javascript I think u should start with basic first.. avoid frameworks
alpox
@alpox
Jan 23 2017 14:37
@moigithub True story
Sander Berntsen
@sbxn14
Jan 23 2017 14:37
I wouldve but i didnt know how to doo it without oone xD
Moisés Man
@moigithub
Jan 23 2017 14:40
https://javascript30.com/ this guy have some nice free videos
pure javascript
Sander Berntsen
@sbxn14
Jan 23 2017 14:42
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?
Moisés Man
@moigithub
Jan 23 2017 14:45
u already have a controller.. instead of console.log ur data.. u just populate ur $scope.variables
and set some {{placeholders}} on ur html
Sander Berntsen
@sbxn14
Jan 23 2017 14:46
instead of the console.log
inside this? .then(console.log)
Moisés Man
@moigithub
Jan 23 2017 14:47
yep... then accept a function callback where u can access ur data
.then(function( data ){
   // populate ur $scope variables from data object
})
Sander Berntsen
@sbxn14
Jan 23 2017 14:48
oh so just replace it with that anda dd scopes?
am I doing it wrong?
Sander Berntsen
@sbxn14
Jan 23 2017 14:50
id give the different sections an id or class
Moisés Man
@moigithub
Jan 23 2017 14:51
on devtools/console it show this error
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
Vasile Botnaru
@VasileBotnaru
Jan 23 2017 14:53
@moigithub ok, thx
CamperBot
@camperbot
Jan 23 2017 14:53
vasilebotnaru sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star2: 2580 | @moigithub |http://www.freecodecamp.com/moigithub
Vasile Botnaru
@VasileBotnaru
Jan 23 2017 14:54
what about your portfolios, did you just figure it out by yourselves or you used someones code?
Moisés Man
@moigithub
Jan 23 2017 14:54
or remove bootstrap.js IF u not gonna use bootstrap DYNAmic components
Vasile Botnaru
@VasileBotnaru
Jan 23 2017 14:56
I mean I don't feel like i can use jQuerry, did you know how to use it, or you've seen code samples>
?
Moisés Man
@moigithub
Jan 23 2017 14:57
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
i like more coding.. design is not my thing
Aaron
@apalm1341
Jan 23 2017 14:57
hey all
anyone good with java here?
need some help
Vasile Botnaru
@VasileBotnaru
Jan 23 2017 14:58
@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?
Moisés Man
@moigithub
Jan 23 2017 14:59
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
Vasile Botnaru
@VasileBotnaru
Jan 23 2017 15:00
@moigithub So the right thing to be done right now is to use other sources for learning? Or for doing?
alpox
@alpox
Jan 23 2017 15:00
@apalm1341 Good? Maybe not, but i know some things :D
You can try and ask ^^
@moigithub Same here, coding is more fun :D
Moisés Man
@moigithub
Jan 23 2017 15:01
@VasileBotnaru both :)
read/watch.. then try to do it urself.. and repeat
Vasile Botnaru
@VasileBotnaru
Jan 23 2017 15:02
@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?
alpox
@alpox
Jan 23 2017 15:03
@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
Vasile Botnaru
@VasileBotnaru
Jan 23 2017 15:05
@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?
CamperBot
@camperbot
Jan 23 2017 15:06
vasilebotnaru sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:cookie: 743 | @alpox |http://www.freecodecamp.com/alpox
Muhammad Hasham
@MohammadHasham
Jan 23 2017 15:07
where is my front end certificate? i can't find it.It says that it is on my 'portfolio'?
can anyone help me?
alpox
@alpox
Jan 23 2017 15:07
@VasileBotnaru Exactly. Learning by doing. This is usually the easiest and best approach
Moisés Man
@moigithub
Jan 23 2017 15:07
about @MohammadHasham
CamperBot
@camperbot
Jan 23 2017 15:07
:cookie: 344 | @mohammadhasham |http://www.freecodecamp.com/mohammadhasham
Moisés Man
@moigithub
Jan 23 2017 15:07
@MohammadHasham shouuld be on that link :point_up: :point_up_2:
Muhammad Hasham
@MohammadHasham
Jan 23 2017 15:08
@moigithub Thanks once again!
CamperBot
@camperbot
Jan 23 2017 15:08
mohammadhasham sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star2: 2581 | @moigithub |http://www.freecodecamp.com/moigithub
Moisés Man
@moigithub
Jan 23 2017 15:09
and congratulations :) !! :clap:
Vasile Botnaru
@VasileBotnaru
Jan 23 2017 15:11
Should nav bars be made of lists?
because i haven't used lists
Sander Berntsen
@sbxn14
Jan 23 2017 15:12
is it possible to make a $scope printing the city while I only get the coordinates of the place? :/
Darth Skywalker
@adityaparab
Jan 23 2017 15:14
@sbxn14 need more info. $scope will print anything that is stored on it
Sander Berntsen
@sbxn14
Jan 23 2017 15:15
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)
Sorin Ruse
@sorinr
Jan 23 2017 15:16
@MohammadHasham here certificate
Darth Skywalker
@adityaparab
Jan 23 2017 15:19
@sbxn14 You will need some other API that gives you city/country based on geolocation coords
Sander Berntsen
@sbxn14
Jan 23 2017 15:19
damn
Darth Skywalker
@adityaparab
Jan 23 2017 15:20
@sbxn14 google maps api might be of some help
first import this script in your codepen
Sander Berntsen
@sbxn14
Jan 23 2017 15:20
how would I use that tho. im not that advanced in js
imported it
in js
Darth Skywalker
@adityaparab
Jan 23 2017 15:21
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
r2d2
@UsamaHameed
Jan 23 2017 15:23
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?
Sander Berntsen
@sbxn14
Jan 23 2017 15:23
will that still give me the weather aswell?
r2d2
@UsamaHameed
Jan 23 2017 15:23
@adityaparab halp
pls
Sander Berntsen
@sbxn14
Jan 23 2017 15:24
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.
??
Sander Berntsen
@sbxn14
Jan 23 2017 15:30
where do I put my key?
Darth Skywalker
@adityaparab
Jan 23 2017 15:30
@UsamaHameed shoot
@sbxn14 crap!
you do need key for googl apis
Sander Berntsen
@sbxn14
Jan 23 2017 15:30
@adityaparab i fixed the error by making the import a https
I just got a key
but where do I put it
r2d2
@UsamaHameed
Jan 23 2017 15:31
I can't use multiple setIntervals in JS right? @adityaparab Single threaded language!!!
Darth Skywalker
@adityaparab
Jan 23 2017 15:32
@sbxn14 use this script tag instead
<script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
</script>
Sander Berntsen
@sbxn14
Jan 23 2017 15:32
instead of importing it?
via the menu
Darth Skywalker
@adityaparab
Jan 23 2017 15:33
@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
CamperBot
@camperbot
Jan 23 2017 15:35
no wiki entry for: the display function doesnt work
Sander Berntsen
@sbxn14
Jan 23 2017 15:35
@adityaparab replace the code you gave earlier and replace it with the one from the site?
r2d2
@UsamaHameed
Jan 23 2017 15:35
@adityaparab sounds like stuff outta my league :P
Darth Skywalker
@adityaparab
Jan 23 2017 15:36
@sbxn14 that would be great
for this is an updated info (in the link)
Sander Berntsen
@sbxn14
Jan 23 2017 15:36
ah ok
Darth Skywalker
@adityaparab
Jan 23 2017 15:36
I shared the older version that we're using in the legacy system
so it may or may not work with latest api
r2d2
@UsamaHameed
Jan 23 2017 15:36
@shenoyabhijith what is $content?
abhijith shenoy
@shenoyabhijith
Jan 23 2017 15:37
its a id
from html
Sander Berntsen
@sbxn14
Jan 23 2017 15:39
god this stuff is confusing
i dont want a map? this gives me a map tho
Darth Skywalker
@adityaparab
Jan 23 2017 15:43
@sbxn14 haha
abhijith shenoy
@shenoyabhijith
Jan 23 2017 15:43
@adityaparab
help
Darth Skywalker
@adityaparab
Jan 23 2017 15:43
then may be you should find another weather api that gives you location details
@shenoyabhijith whats the problem again?
Sander Berntsen
@sbxn14
Jan 23 2017 15:43
but i spent so much time trying to make this one to work..
i tried others but they wouldnt work
Darth Skywalker
@adityaparab
Jan 23 2017 15:45

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) :)

Sander Berntsen
@sbxn14
Jan 23 2017 15:45
xD true
well.. any api you recommend?
Darth Skywalker
@adityaparab
Jan 23 2017 15:46
I've seen many people use this
Sander Berntsen
@sbxn14
Jan 23 2017 15:46
i tried that. got completely lost on it xD
Darth Skywalker
@adityaparab
Jan 23 2017 15:47
:D
could be some CORS issue
did you use &callback=JSON_CALLBACK in your $http ?
Sander Berntsen
@sbxn14
Jan 23 2017 15:48
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 .-.
Sorin Ruse
@sorinr
Jan 23 2017 15:49
@adityaparab openweather works only on http with the free plan
abhijith shenoy
@shenoyabhijith
Jan 23 2017 15:50
@sorinr im stuck on display function
Muhammad Hasham
@MohammadHasham
Jan 23 2017 15:50
@sorinr thanks
CamperBot
@camperbot
Jan 23 2017 15:50
mohammadhasham sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:star2: 1131 | @sorinr |http://www.freecodecamp.com/sorinr
Sorin Ruse
@sorinr
Jan 23 2017 15:50
@MohammadHasham welcome
@shenoyabhijith get rid of all that divs content1.... . let in place only the initial one
Sander Berntsen
@sbxn14
Jan 23 2017 15:52
whats the different between using json callback and well not doing it?
Darth Skywalker
@adityaparab
Jan 23 2017 15:55
@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.
Muhammad Hasham
@MohammadHasham
Jan 23 2017 15:55
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]]]]);
in this solution of steamroller what is the significance of arr.forEach(flatten);
@sorinr @adityaparab
Darth Skywalker
@adityaparab
Jan 23 2017 15:55
but if you do that, you custom function should implement all the logic to provide parsed json to the $httpProvider
only 1 result appears
Darth Skywalker
@adityaparab
Jan 23 2017 15:56
@MohammadHasham shouldn't you be calling steamrollArray(arg[a]) instead of flatten(arg[a]);?
@MohammadHasham nvm
didn't see you defined internal function
Sorin Ruse
@sorinr
Jan 23 2017 15:57
@shenoyabhijith i know just wait a sec
Muhammad Hasham
@MohammadHasham
Jan 23 2017 15:57
@adityaparab can you tell me what is the need?
Darth Skywalker
@adityaparab
Jan 23 2017 15:57
@MohammadHasham : need for?
Sorin Ruse
@sorinr
Jan 23 2017 15:58
@shenoyabhijith get rid also in css of #content1 ....
Muhammad Hasham
@MohammadHasham
Jan 23 2017 15:58
arr.forEach(flatten);
@adityaparab
did still only 1
result
Darth Skywalker
@adityaparab
Jan 23 2017 16:00
@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
Sorin Ruse
@sorinr
Jan 23 2017 16:01
@shenoyabhijith this is what u whant ?
Muhammad Hasham
@MohammadHasham
Jan 23 2017 16:01
but we are already passing the 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
abhijith shenoy
@shenoyabhijith
Jan 23 2017 16:02
nope i want all the result
appear in different blocks organized
Darth Skywalker
@adityaparab
Jan 23 2017 16:03

@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;
Muhammad Hasham
@MohammadHasham
Jan 23 2017 16:04
@adityaparab Thanks alot! the second one actually makes sense.
CamperBot
@camperbot
Jan 23 2017 16:04
mohammadhasham sends brownie points to @adityaparab :sparkles: :thumbsup: :sparkles:
:cookie: 882 | @adityaparab |http://www.freecodecamp.com/adityaparab
Darth Skywalker
@adityaparab
Jan 23 2017 16:04

but we are already passing the 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?

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]]]]);
Sorin Ruse
@sorinr
Jan 23 2017 16:05
@shenoyabhijith this is how they appear
abhijith shenoy
@shenoyabhijith
Jan 23 2017 16:05
i want information cards
Darth Skywalker
@adityaparab
Jan 23 2017 16:05
This is also correct for those brackets in :[arr] are redundant in this example
abhijith shenoy
@shenoyabhijith
Jan 23 2017 16:05
separate
Darth Skywalker
@adityaparab
Jan 23 2017 16:05
function steamrollArray(arr) {
   return Array.isArray(arr) ? Array.prototype.concat.apply([],arr.map(steamrollArray)):arr;
}

steamrollArray([1, [2], [3, [[4]]]]);
Muhammad Hasham
@MohammadHasham
Jan 23 2017 16:07
@adityaparab can we call it a recursive solution?
abhijith shenoy
@shenoyabhijith
Jan 23 2017 16:07
@adityaparab i feel like coping code
Muhammad Hasham
@MohammadHasham
Jan 23 2017 16:07
because each time we are placing value again and again
abhijith shenoy
@shenoyabhijith
Jan 23 2017 16:07
so much frustrated with this wiki project !
but then again i feel like i wanna learn how to do
Darth Skywalker
@adityaparab
Jan 23 2017 16:08
@MohammadHasham Yes. It is recursice
and so is yours
you're recursively calling flatten
Muhammad Hasham
@MohammadHasham
Jan 23 2017 16:08
@shenoyabhijith same situation as it was for me.
Sorin Ruse
@sorinr
Jan 23 2017 16:08
Screenshot from 2017-01-23 18-07-01.png
@shenoyabhijith this is how they look now
Darth Skywalker
@adityaparab
Jan 23 2017 16:08

@shenoyabhijith

but then again i feel like i wanna learn how to do

never ever give up

abhijith shenoy
@shenoyabhijith
Jan 23 2017 16:08
how do you learn
Darth Skywalker
@adityaparab
Jan 23 2017 16:08
pain brings growth
abhijith shenoy
@shenoyabhijith
Jan 23 2017 16:08
when you dont know anything
Muhammad Hasham
@MohammadHasham
Jan 23 2017 16:09
@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.
Darth Skywalker
@adityaparab
Jan 23 2017 16:09

how do you learn

by pushing through the bullshit that comes to your mind, bullshit like when you dont know anything

abhijith shenoy
@shenoyabhijith
Jan 23 2017 16:09
i just know some html and css this engineering never time to learn daily
Muhammad Hasham
@MohammadHasham
Jan 23 2017 16:09
@shenoyabhijith i am also learning js.
abhijith shenoy
@shenoyabhijith
Jan 23 2017 16:09
javascript had a long gap !
Darth Skywalker
@adityaparab
Jan 23 2017 16:09
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
abhijith shenoy
@shenoyabhijith
Jan 23 2017 16:10
now project seems like you do the javascript again
Muhammad Hasham
@MohammadHasham
Jan 23 2017 16:10
yes! but worth it! i am really inpired by @sorinr @adityaparab and many others.They are really good developers.
abhijith shenoy
@shenoyabhijith
Jan 23 2017 16:10
from scratch!'
Darth Skywalker
@adityaparab
Jan 23 2017 16:10
and then you were up in everyone's face like "look at me bitch! I can run now!"
Muhammad Hasham
@MohammadHasham
Jan 23 2017 16:11
@shenoyabhijith yeah its all right! its never too late to start.
abhijith shenoy
@shenoyabhijith
Jan 23 2017 16:11
its like i need the certificate ! fcc adds heavy value to resume'
Muhammad Hasham
@MohammadHasham
Jan 23 2017 16:11
@shenoyabhijith no
that's not the point its the skills
a cert. is just a piece of ppr but skills remain with you
abhijith shenoy
@shenoyabhijith
Jan 23 2017 16:12
yeah after wiki im doing javascript from scratch
Muhammad Hasham
@MohammadHasham
Jan 23 2017 16:13
@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
abhijith shenoy
@shenoyabhijith
Jan 23 2017 16:14
hmm thanks a lot @MohammadHasham
CamperBot
@camperbot
Jan 23 2017 16:14
shenoyabhijith sends brownie points to @mohammadhasham :sparkles: :thumbsup: :sparkles:
:cookie: 345 | @mohammadhasham |http://www.freecodecamp.com/mohammadhasham
Muhammad Hasham
@MohammadHasham
Jan 23 2017 16:14
this guy is awesome
abhijith shenoy
@shenoyabhijith
Jan 23 2017 16:14
and @sorinr
Muhammad Hasham
@MohammadHasham
Jan 23 2017 16:14
no problem i am in the same situation.
abhijith shenoy
@shenoyabhijith
Jan 23 2017 16:14
thanks for the motivation
Muhammad Hasham
@MohammadHasham
Jan 23 2017 16:14
:+1:
abhijith shenoy
@shenoyabhijith
Jan 23 2017 16:15
yeah but advanced stuff is just learnt by books
you don't find really deep tutorials n youtube
Muhammad Hasham
@MohammadHasham
Jan 23 2017 16:15
yeah!
abhijith shenoy
@shenoyabhijith
Jan 23 2017 16:16
@MohammadHasham are you a full time fcc?
Stefan Miodrag
@stefanmiodrag
Jan 23 2017 16:21
Hey, I'm working on the tribute page project, and I have a silly question. Anyone who got time to answer it? :smile:
Sander Berntsen
@sbxn14
Jan 23 2017 16:22
https://codepen.io/sbxn14/pen/apmJJQ why isnt my angular tag working?
Moisés Man
@moigithub
Jan 23 2017 16:23
@sbxn14 what name have ur angular module ??
var app = angular.module('Weather', []);
it should match with ur ng-app on ur html
Sander Berntsen
@sbxn14
Jan 23 2017 16:23
fuck I forgot to change it
Moisés Man
@moigithub
Jan 23 2017 16:23
:P
Sander Berntsen
@sbxn14
Jan 23 2017 16:23
changed it. still doesnt work
Darth Skywalker
@adityaparab
Jan 23 2017 16:23
:laughing:
Vasile Botnaru
@VasileBotnaru
Jan 23 2017 16:24
@stefanmiodrag say it
Stefan Miodrag
@stefanmiodrag
Jan 23 2017 16:24
@VasileBotnaru What is better: using <br> or setting the width ? I know it is a pretty silly question, but I'm genuinely curious.
Sander Berntsen
@sbxn14
Jan 23 2017 16:25
;-;
Darth Skywalker
@adityaparab
Jan 23 2017 16:25
As a rule of thumb, br tags should be avoided as much as possible
Moisés Man
@moigithub
Jan 23 2017 16:25
app.factory('WeatherWdiget' < typo ? @sbxn14
vs
app.controller('WeatherCtrl', function($scope, WeatherWidget)<
Sander Berntsen
@sbxn14
Jan 23 2017 16:25
sure is one.
Stefan Miodrag
@stefanmiodrag
Jan 23 2017 16:26
Alright, thank you.
Sander Berntsen
@sbxn14
Jan 23 2017 16:26
not that it fixed anything xD
Darth Skywalker
@adityaparab
Jan 23 2017 16:27
Do you see any error on console ?
Moisés Man
@moigithub
Jan 23 2017 16:27
also on ur code u have WeatherApi.. .. it should be WeatherWidget
WeatherApi dont exist
Sander Berntsen
@sbxn14
Jan 23 2017 16:28
this is what i get if i change my code fifty times
now the tag is empty q.q
Moisés Man
@moigithub
Jan 23 2017 16:28
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.
Sander Berntsen
@sbxn14
Jan 23 2017 16:29
ah the link doesnt add my key
aha fixed it! and the next error popped up!
Muhammad Hasham
@MohammadHasham
Jan 23 2017 16:34
@shenoyabhijith no.Unfortunately.
TTFlasher
@TTFlasher
Jan 23 2017 16:34
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>
Darth Skywalker
@adityaparab
Jan 23 2017 16:37
@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
abhijith shenoy
@shenoyabhijith
Jan 23 2017 16:38
@MohammadHasham thanks for the suggestion
CamperBot
@camperbot
Jan 23 2017 16:38
shenoyabhijith sends brownie points to @mohammadhasham :sparkles: :thumbsup: :sparkles:
:warning: shenoyabhijith already gave mohammadhasham points
TTFlasher
@TTFlasher
Jan 23 2017 16:39
@adityaparab I did h1 but stilly nothing
Darth Skywalker
@adityaparab
Jan 23 2017 16:42
@TTFlasher you have a codepen ?
TTFlasher
@TTFlasher
Jan 23 2017 16:44
Yep I have, but it's working now. Just closed the pen and reopened it lol
Darth Skywalker
@adityaparab
Jan 23 2017 16:49
lol
minakasiin
@minakasiin
Jan 23 2017 16:50
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"
aenila
@aenila
Jan 23 2017 16:53
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.
Tariyel Hamidov
@tariellaelius
Jan 23 2017 16:55
@minakasiin Check if you have a typo in your selector maybe?
minakasiin
@minakasiin
Jan 23 2017 16:57
Then it wouldn't work at all, right?
Tyler Moeller
@TylerMoeller
Jan 23 2017 16:57
@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
aenila
@aenila
Jan 23 2017 16:57
Ouch haha. Always the little things. Thank you @TylerMoeller
CamperBot
@camperbot
Jan 23 2017 16:57
aenila sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1377 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
aenila
@aenila
Jan 23 2017 16:58
Ok, I will take a look at the loop as well. I really appreciate the help
Tyler Moeller
@TylerMoeller
Jan 23 2017 16:58
@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.
aenila
@aenila
Jan 23 2017 16:59
Sweet. I always used F12 but it's so imposing I hate leaving it up
Tariyel Hamidov
@tariellaelius
Jan 23 2017 17:00
@minakasiin If you select the element correctly, it should work.
pkaretas
@pkaretas
Jan 23 2017 17:23
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
Rishav upadhayay
@Rish-hap
Jan 23 2017 17:28
Can anyone please explain the diff between the html width/height attribite and css width/height property on the <img> tag?
minakasiin
@minakasiin
Jan 23 2017 17:29
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
Tyler Moeller
@TylerMoeller
Jan 23 2017 17:30
@pkaretas You're getting a cached quote, add this to your document.ready: $.ajaxSetup({cache: false});
Chris
@bestintown23
Jan 23 2017 17:44
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.
pkaretas
@pkaretas
Jan 23 2017 17:44
@TylerMoeller Thanks, that was it
CamperBot
@camperbot
Jan 23 2017 17:44
pkaretas sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1378 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Tariyel Hamidov
@tariellaelius
Jan 23 2017 17:46
@bestintown23 Try background-size: 100%;
JD Tadlock
@jdtdesigns
Jan 23 2017 17:46
@bestintown23
background-size: cover;
background-position: center center;
JD Tadlock
@jdtdesigns
Jan 23 2017 18:13
@TylerMoeller What're you currently working on?
Tyler Moeller
@TylerMoeller
Jan 23 2017 18:16
@jdtdesigns Just some hobby projects at the moments
JD Tadlock
@jdtdesigns
Jan 23 2017 18:18
I'm converting my portfolio over to Vue/Firebase
then it's on to a church site overhaul
Tyler Moeller
@TylerMoeller
Jan 23 2017 18:19
@jdtdesigns Very nice. Have you checked out inferno.js?
Chris
@bestintown23
Jan 23 2017 18:20
@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?
CamperBot
@camperbot
Jan 23 2017 18:20
bestintown23 sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 875 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
JD Tadlock
@jdtdesigns
Jan 23 2017 18:21
@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.
Srđan Međo
@PerpetualWar
Jan 23 2017 18:59
guys anyone can help with dealing with OpenWeatherApi limit requests ?
Moisés Man
@moigithub
Jan 23 2017 19:01
limit.. $$$$ solves
Tyler Moeller
@TylerMoeller
Jan 23 2017 19:10
@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
Srđan Međo
@PerpetualWar
Jan 23 2017 19:17
@TylerMoeller how can I copy the given JSON in a var using getJSON() function ?
Tyler Moeller
@TylerMoeller
Jan 23 2017 19:18
@PerpetualWar Use console.log and then copy it from the console
Srđan Međo
@PerpetualWar
Jan 23 2017 19:19
can I use var cache = console.log(name); ?
Tyler Moeller
@TylerMoeller
Jan 23 2017 19:20
@PerpetualWar Might be easier to just copy the example JSON from here: https://openweathermap.org/current#geo
Srđan Međo
@PerpetualWar
Jan 23 2017 19:21
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 ?
Tyler Moeller
@TylerMoeller
Jan 23 2017 19:21
@PerpetualWar You get 60 calls per minute for free according to: https://openweathermap.org/price
Up to 5,000 calls a day
Srđan Međo
@PerpetualWar
Jan 23 2017 19:23
hm ye
I was checking this page
but you are correct, this is only for getting accurate API response
Tyler Moeller
@TylerMoeller
Jan 23 2017 19:24
Yeah, the most frequently they update the weather is once every 10 minutes
Srđan Međo
@PerpetualWar
Jan 23 2017 19:24
ye my bad then :)
Tyler Moeller
@TylerMoeller
Jan 23 2017 19:25
You should be fine - I've never hit the limit :)
Srđan Međo
@PerpetualWar
Jan 23 2017 19:25
one more question @TylerMoeller
Tyler Moeller
@TylerMoeller
Jan 23 2017 19:25
@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
Srđan Međo
@PerpetualWar
Jan 23 2017 19:25
when I print json output on the console
Josie
@Josie-N
Jan 23 2017 19:25

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?

Srđan Međo
@PerpetualWar
Jan 23 2017 19:26
whats easiest way to add it to another object ?
ye @tariellaelius told me the same :)
Tyler Moeller
@TylerMoeller
Jan 23 2017 19:27
@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 :)
You can beautify it if needed here: http://codebeautify.org/jsonviewer
alpox
@alpox
Jan 23 2017 19:27
@Josie-N Your html is all messed up.
  1. codepen doesn't want you to put any html or body tag into it.
  2. Some of your html is outside of the body tag (Some div) which is no valid html.
Srđan Međo
@PerpetualWar
Jan 23 2017 19:28
@TylerMoeller I meant how to do it automatically thru the code
not manually
Tyler Moeller
@TylerMoeller
Jan 23 2017 19:28
@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
Srđan Međo
@PerpetualWar
Jan 23 2017 19:31
@TylerMoeller I did but I didn't store complete JSON anywhere tbh :/
Patrick Black
@Mortiferr
Jan 23 2017 19:31
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
Srđan Međo
@PerpetualWar
Jan 23 2017 19:31
I just took values that I needed
Josie
@Josie-N
Jan 23 2017 19:32
@alpox why doesn't codepen want me to use html and body?
Hello911
@Hello911
Jan 23 2017 19:32
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?
Tyler Moeller
@TylerMoeller
Jan 23 2017 19:33

@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'
});
alpox
@alpox
Jan 23 2017 19:36
@Josie-N the html and body tags are created by codepen directly so you shouldn't declare any of them yourself anymore.
Srđan Međo
@PerpetualWar
Jan 23 2017 19:36
```$.getJSON("url", function(temperature) {
var cache = {};
cache = temperature;}
this is valid correct ?
Tariyel Hamidov
@tariellaelius
Jan 23 2017 19:37
@PerpetualWar It doesn't matter what name you give to the variable, it's not going to automatically extract temperature information, for example
Tyler Moeller
@TylerMoeller
Jan 23 2017 19:38
@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.
Srđan Međo
@PerpetualWar
Jan 23 2017 19:38
@tariellaelius so you are saying this is correct ?
ye sometimes I feel I forget even what is simplest of operations @TylerMoeller
Tyler Moeller
@TylerMoeller
Jan 23 2017 19:39
There's a lot to remember and takes a lot of practice :/
Srđan Međo
@PerpetualWar
Jan 23 2017 19:42
ok I think I get it
Sam Griffen
@ssgriffen
Jan 23 2017 19:42
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
Srđan Međo
@PerpetualWar
Jan 23 2017 19:43
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
CamperBot
@camperbot
Jan 23 2017 19:43
:warning: perpetualwar already gave tariellaelius points
Tyler Moeller
@TylerMoeller
Jan 23 2017 19:44
@Mortiferr You seem to be missing an & in front of the lon parameter in your Weather API URL: "&lon="
CamperBot
@camperbot
Jan 23 2017 19:44
:star2: 1381 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
perpetualwar sends brownie points to @tylermoeller and @tariellaelius :sparkles: :thumbsup: :sparkles:
Tyler Moeller
@TylerMoeller
Jan 23 2017 19:44
@PerpetualWar Good luck - we can help more when needed :+1:
Tariyel Hamidov
@tariellaelius
Jan 23 2017 19:44
@PerpetualWar good luck ;)
Patrick Black
@Mortiferr
Jan 23 2017 19:46
thank you @TylerMoeller
CamperBot
@camperbot
Jan 23 2017 19:46
mortiferr sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1382 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
dovroc
@dovroc
Jan 23 2017 19:50
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?
Tyler Moeller
@TylerMoeller
Jan 23 2017 19:51
@dovroc There are two ways you can get Brownie Points:
  1. Complete challenges - you get one point per challenge you complete
  2. 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
CamperBot
@camperbot
Jan 23 2017 19:51
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
Tyler Moeller
@TylerMoeller
Jan 23 2017 19:52
:) lol
dovroc
@dovroc
Jan 23 2017 19:52
thanks for that
Tyler Moeller
@TylerMoeller
Jan 23 2017 19:54
@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.
Josie
@Josie-N
Jan 23 2017 19:56
@alpox Got it, thanks!
CamperBot
@camperbot
Jan 23 2017 19:56
josie-n sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:cookie: 744 | @alpox |http://www.freecodecamp.com/alpox
Josie
@Josie-N
Jan 23 2017 19:56
@TylerMoeller Thanks!
CamperBot
@camperbot
Jan 23 2017 19:56
josie-n sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1383 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Tyler Moeller
@TylerMoeller
Jan 23 2017 19:57
@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:
GCastro51
@GCastro51
Jan 23 2017 20:06
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?
Josie
@Josie-N
Jan 23 2017 20:08
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:
Oh no, everything's messed up on a smaller screen!
Tyler Moeller
@TylerMoeller
Jan 23 2017 20:10
@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.
Nick
@JummboShrimp
Jan 23 2017 20:10
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
Josie
@Josie-N
Jan 23 2017 20:12
@TylerMoeller wow, how can I put all my columns in a row?
like the grid you sent me?
Tyler Moeller
@TylerMoeller
Jan 23 2017 20:13
@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 :))
Josie
@Josie-N
Jan 23 2017 20:17
@TylerMoeller Thanks, that really helps, I'll delete the pull-lefts and try to rearrange them.
CamperBot
@camperbot
Jan 23 2017 20:17
josie-n sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:warning: josie-n already gave tylermoeller points
Josie
@Josie-N
Jan 23 2017 20:17
I'll probably take me 4 days or something.
Tristan R
@TristanTaka
Jan 23 2017 21:00
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?
JD Tadlock
@jdtdesigns
Jan 23 2017 21:02
@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 ;)
Josie
@Josie-N
Jan 23 2017 21:07
@jdtdesigns good advice
Hello911
@Hello911
Jan 23 2017 21:09
//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");
How do I make "Kristian", "lastName" return "Vos"?
JD Tadlock
@jdtdesigns
Jan 23 2017 21:09
@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 ;)
Hello911
@Hello911
Jan 23 2017 21:16
 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
Sono Oricco
@Bloemenstraat
Jan 23 2017 21:16
Who is prolific using APIs ? I need help for a job, but only in pm, pliiiiz
JD Tadlock
@jdtdesigns
Jan 23 2017 21:18
@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
Christopher
@bradley1492
Jan 23 2017 21:23
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?
JD Tadlock
@jdtdesigns
Jan 23 2017 21:25
@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 ;)
MaxLAB
@Max-LAB
Jan 23 2017 21:25
@bradley1492 you can simply use window.open and twitter url in it
Christopher
@bradley1492
Jan 23 2017 21:25
Thanks guys
Christopher
@bradley1492
Jan 23 2017 21:25
:)
JD Tadlock
@jdtdesigns
Jan 23 2017 21:25
you can just concat the quote on the end
no need for window.open ;)
Christopher
@bradley1492
Jan 23 2017 21:27
Cool I´ll give those tips some tries!
MaxLAB
@Max-LAB
Jan 23 2017 21:28
@jdtdesigns how can you open url without window.open or openURL in *.js file?
JD Tadlock
@jdtdesigns
Jan 23 2017 21:29
easy @Max-LAB
just change the href of the tweet link
and make sure it has target="_blank"
Hello911
@Hello911
Jan 23 2017 21:30

@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.
.

MaxLAB
@Max-LAB
Jan 23 2017 21:31
@jdtdesigns .attr("href", "http link"); got it.. nice approach :+1:
JD Tadlock
@jdtdesigns
Jan 23 2017 21:32
@Hello911 You don't need the else for no such contact
just place that outside the for
@Max-LAB ;)
Hello911
@Hello911
Jan 23 2017 21:33
@jdtdesigns GOT IT. challenged completed. thank you.
CamperBot
@camperbot
Jan 23 2017 21:33
hello911 sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 876 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
JD Tadlock
@jdtdesigns
Jan 23 2017 21:34
@Hello911 welcome
Chris
@bestintown23
Jan 23 2017 21:42
how do i make the footer of my page to be on the bottom? its appearing in the middle.
JD Tadlock
@jdtdesigns
Jan 23 2017 21:43
@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
Baillie O'Grady
@baillieo
Jan 23 2017 21:57
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
Jennifer
@jchiang7874
Jan 23 2017 22:04

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!

https://codepen.io/jchiang7874/pen/YNQNeq

Also, I'm still iffy on APIs, can anyone recommend any tutorials? Thanks.
Tyler Moeller
@TylerMoeller
Jan 23 2017 22:07
@jchiang7874 Looks like you fixed it with:
      $(".quote").html("");
      $(".author").html("");
Another way is to use .empty(): https://api.jquery.com/empty/
Ian Lee
@asparism
Jan 23 2017 22:08
does anyone know why the promise in this Codepen doesn't work on .then()? http://codepen.io/Asparism/pen/PWPrMK?editors=0011
Mario Galindo
@mariogalindov
Jan 23 2017 22:08

Hi there is there a way to make all thumbnails the same height?

http://codepen.io/magv89/pen/xgVoqj?editors=1100

Tyler Moeller
@TylerMoeller
Jan 23 2017 22:10
@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.
Tyler Moeller
@TylerMoeller
Jan 23 2017 22:15
@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.
Ian Lee
@asparism
Jan 23 2017 22:15
@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;
Jennifer
@jchiang7874
Jan 23 2017 22:16
@TylerMoeller Thank you! :+1: It worked but why?
CamperBot
@camperbot
Jan 23 2017 22:16
jchiang7874 sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1385 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Tyler Moeller
@TylerMoeller
Jan 23 2017 22:18
@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
Baillie O'Grady
@baillieo
Jan 23 2017 22:26
Mrs-coder what are you trying to achieve?
mrs-coder
@mrs-coder
Jan 23 2017 22:30
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
armynational
@armynational
Jan 23 2017 22:32
hey so im trying to put a background image on my personal portfolio and everything looks right but its not working any help\
detour26
@detour26
Jan 23 2017 22:33
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
armynational
@armynational
Jan 23 2017 22:34
theres a tutuorial on youtube that has helped ,me alot the channel is called code tutorials360
@detour26
detour26
@detour26
Jan 23 2017 22:35
@armynational Thanks, I'll go ahead and take a look
CamperBot
@camperbot
Jan 23 2017 22:35
detour26 sends brownie points to @armynational :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for armynational
Moisés Man
@moigithub
Jan 23 2017 22:36
This message was deleted
Mario Galindo
@mariogalindov
Jan 23 2017 23:17
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.
CamperBot
@camperbot
Jan 23 2017 23:17
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