These are chat archives for FreeCodeCamp/HelpFrontEnd

17th
Aug 2016
Jerzz
@2cool4school
Aug 17 2016 00:02
i used bootstrap grid layout and actually i switched to just drawing the board in css, making div element class="gameboard" and 9 div's inside that, id="top-left", id="top-mid", .. id="bot-right. set gameboard width to 900px and each child of class="sq" to width300x, gave them a heigh of like 250, drew the boarders where they needed to be and then my code was really responsive to the div i was clicking
i mactually on the wikiviewer RIGHT NOW, i was killing myself over the responsivenesss of that, and decided to go cheap with a cheap button and normal input
sentedelviento
@sentedelviento
Aug 17 2016 00:04
sounds like something you could have done with a table though?
Jerzz
@2cool4school
Aug 17 2016 00:11
that makes me feel a little dumb, but the other way wasnt all that much work either way, but the table would definitely been a better place to start in hindsight.
sentedelviento
@sentedelviento
Aug 17 2016 00:12
I just feel like bootstrap encourages excessive measures when they're not necessary, although I do admit it seems simpler for some things.
I mean I guess I could say the same about jquery, and I still use the hell out of jquery.
however, I did make the mistake of using a table to make my calculator
and I'm pretty sure this is the number one reason of why it won't scale to mobile lmao
I am also a dumb. I even read articles about when to use a table and I for sure thought it was a decent option haha.
Ah well, live and learn
Barbara Anderson
@barbaraeanderson
Aug 17 2016 00:13
Hi. I'm having trouble with prioritizing one style over another (challenge 42) I can't seem to find help in the book I use for help. I created a style just for the h1, color pink. It turns my text pink, but it doesn't satisfy the h1 element having class of pink-text, and the <style> having a pink-text CSS class.
Jerzz
@2cool4school
Aug 17 2016 00:16
can i see the css?
and whats the exact name of the challenge?
Barbara Anderson
@barbaraeanderson
Aug 17 2016 00:17
The name of the challenge is prioritize one style over another
one sec
Jerzz
@2cool4school
Aug 17 2016 00:20
check the code really carefully, making a class and applying it should override
Barbara Anderson
@barbaraeanderson
Aug 17 2016 00:21
k. will do. I'll get it eventually :)
Jerzz
@2cool4school
Aug 17 2016 00:22
@barbaraeanderson i think you have bad syntax or a typo somewhere? does your class have the exact name theyre looking for?
.className {
color: pink;
}
Declares the class, and class="className" inside the opening tag of the element you want to apply it to will apply the effects
Norvin Burrus
@ndburrus
Aug 17 2016 00:30

@barbaraeanderson ok, let's check this.... you mentioned

I created a style just for the h1, color pink.

the lesson is asking for this Create a CSS class called pink-text that gives an element the color pink.
now when you do this - do not forget the . in front of the class. this class/element is placed within the style tag/s.
then the class can be called/used in the h1 element.
make sense? ...or clear as mud?

sentedelviento
@sentedelviento
Aug 17 2016 00:37
Hey, if anyone has time, I've been trying to figure out for a while why my content isn't adapting well to mobile, in regards to not being zoomed out.
I have googled the issue, and was told to include a meta tag with relevant stuff.
So I included, <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
Sabrina Ferguson
@itsacoyote
Aug 17 2016 00:38
@sentedelviento what's the issue you're having with the zooming?
sentedelviento
@sentedelviento
Aug 17 2016 00:39
in Chrome on my computer everything is fine. On mobile there are a few issues with the layout, the primary one I am trying to solve is why I have to vertically drag up the content instead of it already being fully zoomed out.
I thought that adding the meta viewport tag would solve this issue.
Sabrina Ferguson
@itsacoyote
Aug 17 2016 00:40
hmm, got a link to it?
I know there are a few other issues with it, but right now I'm focusing on the issue of the unwanted vertical scroll.
Sabrina Ferguson
@itsacoyote
Aug 17 2016 00:44
@sentedelviento which mobile device are you testing with?
tiredoy
@tiredoy
Aug 17 2016 00:44
tiredoy
sentedelviento
@sentedelviento
Aug 17 2016 00:44
galaxy 5
Why, is it working for your mobile device?
tiredoy
@tiredoy
Aug 17 2016 00:45
caculator?
you can use chrome development mode
to debug that issue
Sabrina Ferguson
@itsacoyote
Aug 17 2016 00:46
@sentedelviento it looks "okay" on my Nexus 5X, as in I can't scroll or anything and the calculator is in the whole screen. However, it's a bit squished looking, but nothing media-queries can't fix.
sentedelviento
@sentedelviento
Aug 17 2016 00:46
I just used my bf's iphone and it also looks like that.
Damn, I guess my phone is just weird then.
Thanks! I am not sure how long it would have taken me to realize it was a problem with my mobile device
Sabrina Ferguson
@itsacoyote
Aug 17 2016 00:47
@sentedelviento maybe, the meta tag for the viewport may not work for the samsung phones, read that in a comment somewhere
sentedelviento
@sentedelviento
Aug 17 2016 00:48
I've read a bit that media-queries are suboptimal if you can have a decent responsive design but I'm not really sure how true that is.
hm
Sabrina Ferguson
@itsacoyote
Aug 17 2016 00:48
@sentedelviento also, quick note, you should put that meta tag into the HTML settings tab under Stuff for Head. They have the HTML code section set up so you don't add in the <head> tags in, I don't know if they'll even work like that.
@sentedelviento same with the CSS font, you can drop that in through the CSS settings. only the content to go in the <body> tags go in the HTML editor.
tiredoy
@tiredoy
Aug 17 2016 00:50
@sentedelviento share a tips, u can use online debug instand of device debug
sentedelviento
@sentedelviento
Aug 17 2016 00:51
Honestly I don't really know anything about debugging CSS.
it seems mostly like stuff I have to look up manually
tiredoy
@tiredoy
Aug 17 2016 00:51
cool , but it works
sentedelviento
@sentedelviento
Aug 17 2016 00:51
since it's hard for me to predict what is causing issues since my knowledge of how CSS rules affect other ones.
what do you mean online debug vs device debug?
Sabrina Ferguson
@itsacoyote
Aug 17 2016 00:52
@sentedelviento by debugging, I think it might be meant that you can right click and inspect the html in a browser like Chrome. You can then dynamically edit the CSS and it will make changes right there instantly without refreshing.
sentedelviento
@sentedelviento
Aug 17 2016 00:52
Thanks @itsacoyote, I don't think that was causing my Galaxy issue since I updated the font and meta tag to put them into the HTML/CSS settings tab.
CamperBot
@camperbot
Aug 17 2016 00:52
sentedelviento sends brownie points to @itsacoyote :sparkles: :thumbsup: :sparkles:
:cookie: 363 | @itsacoyote |http://www.freecodecamp.com/itsacoyote
tiredoy
@tiredoy
Aug 17 2016 00:52
@sentedelviento
Sabrina Ferguson
@itsacoyote
Aug 17 2016 00:53
And with the chrome console, you can view things in "device" mode so you can adjust the screen size virtually to emulate mobile screens
sentedelviento
@sentedelviento
Aug 17 2016 00:53
Oh, that's hella useful, thanks!
thanks @tiredoy too
CamperBot
@camperbot
Aug 17 2016 00:53
:cookie: 5 | @tiredoy |http://www.freecodecamp.com/tiredoy
sentedelviento sends brownie points to @tiredoy :sparkles: :thumbsup: :sparkles:
Sabrina Ferguson
@itsacoyote
Aug 17 2016 00:54
@sentedelviento yeah, I didn't think it would affect the Galaxy, but word of tip for performance and optimization. Otherwise, I think the Galaxy just sucks at following specs :P But then again, the meta viewport is actually not a decided/regulated standard
sentedelviento
@sentedelviento
Aug 17 2016 00:54
hahaha, my phone is pretty old too. Maybe newer Galaxies are less horrible
Sabrina Ferguson
@itsacoyote
Aug 17 2016 00:54
goodness, I think it might be helpful to have a small youtube video explaining some console and style debugging in CodePen for some FCC'ers lol
@sentedelviento I doubt it.
there's little reason or money for them to do those changes. The life of a poor front end designer is to keep up with the ever decaying and poor standards of multitudes of devices, apps, and systems
be glad you're not in the world of IE6 browser support :B
sentedelviento
@sentedelviento
Aug 17 2016 00:56
I love FreeCodeCamp's approach to learning Javascript with the algorithm challenges. I think they should have similar CSS challenges, haha
'cause I think after completing all of the intermediate Javascript algorithms, I'm okay at Javascript, but my CSS is lacking even after doing all of the intermediate projects. I've definitely made improvements but a lot of simple things still get to me. More practice though, I guess.
Sabrina Ferguson
@itsacoyote
Aug 17 2016 00:57
CSS, is... challenging to do that way. The problem is that there aren't solid standards for some brand newer stuff, which isn't the biggest issue. Then there's prefixes for handling cross browser support, and even then, some css styling may not do the exact same thing or look the exact same on different browsers.
The reason FCC can do that with Javascript is because for hte most part, you're also using jQuery. jQuery by itself is not Javascript, it's a library built on top to enhance JS. JS by itself (though nowadays not as bad in teh heyday) still has minor quirks and issues that can break in different browsers, jQuery kind of "fixes" that.
sentedelviento
@sentedelviento
Aug 17 2016 00:58
What
Sorry
What's* your opinion of Bootstrap?
Sabrina Ferguson
@itsacoyote
Aug 17 2016 00:58
Best way I learned CSS was reading up on how to do this or that, read up CSS-Tricks, and definitely right click and inspecting elements and adjusting css that way until you find what works.
sentedelviento
@sentedelviento
Aug 17 2016 00:59
How good at CSS do you consider yourself?
Sabrina Ferguson
@itsacoyote
Aug 17 2016 00:59
I like Bootstrap, it's great to start with, and good to learn for beginners. I don't think it's great for long term use, I can identify a Bootstrapped design a mile away.
But it's good to see they're framework, get familiar with teh process and common practice for styling grids, buttons, etc, that you can then appropriate and use for yourself.
I've been working with CSS and HTML since the early 2000s, maybe late 90s? I don't remember :B
sentedelviento
@sentedelviento
Aug 17 2016 01:00
I started out learning 'pure' CSS, so when I tried to learn Bootstrap it sort of confused me because I just tried to combine it with the little knowledge I already had and it ended up confusing me, so I decided just to stick to pure CSS.
Oh, wow.
Also people I know keep hating on Bootstrap so I am biased toward it being kind limiting even though this realistically wouldn't pose a problem for me at the level I'm at.
Sabrina Ferguson
@itsacoyote
Aug 17 2016 01:01
Bootstrap may be confusing if you do approach it that way, but it's definitely worth a try to get good with it. Grids are GREAT to learn and do, and nothing stops you from reading Bootstrap's CSS to see how they do it and write your own later.
sentedelviento
@sentedelviento
Aug 17 2016 01:01
I guess I should try to learn it though? I've been sticking to just using pure CSS, though I've been meaning to teach myself SASS or LESS.
That's a good point
Sabrina Ferguson
@itsacoyote
Aug 17 2016 01:01
and sure, I hate on Bootstrap at times, but guess what, I use it for corporate level apps day in and out. It has it's uses, and it's good for the resume.
sentedelviento
@sentedelviento
Aug 17 2016 01:02
yeah that's fair. Why are you on FCC? Most people seem to use it to get jobs. Do you already work in design?
Sabrina Ferguson
@itsacoyote
Aug 17 2016 01:02
What you want to get to is being good at using Bootstrap when you need to, being able to modify it when you need to, and writing your own when you can.
I do :X I've been in the front end design world for more than five years now. I just wanted to up my JS game and wanted to see how well the classes taught the front end stuff.
Nothing to stop me from finding people as well for networking and possibly job hires :P
sentedelviento
@sentedelviento
Aug 17 2016 01:04
What's your opinion of FCC versus other classes/programs?
I plan on applying to App Academy once I'm 22, and FCC seems to be good at teaching Javascript, yeah
Sabrina Ferguson
@itsacoyote
Aug 17 2016 01:06
Yeah, I find that it's pretty decent, not bad in giving things away, but good at explaining the basics. But it is also the very basics though.
sentedelviento
@sentedelviento
Aug 17 2016 01:06
You mean, my "advanced Javascript" calculator isn't going to cut it?
haha jk
Sabrina Ferguson
@itsacoyote
Aug 17 2016 01:07
YOu also don't learn a lot of the nuances of Javascript which can definitely help out in the advanced stuff in the future. Check out You Don't Know Javascript and Eloquent Javascript for good reads. They might hurt your brain, but you'll eventually understand them :)
lol
sentedelviento
@sentedelviento
Aug 17 2016 01:07
Yeah, I love the structure of FCC, I have ADHD so I love having everything being broken down into achievable steps
Sabrina Ferguson
@itsacoyote
Aug 17 2016 01:07
@sentedelviento it's pretty well designed though, just some responsive modifications and it's pretty great for a beginner!
sentedelviento
@sentedelviento
Aug 17 2016 01:08
and the projects do actually require you to do your own research and make your own projects with limited hand-holding, unlike other resources
I just wish they would hurry up with the React tutorial
I'm so excited for that
although there are probably other good ones out there
my friend at facebook was trying to tell me I was being super dumb by learning jquery and that react "was the future" and I'm pretty sure he's hella biased
but it does seem cool
Sabrina Ferguson
@itsacoyote
Aug 17 2016 01:09
yes, lemme find one
and dammit all, forget about react, I'm tired of that crap :<
Angular 2 all the waaaaay
this one might be a bit much, but probably good to bookmark it for future reading - http://cabin.getstream.io/
sentedelviento
@sentedelviento
Aug 17 2016 01:13
Thanks, @itsacoyote
CamperBot
@camperbot
Aug 17 2016 01:13
sentedelviento sends brownie points to @itsacoyote :sparkles: :thumbsup: :sparkles:
:warning: sentedelviento already gave itsacoyote points
sentedelviento
@sentedelviento
Aug 17 2016 01:13
but you don't like react? haha
But Facebook uses it!
Sabrina Ferguson
@itsacoyote
Aug 17 2016 01:14
don't care, Google uses Angular 2, all hail our google overlords :P
I have worked with React, I don't enjoy the syntax and the JSX
Angular 1 is decent, I can see why React was "better", but Angular 2 is much better in various ways now
I wont' hate on something until I've tried it at the very least, haha
sentedelviento
@sentedelviento
Aug 17 2016 01:18
That's fair
sentedelviento
@sentedelviento
Aug 17 2016 01:36
Hey, for other people who have viewed the example Pomodoro Clock, does an alarm go off? 'cause the specs make it seem like that should happen but I don't hear any sound
Chris Rutherford
@cjrutherford
Aug 17 2016 01:36
I just wanted to be sure before I continue. I have my layout for my pomodoro timer, and the algorithm for the timer should look like this
function makeTime(){


    var session = [get value of the session form item]; //input as a string
    var brk = [get value of the break form item]; //input as string


    //converting to integers
    var pomArr = session.split(':'); //or just convert the session var to an array split by the colon
    var brkArr = brk.split(':');//split into an array delimeted by the colon 

    pomArr[1] *= 60; //convert min to sec
    brkArr[1] *= 60; //convert min to sec
    session = (pomArr[1] + pomArr[2]) * 1000; //converting back to a single value and converting to milliseconds
    brk = (brkArr[1] + brkArr[2]) *1000;

    //this is where the code gets conceptual

    while(session>0){
        wait the whole millisecond
        decrement the session variable
        update the display of timer
    }
}
Jerzz
@2cool4school
Aug 17 2016 01:37
hey does anyone know what property controls the highlight around an input box when you click it? i have a rounded border so it looks nasty
Chris Rutherford
@cjrutherford
Aug 17 2016 01:38
oh! does it look right?
Sabrina Ferguson
@itsacoyote
Aug 17 2016 01:40
@2cool4school it would be 'outline'. However, that focus outline looks different on various browsers, also for the sake of usability, it's suggested not to remove that unless you provide another styling to indicate focus.
@2cool4school you can read up on some alternatives to improving that style here - http://a11yproject.com/posts/never-remove-css-outlines/
Timbowser
@Timbowser
Aug 17 2016 01:45
getting started on the weather app. I can call the api with my key from a new browser window but when I try to call it with .getJSON I get an error. I know others have had this issue but I can't seem to find the solution.
Lily
@lilylooloo
Aug 17 2016 01:48
I'm working on my first non-profit project and my job is to validate & fix HTML errors, in a Wordpress site. I can't find the HTML file. How would you go about doing this?
Timbowser
@Timbowser
Aug 17 2016 01:49
@lilylooloo not sure but looks like it might be generated by php https://wordpress.org/support/topic/where-is-main-wordpress-html-file
@lilylooloo have you opened up any of the .php files and looked for familiar html?
Justin Woodward
@jwoo92
Aug 17 2016 01:51

Hey - Is anyone in here currently working on the ticTacToe project that would like to 'pair program' over gitter chat with me in regards to the MiniMax algorithm?

Let me know by commenting back to me on here or privately. Thanks!

Sabrina Ferguson
@itsacoyote
Aug 17 2016 01:51
@lilylooloo so with Wordpress, you use themes, you'll want to look into wp-content I beleive and in the themes directory.
Whichever theme is active, that's the one you'll be working in, usually the folder name is similar or same to the name you see in the Wordpress dashboard.
Lily
@lilylooloo
Aug 17 2016 01:52
I @Timbowser I don't know PHP so I was hoping to just find HTML. I'll look for it!
Sabrina Ferguson
@itsacoyote
Aug 17 2016 01:52
@lilylooloo They're PHP, so you'll find PHP code sprinkled in HTML, but you can work around those, just don't mess with the PHP and play with the HTML and you should be good to go
And yeah, should be wp-content/themes/themename
Lily
@lilylooloo
Aug 17 2016 01:53
@itsacoyote yeah...I'm a little afraid to mess it up. I can use a duplicator though right?
Never done that either...but I'm jumping in with two feet I guess!
Sabrina Ferguson
@itsacoyote
Aug 17 2016 01:53
@lilylooloo yep, I like to use Duplicator to make a copy to keep on the side in case things go real bad.
Timbowser
@Timbowser
Aug 17 2016 01:53
@lilylooloo you should be able to copy everything locally and run it.
Sabrina Ferguson
@itsacoyote
Aug 17 2016 01:54
Yeah, you can also do that with the Duplicator file. If you're familiar with setting up XAMPP on your PC
Lily
@lilylooloo
Aug 17 2016 01:55
I downloaded xampp a few hours ago, before I spent a few hours messing around with git
Timbowser
@Timbowser
Aug 17 2016 01:55
@lilylooloo I use mamp but I am on a mac.
Lily
@lilylooloo
Aug 17 2016 01:55
I'll set that up next! oh is mamp the same as xampp?
Timbowser
@Timbowser
Aug 17 2016 01:56
@lilylooloo yes but on the mac not sure if it is used on windows.
Lily
@lilylooloo
Aug 17 2016 01:56
ok thanks!
Timbowser
@Timbowser
Aug 17 2016 01:57
np
Patrick Keogh
@patrickkeogh
Aug 17 2016 01:59
Hi All
Timbowser
@Timbowser
Aug 17 2016 02:00
Hello Patrick
Patrick Keogh
@patrickkeogh
Aug 17 2016 02:00
Finished my Tribute page. Nothing fancy, but its done
Timbowser
@Timbowser
Aug 17 2016 02:01
@patrickkeogh cool congrats!
Patrick Keogh
@patrickkeogh
Aug 17 2016 02:01
thanks
now how to we move to the next lesson?
Lily
@lilylooloo
Aug 17 2016 02:05
Looks great! You can go to Map and then choose the next lesson
Timbowser
@Timbowser
Aug 17 2016 02:08
@patrickkeogh don't forget to submit your link as well when you click I've completed
Maksim Kubyshkin
@maskitInc
Aug 17 2016 02:20
Maybe I can not really understand the job, but I have now turned out that the
It is my Tribute page
coffeebeanzz
@coffeebeanzz
Aug 17 2016 02:23
@patrickkeogh very nice :+1: small typo on jun 84: Stanly
Patrick Keogh
@patrickkeogh
Aug 17 2016 02:24
thanks, thats what I wasn't doing. submitting the link
Thanks coffeebeanzz
coffeebeanzz
@coffeebeanzz
Aug 17 2016 02:27
Np @patrickkeogh i had a crush on wayne gretzky when i was young :)
Patrick Keogh
@patrickkeogh
Aug 17 2016 02:27
I entered my link and now they want me to create a portfolio page
Maksim Kubyshkin
@maskitInc
Aug 17 2016 02:27
Well to vote at least someone, please
Patrick Keogh
@patrickkeogh
Aug 17 2016 02:28
?
my portfolio page is going to have a lot of place holders to start lol
coffeebeanzz
@coffeebeanzz
Aug 17 2016 02:31
@patrickkeogh deep breath start with the navbar lol
@patrickkeogh most everybody's does :)
Patrick Keogh
@patrickkeogh
Aug 17 2016 02:32
kewl
Justin Woodward
@jwoo92
Aug 17 2016 02:54
Is anyone familiar with the MiniMax JavaScript algorithm?
Domokos
@busybuilder777
Aug 17 2016 02:54
hi all, happy coding! :) Just a short comment in-between @greenshorns like me (might come handy at the very beginning): the course skips/misses out on much crushial html (positioning) before the first challenge, just realized that accidentally ysterdy. Just for fun I got back to a codecademy course I had started before on same subject and they covered the topic thoroughly at the end. While here before my first assignment I was totally lost and ad no idea where to start at all... (so you might wanna check that, too...). Though saying that all-in-all FCC is much better for effective learning and also more fun. Btw, I'm at 2nd assinment now and now idea where to start :D any advice much appreciated! :) Peace, best wishes!
William Cabell
@wbac88
Aug 17 2016 02:55
Hi guys, I'm working on my wikipedia viewer:
https://codepen.io/William-cabell/pen/YWOoXR?editors=1111
and I'm not getting correct results back from wikipedia. Any ideas what I've got wrong in the structure of my API call URL?
@busybuilder777 2nd assignment overall? Or the Portfolio page project?
Domokos
@busybuilder777
Aug 17 2016 02:56
yea the portfolio project
but just started to look into that (so the lost feeling is not toooo much owerwhelming - yet) :)
Justin Woodward
@jwoo92
Aug 17 2016 02:58
@busybuilder777 Free Code Camp does not hold anyone's hand. It is designed to be challenging at times and expects you to research what ever you get stuck on. It will not fully provide everything you must know. You must supplement your learning experience with your own research well while following the curriculum. Read-Search-Ask & goodluck! :)
William Cabell
@wbac88
Aug 17 2016 02:58
@busybuilder777 Haha, yeah, I totally get that. If you haven't yet, I'd recommend sketching out on a piece of paper what you'd like it to look like and include. Then you can use that to structure the divs and bootstrap grid
@busybuilder777 Sometimes just staring at the blank screen is the hard part
coffeebeanzz
@coffeebeanzz
Aug 17 2016 02:59
this helped me alot: http://getbootstrap.com/css/
William Cabell
@wbac88
Aug 17 2016 02:59
@coffeebeanzz Yes, totally.
Domokos
@busybuilder777
Aug 17 2016 03:00
thx all! I was looking for someone 2 hold my hand :P just jokin'
coffeebeanzz
@coffeebeanzz
Aug 17 2016 03:00
:hand: here ya go @busybuilder777
Domokos
@busybuilder777
Aug 17 2016 03:00
:)
William Cabell
@wbac88
Aug 17 2016 03:00
@busybuilder777 Also, most google searches lead here anyway, but w3schools is great for reference, though their tutorials are a little low on information
Domokos
@busybuilder777
Aug 17 2016 03:00
hand back but I gotta find it first :)
coffeebeanzz
@coffeebeanzz
Aug 17 2016 03:01
Domokos
@busybuilder777
Aug 17 2016 03:01
:sparkles:
hey, cool!
coffeebeanzz
@coffeebeanzz
Aug 17 2016 03:01
I don't like for my learning to look like swiss cheese myself!
William Cabell
@wbac88
Aug 17 2016 03:02
@coffeebeanzz What do you mean by that?
coffeebeanzz
@coffeebeanzz
Aug 17 2016 03:03
all the googling was driving me crazy... I like to know why something works.. so I've joined Code School and bought both of Jon Duckett's books
I felt like I was getting holes in my learning
William Cabell
@wbac88
Aug 17 2016 03:04
@coffeebeanzz Ahhh, I see what you mean. Yeah, that's something that I've been finding frustrating with this process. I've been using a combination of free sources hoping they'd fill in each other's gaps, but I still feel like I'm missing things. Do you recommend those books?
coffeebeanzz
@coffeebeanzz
Aug 17 2016 03:05
@wbac88 I do, the HTML & CSS one is a little dated but still a good resource I think... I'm half way through the JS & jQuery one and it's good so far
William Cabell
@wbac88
Aug 17 2016 03:06
@wbac88 OK, great, thanks! Always looking for new resources.
CamperBot
@camperbot
Aug 17 2016 03:06
sorry wbac88, you can't send brownie points to yourself! :sparkles: :sparkles:
coffeebeanzz
@coffeebeanzz
Aug 17 2016 03:06
The bootstrap website is the best I've found on it
William Cabell
@wbac88
Aug 17 2016 03:06
@coffeebeanzz Thanks!
CamperBot
@camperbot
Aug 17 2016 03:06
wbac88 sends brownie points to @coffeebeanzz :sparkles: :thumbsup: :sparkles:
:cookie: 939 | @coffeebeanzz |http://www.freecodecamp.com/coffeebeanzz
coffeebeanzz
@coffeebeanzz
Aug 17 2016 03:06
np @wbac88 :)
Justin Woodward
@jwoo92
Aug 17 2016 03:10
@coffeebeanzz Nice resource. I added it to my list of resources, Thanks!
CamperBot
@camperbot
Aug 17 2016 03:10
jwoo92 sends brownie points to @coffeebeanzz :sparkles: :thumbsup: :sparkles:
:cookie: 941 | @coffeebeanzz |http://www.freecodecamp.com/coffeebeanzz
coffeebeanzz
@coffeebeanzz
Aug 17 2016 03:11
np @jwoo92 :)
Brent Vaalburg
@SquaresAndCubes
Aug 17 2016 03:20
Hey guys I just completed my Tribute page and was wondering if I could get some feedback. Would be much appreciated. http://codepen.io/btvaalburg/pen/akryKq
William Cabell
@wbac88
Aug 17 2016 03:21
@SquaresAndCubes Looking pretty good. The formatting on the text gets a little weird when the screen size is smaller. Might want to check that out.
Ilyes Hammadi
@Ilyes-Hammadi
Aug 17 2016 03:22
@SquaresAndCubes look's good for me, i suggest changing the font.
Brent Vaalburg
@SquaresAndCubes
Aug 17 2016 03:24
Yeah I wasnt sure about the text formatting. Need to figure out how to make it wrap.
I think I just made it alot better.
William Cabell
@wbac88
Aug 17 2016 03:27
@SquaresAndCubes I think it's because you centered it with padding, which means it will never get closer to the left edge than 175 px
@SquaresAndCubes Yes you did, nice job!
aagussn
@aagussn
Aug 17 2016 03:30
hello everyone! i'm having a trouble that i don't know how to find that!
when i do a
```
Greg Duncan
@GregatGit
Aug 17 2016 03:31
@SquaresAndCubes Really good start - as you go through the FCC course material you can add style to it - you can also checkout w3schools bootstrap/css/html to fix an issue you have too.
aagussn
@aagussn
Aug 17 2016 03:31
<a href="#about-me1"> into my div, when click on that, it put me after my div start
```
Greg Duncan
@GregatGit
Aug 17 2016 03:32
help format
CamperBot
@camperbot
Aug 17 2016 03:32

:point_right: code formatting [wiki]

Multi line Code

```js ⇦ Type 3 backticks and then press [shift + enter ⏎] (type js or html or css)

<paste your code here>,
then press [shift + enter ⏎]

``` ⇦ Type 3 backticks, then press [enter ⏎]

Single line Code

This an inline `<paste code here>` code formatting with a single backtick() at _start_ and _end_ around thecode`.

See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics

:pencil: read more about code formatting on the FCC Wiki

William Cabell
@wbac88
Aug 17 2016 03:32
Seriously obnoxioius, I got the API to call something at least, but then it stopped working, or at least stopped logging it to the console:
DJ
@qualitymanifest
Aug 17 2016 03:43
@wbac88 when you click the button it submits your form. by default, when you submit a form it refreshes the page. you need to prevent that
William Cabell
@wbac88
Aug 17 2016 03:44
@qualitymanifest OK, should I just have it be a div rather than a form?
@qualitymanifest How does that effect the API that I'm trying to call?
DJ
@qualitymanifest
Aug 17 2016 03:44
@wbac88 that's an option. or you could use event.preventDefault()
@wbac88 it refreshes the page before the api has a chance to respond. that's why you're not seeing anything
William Cabell
@wbac88
Aug 17 2016 03:45
@qualitymanifest How would I implement the event.prevent into my code?J
DJ
@qualitymanifest
Aug 17 2016 03:46
put it at the very beginning of the click function
William Cabell
@wbac88
Aug 17 2016 03:47
@qualitymanifest Awesome, thanks, that at least got me a response. No I'm not getting any information back from it though.
CamperBot
@camperbot
Aug 17 2016 03:47
wbac88 sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:star2: 1353 | @qualitymanifest |http://www.freecodecamp.com/qualitymanifest
DJ
@qualitymanifest
Aug 17 2016 03:48
@wbac88 you sure about that? you're getting an object right?
William Cabell
@wbac88
Aug 17 2016 03:49
@qualitymanifest I'm never sure :smile:
But yes, I'm getting an object, but I don't see anything relating to what I've typed
DJ
@qualitymanifest
Aug 17 2016 03:49
if you're only using codepen's "console" i would recommend ditching that and using the built in browser console. codepen's console, while well intentioned, isn't particularly useful
@wbac88 if you're using the browser console you should be able to dig deeper into the object you get back. specifically look into query -> pages
William Cabell
@wbac88
Aug 17 2016 03:53
@qualitymanifest That's helpful. I see an object at least. I guess I'm still learning my way around the console in chrome, as I don't see how to get to what's in the object. The arrows just leave it empty
DJ
@qualitymanifest
Aug 17 2016 03:55
@wbac88 oh i just noticed you put the preventDefault inside your getJSON. put it above that, as the very first line of the click function
Michael Karpinski
@karpimpski
Aug 17 2016 03:56
hey, can anybody tell me why my canvas elements are being weird? here's an example of my circle, my lines are also acting strange.
http://codepen.io/karpimpski/pen/PzLKAw
William Cabell
@wbac88
Aug 17 2016 03:56
@qualitymanifest Holy crap, that's starting to work!
DJ
@qualitymanifest
Aug 17 2016 03:57
@karpimpski you need to specify a width and height for the canvas
William Cabell
@wbac88
Aug 17 2016 03:57
@qualitymanifest It seems to be searching within image names, though, not article names. Any idea of what setting is doing that? I'm finding the wikipedia API difficult to get a hang on.
DJ
@qualitymanifest
Aug 17 2016 03:58
@karpimpski <canvas id="myCanvas" width=500 height=500></canvas>
Michael Karpinski
@karpimpski
Aug 17 2016 03:58
@qualitymanifest i did in CSS
welp that fixed it
sorry I'm stupid, just started learning canvas
DJ
@qualitymanifest
Aug 17 2016 04:00

@karpimpski https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Basic_usage

if the CSS sizing doesn't respect the ratio of the initial canvas, it will appear distorted.
Note: If your renderings seem distorted, try specifying your width and height attributes explicitly in the <canvas> attributes, and not using CSS.

no worries canvas is a little weird to get used to. im pretty new to it as well
@wbac88 the wikipedia API is pretty complicated. i have no desire to deal with it right now, so you're on your own with that part haha
William Cabell
@wbac88
Aug 17 2016 04:08
@qualitymanifest Ha, that's alright, I understand, thanks for your help so far! Got me a bit further.
CamperBot
@camperbot
Aug 17 2016 04:08
wbac88 sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:warning: wbac88 already gave qualitymanifest points
Justin Woodward
@jwoo92
Aug 17 2016 04:31
Does anyone know of a good resource that will help you initially understand the MiniMax algorithm and its ability to be used in the ticTacToe game?
DJ
@qualitymanifest
Aug 17 2016 04:41
@jwoo92 http://neverstopbuilding.com/minimax is the best i found. keep in mind it's no longer required to make your tic tac toe unbeatable. it was deemed to be outside the scope of FCC's curriculum. that said, i'm sure you would learn quite a bit if you choose to go that route.
Patrick Walters
@patwalt
Aug 17 2016 04:42
Hello, everyone. I'm beginning the tribute page and I had a question
Someone had previously provided a link to it, and I really thought I had saved it in my Favorites, but it doesn't seem to be there anymore.
Daniel
@DanielMW34
Aug 17 2016 04:43
fire away @patwalt
Patrick Walters
@patwalt
Aug 17 2016 04:43
Thanks, Daniel
Ok, this should be really easy. Do you know the codepen.io kind of "how to" that separates the code into the three parts that go nicely in the sections of CodePen?
It shows the code together, but then walks you through separating it
Daniel
@DanielMW34
Aug 17 2016 04:45
I know there is a section for HTML, CSS, and JavaScript
is that what you are referring to?
Patrick Walters
@patwalt
Aug 17 2016 04:45
Exactly
Angel J Piscola
@Redmega
Aug 17 2016 04:45
Its a view
You're probably in fullscreen view
Patrick Walters
@patwalt
Aug 17 2016 04:45
But I'm looking for the specific example doc
Daniel
@DanielMW34
Aug 17 2016 04:45
Specific example of the fCC version?
Justin Woodward
@jwoo92
Aug 17 2016 04:45
@qualitymanifest Thank you, I will check out your suggested article. MiniMax does not seem impossible to learn, but is new material to me. I would like to get a grasp of it while being able to apply it to my project.
CamperBot
@camperbot
Aug 17 2016 04:45
jwoo92 sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:star2: 1354 | @qualitymanifest |http://www.freecodecamp.com/qualitymanifest
Patrick Walters
@patwalt
Aug 17 2016 04:46
No, I have my sections, but I'm less than clear on separating my code into that
There's a page with the how-to
Daniel
@DanielMW34
Aug 17 2016 04:46
I'm lost on your last comment
Patrick Walters
@patwalt
Aug 17 2016 04:46
Like what to include and what to drop (because the section exists)
DJ
@qualitymanifest
Aug 17 2016 04:46
@patwalt this? i just googled that, but it seems like what you want
Daniel
@DanielMW34
Aug 17 2016 04:46
ohhh, like, drop <script> tags
because now we have that pretty section on the right?
Patrick Walters
@patwalt
Aug 17 2016 04:48
Yeah. Your example is really good, though
Daniel
@DanielMW34
Aug 17 2016 04:48
I'm not 100% sure about those, <script> tags for sure, because all scripts are done in the JavaSCRIPT window
Patrick Walters
@patwalt
Aug 17 2016 04:49
Yeah, I see your point
Daniel
@DanielMW34
Aug 17 2016 04:49
besides that, do you have any inline CSS ?
Patrick Walters
@patwalt
Aug 17 2016 04:49
I also see in the example how (like you said) the <script> tags are dropped because there IS a JS window
It's assumed
Thank you for this, Daniel!
This is close enough to what I was looking for. Thanks again, @DanielMW34 !
CamperBot
@camperbot
Aug 17 2016 04:50
patwalt sends brownie points to @danielmw34 :sparkles: :thumbsup: :sparkles:
:cookie: 322 | @danielmw34 |http://www.freecodecamp.com/danielmw34
Daniel
@DanielMW34
Aug 17 2016 04:50
yeah. Besides that, it's more about what to add... like at the very top of your HTML add <div class="container-fluid"
and don't close that tag until the VERY end of your HTML
AND, under settings, be sure to add bootstrap as a CSS add-in
Anybody know anything about API's ?
Patrick Walters
@patwalt
Aug 17 2016 04:54
Daniel, I work with Developers every day, and often I have to look at the source code to figure out what I'm looking at. What's your question about API's?
Are you specifically looking at Web API ?
Daniel
@DanielMW34
Aug 17 2016 05:05
ok, sorry for the delay... I'm just looking to properly code this api http://wiki.openstreetmap.org/wiki/Nominatim#Reverse_Geocoding
I'm looking to get json/jsonp and want to format the call correctly
Patrick Walters
@patwalt
Aug 17 2016 05:10
Oh, ok, Daniel. Yeah, I'm afraid my developers have just recently moved to json, and the last thing I tested with Fiddler wasn't the call itself but a node to be nullable. I did find this: http://overpass-api.de/output_formats.html#json
Daniel
@DanielMW34
Aug 17 2016 05:16
@patwalt thank you for sharing. I'm gonna try, fail, try, fail, try, succeed. Peace.
CamperBot
@camperbot
Aug 17 2016 05:16
danielmw34 sends brownie points to @patwalt :sparkles: :thumbsup: :sparkles:
:cookie: 2 | @patwalt |http://www.freecodecamp.com/patwalt
Patrick Walters
@patwalt
Aug 17 2016 05:17
Thank you, Daniel
Jessica
@QueenCode
Aug 17 2016 05:47
Hello! I've just finished my calculator project and I'd appreciate some feedback. Thanks! http://codepen.io/QueenCode92/full/VjEmEX/
Sorin Ruse
@sorinr
Aug 17 2016 06:15
@QueenCode when you make for ex: 2+2= it gives you 4 if i press + 2 = on display shows only +2 but the result is 6 as it should. i would keep the previous result on display as it would be an input. then you don't have a CE button to clear previous entry as its in the user story
Jessica
@QueenCode
Aug 17 2016 06:16
@sorinr that's a good idea @ keeping the previous result
i don't think the instructions specified a CE button.. just a clear button, no?
DJ
@qualitymanifest
Aug 17 2016 06:17
@QueenCode looks good, and is free of many of the common bugs. it does have floating point imprecision though. try 0.1 + 0.2. you should get 0.3 but you get something different. check out http://floating-point-gui.de/
Jessica
@QueenCode
Aug 17 2016 06:17
i'm not sure how the CE button works honestly
DJ
@qualitymanifest
Aug 17 2016 06:18
i think CE clears everything in the calculator's memory, whereas C just clears the current value on the screen, and doesn't effect what's in memory if you're chaining operations or something
Todd
@TheOnlyRealTodd
Aug 17 2016 06:19
Hey is anyone willing to take a look at my page? having a display issue
DJ
@qualitymanifest
Aug 17 2016 06:19
nevermind i think i got that backwards
Jessica
@QueenCode
Aug 17 2016 06:20
@qualitymanifest so it should simply clear the html out but the user should still be able to keep chaining?
DJ
@qualitymanifest
Aug 17 2016 06:21
@TheOnlyRealTodd i can take a quick look
@QueenCode i think what i said above was backwards. C should clear everything, and CE just clears the current value ("clear entry") http://superuser.com/questions/449637/whats-the-difference-between-c-and-ce-functions-on-windows-calculator
Sorin Ruse
@sorinr
Aug 17 2016 06:22
@qualitymanifest @QueenCode the CE means clear entry. the last entry
Todd
@TheOnlyRealTodd
Aug 17 2016 06:22

@qualitymanifest thanks. It SHOULD look like this: https://campfirecoders.github.io/

However, when I add my entry to the page, it's looking like this: https://i.imgsafe.org/400785d960.jpg

CamperBot
@camperbot
Aug 17 2016 06:22
theonlyrealtodd sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:star2: 1355 | @qualitymanifest |http://www.freecodecamp.com/qualitymanifest
DJ
@qualitymanifest
Aug 17 2016 06:23
@TheOnlyRealTodd do you have a codepen?
Todd
@TheOnlyRealTodd
Aug 17 2016 06:23
@qualitymanifest All I've done is add in some text, replace the dummy photo with my photo resized to the proper size, and all a ul in... And its throwing off the entire page. I dont get why
Unfortunately, this project is not on Codepen but it IS on GitHub and heres my code for this: https://github.com/TheOnlyRealTodd/campfirecoders.github.io/blob/master/index.html
all of the code I wrote (not much) is in the second column
Todd
@TheOnlyRealTodd
Aug 17 2016 06:29
Its definitely the ul because when I remove it, its fixed
Hmmm
Jessica
@QueenCode
Aug 17 2016 06:31
thanks @qualitymanifest and @sorinr I appreciate your help
CamperBot
@camperbot
Aug 17 2016 06:31
queencode sends brownie points to @qualitymanifest and @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 666 | @sorinr |http://www.freecodecamp.com/sorinr
:star2: 1356 | @qualitymanifest |http://www.freecodecamp.com/qualitymanifest
Sorin Ruse
@sorinr
Aug 17 2016 06:31
@QueenCode welcome
DJ
@qualitymanifest
Aug 17 2016 06:34
@TheOnlyRealTodd something is making your part taller than the other parts. which is why columns can't appear below it
Todd
@TheOnlyRealTodd
Aug 17 2016 06:35
@qualitymanifest thanks!
CamperBot
@camperbot
Aug 17 2016 06:35
theonlyrealtodd sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:warning: theonlyrealtodd already gave qualitymanifest points
DJ
@qualitymanifest
Aug 17 2016 06:36
@TheOnlyRealTodd np. yeah actually i'm sure of it now, there's just too much content inside there. if you delete even just one li it should work
Todd
@TheOnlyRealTodd
Aug 17 2016 06:38
@qualitymanifest you were right.
@qualitymanifest now you see why CSS is at the bottom of my list LOL
I could literally write in a database and API quicker than I could solve a simple CSS issue like this at times... Pretty sad!
the doer
@ewathedoer
Aug 17 2016 07:17
@123xylem not sure why but there are no bugs in the console and I don’t see any calculator there, opening on Chrome now
Chris Cullen
@123xylem
Aug 17 2016 07:17
@ewathedoer yea it was an open bracket at the bottom.. thanks
CamperBot
@camperbot
Aug 17 2016 07:17
:cookie: 463 | @ewathedoer |http://www.freecodecamp.com/ewathedoer
123xylem sends brownie points to @ewathedoer :sparkles: :thumbsup: :sparkles:
the doer
@ewathedoer
Aug 17 2016 07:18
I will have a look once again then in a moment
Henry Cabello
@hacu9
Aug 17 2016 07:29
Guys,what do you think about mine? http://codepen.io/hacu95/pen/vKPOLY
the doer
@ewathedoer
Aug 17 2016 07:33
@hacu9 nice font, seems clean design. A bit too wide chunk of text in a line. More padding would solve the job. You can get there by smaller Bootstrap columns since you already use Bootstrap. Did you want to write chalenge done or donde at the button?
Henry Cabello
@hacu9
Aug 17 2016 07:35
padding...padding..ill try and yeah it was done lol i was just messing around with the alerts
the doer
@ewathedoer
Aug 17 2016 07:37
I think you may also check if you confirmed your codepen account because now we can’t see it in full view
@hacu9
Henry Cabello
@hacu9
Aug 17 2016 07:38
@ewathedoer Alright,thanks..im trying to add a few more stuff like another image at the right side but its too large and wont fit?
Nupur Roy
@nupur06cherish
Aug 17 2016 07:39
function loadXMLDoc() {
  var xmlhttp = new XMLHttpRequest();
  xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
      myFunction(xmlhttp);
    }
  };
  xmlhttp.open("GET", "http://www.w3schools.com/xml/cd_catalog.xml", true);
  xmlhttp.send();
}

function myFunction(xml) {
  var x, i, xmlDoc, txt;
  xmlDoc = xml.responseXML;
  txt = "";
  x = xmlDoc.getElementsByTagName("ARTIST");
  for (i = 0; i< x.length; i++) {
    txt += x[i].childNodes[0].nodeValue + "<br>";
  }
  document.getElementById("demo").innerHTML = txt;
}
This message was deleted
<h2>My CD Collection:</h2>

<button type="button" onclick="loadXMLDoc()">
Get my CD collection</button>

<p id="demo"></p>
i wanted to display the content of an external xml file into my console could any one plz help me with that..here are the js and html codes
the doer
@ewathedoer
Aug 17 2016 07:42
@hacu9 try and we will see
texyh
@texyh
Aug 17 2016 08:12
@wearenotgroot Good morning,please what the different between $.getJSON(... and $.ajax({... api calls
Good morning,please what the different between $.getJSON(... and $.ajax({... api calls
prakash chandra yadav
@prakashyadav008
Aug 17 2016 08:26
hey everyone
the width of the portfolio is not fitting the webpage properly
help
CamperBot
@camperbot
Aug 17 2016 08:27

CamperBot

Hi, I'm CamperBot! I can help you in this chatroom :smile:

Basic Commands:

  • find TOPIC find all entries about topic. e.g. find js
  • wiki TOPIC show contents of topic page
  • thanks @username send brownie points to another user
  • about @username shows info on that user
  • Algorithm BONFIRENAME info on a Algorithm

meet CamperBot in FreeCodeCamp/camperbotPlayground

:pencil: read more about camperbot on the FCC Wiki

Norvin Burrus
@ndburrus
Aug 17 2016 08:30
Gaurav Tolani
@Gauravtolani
Aug 17 2016 08:42
my twitter button is having some link instead of the quote in random quote generator...can anyone figure out..where's the problem..?
like..the content of the tweet should be my quote but instead it is having some link...why?
RamyaAiyer
@RamyaAiyer
Aug 17 2016 08:56
Hi! Am just getting started on the build a tribute page exercise. Any tips?
texyh
@texyh
Aug 17 2016 08:59
This message was deleted
i think its the text value that is giving the issue not sure
the doer
@ewathedoer
Aug 17 2016 09:02
@RamyaAiyer sketch it on paper first, plan from mobile first, start implementation; you may find Bootstrap useful for that
RamyaAiyer
@RamyaAiyer
Aug 17 2016 09:02
i already have enabled bootstrap
so u use all css, html and jquery right?
the doer
@ewathedoer
Aug 17 2016 09:03
you won’t need much js if it will be a standard static page
but add all what needed for Bootstrap not to suffer from one missing link later, so add jquery if you want to use navs or anything that will require js from bootstrap @RamyaAiyer
@texyh random article works fine, but search not neccessarily, have a look at the console and your document ready function
texyh
@texyh
Aug 17 2016 09:08
@ewathedoer i fixed the document ready thing, the problem is how to pass the search item to the random function
RamyaAiyer
@RamyaAiyer
Aug 17 2016 09:08
@ewathedoer how do i add jquery again
oh the command script we learnt right?
the doer
@ewathedoer
Aug 17 2016 09:09
@RamyaAiyer try in settings of your pen in js section
you use codepen, right?
texyh
@texyh
Aug 17 2016 09:14
please what does this error mean
s.codepen.io/boomerang/e051312be57dec7d36b1417a9bb196b51471425177007/index.html:1 XMLHttpRequest cannot load https://en.wikipedia.org/w/api.php?action=opensearch&search=albert&limit=10&namespace=0&format=json. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://s.codepen.io' is therefore not allowed
Jefferson
@jeffersonnnn
Aug 17 2016 09:24
guys, i am starting with my personal portfolio site, any tips?
the doer
@ewathedoer
Aug 17 2016 09:34
@jeffersonnnn sketch it on paper first, plan from mobile first, start implementation; you may find Bootstrap useful for to build it
Chris C.
@chrisamsterdam1986
Aug 17 2016 09:57
@jeffersonnnn, why don't you take a look at some inspiration first? learn from the best, I would say! As an experienced web designer for 5 years, I'm still looking at best practices to make my design as good as possible. Check out for example www.lapa.ninja or http://www.awwwards.com/websites/portfolio/
Good Lukc!
Jefferson
@jeffersonnnn
Aug 17 2016 10:14
thanks gu. the sites you offered are phenomenal @chrisamsterdam1986
CamperBot
@camperbot
Aug 17 2016 10:14
jeffersonnnn sends brownie points to @chrisamsterdam1986 :sparkles: :thumbsup: :sparkles:
:cookie: 112 | @chrisamsterdam1986 |http://www.freecodecamp.com/chrisamsterdam1986
anvarov
@anvarov
Aug 17 2016 10:32
@sorinr I deleted it, (I wanted to prevent default action, but with onclick there is no reason to use)
Taras Yaremkiv
@Y-Taras
Aug 17 2016 11:17
Hi everyone! Need a small advice) When a user clicks on selected radiobutton an event doesn't trigger ...
So what shoul I modify in code to make it work?
    var signValue = document.getElementsByClassName("setSign");
    for (var i = 0; i < signValue.length; i++) {
        signValue.addEventListener("input", function (e) {
            console.log(signValue);
        });
Manoj
@Manoj-Fernando
Aug 17 2016 11:35
hey guys what is the difference between a <div> and <section> element?
can anyone help?
Timbowser
@Timbowser
Aug 17 2016 11:36
@Manoj-Fernando The <section> tag defines sections in a document, such as chapters, headers, footers, or any other sections of the document. whereas: The <div> tag defines a division or a section in an HTML document. The <div> tag is used to group block-elements to format them with CSS.
Bhushan Patil
@mrpatil007
Aug 17 2016 11:36

@Manoj-Fernando <section> means that the content inside is grouped (i.e. relates to a single theme), and should appear as an entry in an outline of the page.

<div>, on the other hand, does not convey any meaning, aside from any found in its class, lang and title attributes

Taras Yaremkiv
@Y-Taras
Aug 17 2016 11:38

@Y-Taras forget it) I've already found the mistake
instead of

 signValue.addEventListener("input", function (e) {

should be

 signValue[i].addEventListener("input", function (e) {
Manoj
@Manoj-Fernando
Aug 17 2016 11:38
@mrpatil007 what kind of themes?
Bhushan Patil
@mrpatil007
Aug 17 2016 11:39
@Manoj-Fernando like one page contains (header, footers) use to navigate well only
Manoj
@Manoj-Fernando
Aug 17 2016 11:40
Then <nav> tag and <section> does the same thing?
@mrpatil007 Then <nav> tag and <section> does the same thing?
Bhushan Patil
@mrpatil007
Aug 17 2016 11:41
@Manoj-Fernando not like that you can link the <nav> tabs with section id's
Manoj
@Manoj-Fernando
Aug 17 2016 11:42
@mrpatil007 thank you!!!
CamperBot
@camperbot
Aug 17 2016 11:42
manoj-fernando sends brownie points to @mrpatil007 :sparkles: :thumbsup: :sparkles:
:cookie: 218 | @mrpatil007 |http://www.freecodecamp.com/mrpatil007
Timbowser
@Timbowser
Aug 17 2016 11:42
@Manoj-Fernando <nav> and <section> and <div> essentially all do the same thing. Instead of assigning a class or id that only you know what it is you are assigning a tag that other things like readers know what it is.
Manoj
@Manoj-Fernando
Aug 17 2016 11:43
clear:) Thank you bro @Timbowser
CamperBot
@camperbot
Aug 17 2016 11:43
manoj-fernando sends brownie points to @timbowser :sparkles: :thumbsup: :sparkles:
:cookie: 269 | @timbowser |http://www.freecodecamp.com/timbowser
texyh
@texyh
Aug 17 2016 11:56
phew!! my project is working in editor view but not working in full view
Timbowser
@Timbowser
Aug 17 2016 11:57
@texyh thats odd. what is not working?
texyh
@texyh
Aug 17 2016 11:57
every thing, and my layout changed
Timbowser
@Timbowser
Aug 17 2016 11:57
@texyh link to the pen?
Timbowser
@Timbowser
Aug 17 2016 12:04
@texyh don't see why yet but why do you have an h3 tag wrapped in a p tag?
@texyh you don't have an action set for your form. This could be causing an issue.
texyh
@texyh
Aug 17 2016 12:05
@Timbowser what should the action be set to
Timbowser
@Timbowser
Aug 17 2016 12:06
@texyh in reading, looks like it does not have to be set in html 5 .
texyh
@texyh
Aug 17 2016 12:07
so what could the problem be @Timbowser
Timbowser
@Timbowser
Aug 17 2016 12:17
@texyh not sure I really don't see anything catching my eye.
Islam Ibakaev
@dagman
Aug 17 2016 12:19
hey guys do you know good tutorial on using react with user authentication?
Timbowser
@Timbowser
Aug 17 2016 12:22

@texyh ok if you look at the dev tools in full screen mode your form class is not declared correctly. <form action="#'form-horizontal search'>&#10;<input type=" text"="" class="form-control input" placeholder="search here">

<button type="submit" class="btn col-md-4 col-sm-4 col-sm-offset-4 col-md-offset-4 col-xs-4 col-xs-offset-4"><i class="glyphicon glyphicon-search"></i></button><br>
</form>

@texyh that is most likely the issue. Try switching to double quotes instead of single quotes for the class. I would try to keep that the same inside a tag.
@texyh It seems like you switch between double and single quotes a lot in your html, is there a reason why?
texyh
@texyh
Aug 17 2016 12:24
@Timbowser no,but will keep that in mind now
Timbowser
@Timbowser
Aug 17 2016 12:25
@texyh yeah give it a try at least for the form tag and lets see if it corrects it. that was the only one that stuck out that you were swapping in mid tag.
texyh
@texyh
Aug 17 2016 12:31
@Timbowser the form is now working, but the 'click for random article is still shifted'
Timbowser
@Timbowser
Aug 17 2016 12:36
@texyh you could wrap it in a div that has width set to %100 and that should fix it. Or put your form inside a div and have the h3 reside outside of it.
Timbowser
@Timbowser
Aug 17 2016 12:45
@texyh put a solid red border on your .random class and you will see what is going on. You could give it some padding on top and it will fudge what you need but if you wrap that in a div you should see that it fixes it. I like using the chrome dev tools and editing the css right in them to find the issue. I can then go back to my pen and fix it.
Adam Jacks
@AdamHJ123
Aug 17 2016 13:08
Guys, can I get some opinions on this website please? http://s.codepen.io/AdamHJacks/debug/jAQbJy#moreartwork
Patrick Keogh
@patrickkeogh
Aug 17 2016 13:23
good morning all
Timbowser
@Timbowser
Aug 17 2016 13:27
@AdamHJ123 the arrow navigation does not always reflect the direction the page is going to move. Feels a little disjointed to me.
Greg Duncan
@GregatGit
Aug 17 2016 13:28
@AdamHJ123 Good start - the images should fade in when you click on them
Meet Mangukiya
@meetmangukiya
Aug 17 2016 13:46
http://codepen.io/meetmangukiya/full/akXQdv/ I'd like the header to take up whole page, but with bootstrap included it is not possible :/ . I tried this CSS, but no effect :
*{
   "padding-left": 0;
   "margin-left": 0;
}
encount
@encount
Aug 17 2016 13:48
@meetmangukiya have you tried container-fluid
Meet Mangukiya
@meetmangukiya
Aug 17 2016 13:49
@encount No I haven't :disappointed:
@encount It worked, thanks. I didn't think it was this simple
CamperBot
@camperbot
Aug 17 2016 13:50
meetmangukiya sends brownie points to @encount :sparkles: :thumbsup: :sparkles:
:cookie: 303 | @encount |http://www.freecodecamp.com/encount
Meet Mangukiya
@meetmangukiya
Aug 17 2016 13:50

But Still, the

*{
   "padding-left": 0;
   "margin-left": 0;
}

should've worked, no?

encount
@encount
Aug 17 2016 13:52
@meetmangukiya not with bootstrap - you can overide it all but you dont need to
Richa
@richa-coder
Aug 17 2016 14:00
hey guys ,I need a help.I am stuck with a javascript snippet. I want some dropdown menus on the basis of events selected by users.Ex:First menu will have some events(a,b,c) and if i select 'a' another dropdown menu should come up(x,y,z) and again based on any event(x,y,z) another drop down menu should come
Can anybody help me with this,in binding the dropdown menu with onclick events(elements in the list)
greg
@wearenotgroot
Aug 17 2016 14:11
@texyh read this -------->https://blog.codepen.io/documentation/views/full-page-view/, on Security section
@texyh and you should be really using form on the wiki api. you are just querying information so it's mostly GET method involve
JD Tadlock
@jdtdesigns
Aug 17 2016 14:22
@richa-coder So are you wanting a nested dropdown or a single dropdown that changes based on a button press?
Darth Skywalker
@adityaparab
Aug 17 2016 14:24
@richa-coder : Do you have a code you can share? a codepen may be?
Richa
@richa-coder
Aug 17 2016 14:25
ya .. i want a nested 1
ya sure

//html

<select id="d1">
<option value="1">a</option>
<option value="2">b</option>
<option value="3">c</option>
</select>

<select id="d2">
<option value="1">x</option>
<option value="2">y</option>
<option value="3">z</option>
</select>

//Jquery
$("#d1").change(function(){
$( "#d2" ).focus();
// $( "#d2" ).trigger("click");
var e = document.createEvent('MouseEvents');
e.initMouseEvent('mousedown');
$("#d2")xamarin/xamarin-android@a16673d.dispatchEvent(e);
});

Darth Skywalker
@adityaparab
Aug 17 2016 14:26

@richa-coder

Here is how you can nest 1

<div>
  <span>1</span>
</div>

:P

JD Tadlock
@jdtdesigns
Aug 17 2016 14:26
lol
takes a little more than that
Richa
@richa-coder
Aug 17 2016 14:26
no,i want to bind the drop down menu with events in the menu
@adityaparab ,that is not what i am looking for
Darth Skywalker
@adityaparab
Aug 17 2016 14:28

@richa-coder : I'm afraid simply triggering change events won't do it.

Besides, is your problem statement like

when you select country from 1st dropdown, next dropdown with corresponding states is populated.
And when you select a state from 2nd dropdown, 3rd drowdpwn shows up with list of cities in that state. Is that what you want?

Richa
@richa-coder
Aug 17 2016 14:28
ya..kind of
Darth Skywalker
@adityaparab
Aug 17 2016 14:29
Okay. do you have sample data that should go into each dropdown?
Richa
@richa-coder
Aug 17 2016 14:34
@adityaparab 1st dropdown menu:user property,user events,user session,segmentations etc
on selecting user property next menu contains:age,address,city etc
On selecting user events next menu contains:add to cart,delete from cart etc
On selecting Segmentations next menu contains:registered user,new user
something like this
Darth Skywalker
@adityaparab
Aug 17 2016 14:39
@richa-coder : Cool, first create a mapping of your properties like
var dropdownData = {
  "user property":["Age","Address","City"],
  "user events": ["Add to cart","Delete from cart"],
  "segmentation":["Registered User","New User"]
}
Richa
@richa-coder
Aug 17 2016 14:43
okay,I donot need to use seperate html for select options?
Darth Skywalker
@adityaparab
Aug 17 2016 14:45
Then create a function that takes two parameters, a selector in which you want to inject your dropdown and list of options that needs to be shown under that dropdown

function buildDropdown(selector, listItems, nextSelector){
  var $parent = $(selector);
  var $select = $('<select/>'{
    'id':'dd1'
  });

  $select.on('change', function(){
    if(nextSelector){
      var data = dropdownData[$(this).val()];
      buildDropdown(nextSelector,data);
    }
  });

  listItems.forEach(function(item){
    var $li = $('<li/>',{text:item});
    $select.append($li);
  });
 $parent.append($select);
}
@richa-coder
Richa
@richa-coder
Aug 17 2016 14:46
u made my job easy.Thanks much:) @adityaparab
Darth Skywalker
@adityaparab
Aug 17 2016 14:47

Then you will create your html structure something like

<div id="ds1"></div>
<div id="ds2"></div>

And then in your document.ready function

$(document).on('ready', function(){
  buildDropdown('ds1',Object.keys(dropdownData),'ds2');
});
So in it's entirety, your js file looks like
var dropdownData = {
  "user property":["Age","Address","City"],
  "user events": ["Add to cart","Delete from cart"],
  "segmentation":["Registered User","New User"]
};

function buildDropdown(selector, listItems, nextSelector){
  var $parent = $(selector);
  var $select = $('<select/>'{
    'id':selector+'dd'
  });
  if(nextSelector){
    $select.on('change', function(){
        var data = dropdownData[$(this).val()];
        buildDropdown(nextSelector,data);
    });
  }

  listItems.forEach(function(item){
    var $li = $('<li/>',{text:item});
    $select.append($li);
  });
 $parent.append($select);
}

$(document).on('ready', function(){
  buildDropdown('ds1',Object.keys(dropdownData),'ds2');
});
Richa
@richa-coder
Aug 17 2016 14:49
thanks @adityaparab
CamperBot
@camperbot
Aug 17 2016 14:49
richa-coder sends brownie points to @adityaparab :sparkles: :thumbsup: :sparkles:
:cookie: 582 | @adityaparab |http://www.freecodecamp.com/adityaparab
Darth Skywalker
@adityaparab
Aug 17 2016 14:55

@richa-coder : I noticed one small problem in the code

var $li = $('<li/>',{text:item});

should really be

var $li = $('<option/>',{text:item});
Richa
@richa-coder
Aug 17 2016 14:56
ya,its not a list :p @adityaparab
Darth Skywalker
@adityaparab
Aug 17 2016 14:59

@richa-coder : Also, I am sure there will be two issues with the code... I am noticing it now

2nd Line in your buildDropdown function should be

$parent.empty();

Otherwise the code will just keep adding those new dropdowns.

And lastly, you will have to trigger change event on the dropdown to make sure it's dependent dropdown as populated

$select.trigger('change',{});
Joel Santos
@St3ps
Aug 17 2016 15:09
Hello everyone, any recommended approaches to implementing the minmax algorithm -- in context of the tictactoe exercise? I understand the logic of the algorithm, i just don't know how to 'transport' the idea
Jakub Adamec
@jadamec16
Aug 17 2016 15:14
Hi guys, why smaller/red triangles aren't inline in bigger triangle? :/ Thanks for helping...
https://jsfiddle.net/vtubwfju/
Reggie
@Reggie01
Aug 17 2016 15:16
@St3ps you can look at this article.
Joel Santos
@St3ps
Aug 17 2016 15:21
@Reggie01 thank you :)
CamperBot
@camperbot
Aug 17 2016 15:21
st3ps sends brownie points to @reggie01 :sparkles: :thumbsup: :sparkles:
:cookie: 357 | @reggie01 |http://www.freecodecamp.com/reggie01
Eduardo Buganemi Botelho
@eduardorioterra
Aug 17 2016 15:24
Hi, how can i style a checkbox? I want the marker to be green, tried this pen and it isn't working https://codepen.io/bbodine1/pen/novBm
Joel Santos
@St3ps
Aug 17 2016 15:29

@jadamec16

I didn't find the perfect solution but I did solve it.

#board {
  font-size: 0;
  border-width: 0 50vh 86.6vh 50vh;
  border-color: transparent transparent gray transparent;
  margin: auto; /*centered your big triangle first */

}

/*changed the selector but it's the same as #board div, if you notice your html, you have a 'tile' class in your divs. */
.tile {
  border-width: 0 10vh 17.32vh 10vh;
  border-color: transparent transparent red transparent;
  display: inline-block;
  margin-left: -10vh;  /*this right here does  it */
}
#board, .tile {
  border-style: solid;
  width: 0;
  height: 0;
}

Try that.

Aleksa Rakic
@aleksarakic
Aug 17 2016 15:29
Hey guys, I'm working on TicTacToe. I need help: how should I invoke function that is responsible for computer player logic? Currently, it is invoked on click, after user's function is finished. But issue is, computer function is invoked every time table is clicked, even if no new symbols are appended to table. I am thinking about two possible solutions: call function when new element from freeFieldsArray is deleted(1 free field less - symbol is appended), or to somehow detect change in div(X or O is apended to div). I hope I was clear :)
Stephen James
@sjames1958gm
Aug 17 2016 15:30
@aleksarakic The users function could return true if the user actually played (into an empty square)?
Aleksa Rakic
@aleksarakic
Aug 17 2016 15:33
@sjames1958gm How user function knows if its regular move? I can click on marked field and still invoke computer function. Is there any jQuery function that detect change of element?
Stephen James
@sjames1958gm
Aug 17 2016 15:33
@aleksarakic How do you know if the player made a legal move?
Aleksa Rakic
@aleksarakic
Aug 17 2016 15:35
Thats whole problem, i dont know :)
Gaurav Tolani
@Gauravtolani
Aug 17 2016 15:37
hello @sjames1958gm
Aleksa Rakic
@aleksarakic
Aug 17 2016 15:38
To sum things up - I am looking for a way to invoke function on div change, not on user click. Is there function for it?
$('.field').click(function appendSymbolsForUser(){
    iksOrOks();
    if(userAndCompPlaying  && $(this).text() === ''){
        togglingPlayingTurns();
        $(this).append(userSymbol);

        pushingToArrays(this);
        removingFromArray(this);
    }
        // if( $(this).text() === ''){
        appendSymbolsForComp();
        // }

});
Here is code
appendSymbolForComp is computer logic function
spalqui
@spalqui
Aug 17 2016 15:43
can some help me with this project
tydalious
@tydalious
Aug 17 2016 15:45
find weather
CamperBot
@camperbot
Aug 17 2016 15:45
find weather
nothing found
Stephen James
@sjames1958gm
Aug 17 2016 15:53
@aleksarakic If you don't append a symbol then the players turn didn't end?
Bhushan Patil
@mrpatil007
Aug 17 2016 15:54
@spalqui Which type of help you need in the project
Milos
@Milos2709
Aug 17 2016 15:55
Local Weather app stuck - I don't know what I am doing wrong in this part of code
$.ajax({
  type: "GET",
  url:"api.openweathermap.org/data/2.5/weather?lat=" + lat + "&lon=" + lon + "&APPID=****myactualkey****&callback=JSON_CALLBACK",
  success: function (data) {
    $("#temp").html("<p>" + data["main"]["temp"] + "</p>")

  }
JSON I am retrieving should look like this
{"coord":{"lon":139,"lat":35},
"sys":{"country":"JP","sunrise":1369769524,"sunset":1369821049},
"weather":[{"id":804,"main":"clouds","description":"overcast clouds","icon":"04n"}],
"main":{"temp":289.5,"humidity":89,"pressure":1013,"temp_min":287.04,"temp_max":292.04},
"wind":{"speed":7.31,"deg":187.002},
Jason Luboff
@JLuboff
Aug 17 2016 15:57
@Milos2709 whats the issue that you're having?
Milos
@Milos2709
Aug 17 2016 15:58
@JLuboff I am retrieving no temperature...
this is my whoel code
Jason Luboff
@JLuboff
Aug 17 2016 15:58
@Milos2709 can you post your codepen link? (assuming you're using codepen)
Darth Skywalker
@adityaparab
Aug 17 2016 15:58

@Milos2709 : I don't see anything wrong with your code

value of data["main"]["temp"]that is being returned from the server is 289.5

Milos
@Milos2709
Aug 17 2016 15:59
This message was deleted
Can you guide me about what I should do next to finish retrieving the temperature? I mean, so that it's printed out on the screen :)
Jason Luboff
@JLuboff
Aug 17 2016 16:02
@Milos2709 I noticed its not prompting me to share my location
Milos
@Milos2709
Aug 17 2016 16:03
Yeah, I think that is the issue... But I can't figure out what I should add to my code so that it does :/
Jason Luboff
@JLuboff
Aug 17 2016 16:06
@Milos2709 Hmm...I think someone else may need to step in here. I used geolocation, but not within an If statement. Thus I don't have a fallback if they don't share location. I also used $.getJSON as opposed to ajax so I'm a little lost there looking at it
Milos
@Milos2709
Aug 17 2016 16:08
@JLuboff Thanks for the effort, anyway. :)
CamperBot
@camperbot
Aug 17 2016 16:08
milos2709 sends brownie points to @jluboff :sparkles: :thumbsup: :sparkles:
:cookie: 290 | @jluboff |http://www.freecodecamp.com/jluboff
Tyler Moeller
@TylerMoeller
Aug 17 2016 16:09
@Milos2709 gelocation is all lower-case
navigator.geolocation.getCurrentPosition
Reggie
@Reggie01
Aug 17 2016 16:09

@aleksarakic I think @sjames1958gm is correct that the function should do logic first to determine if player move is legal.

// global var
isPlayerTurn = bool; // T/F
// your function
$('.field').click( ...
   if( isPlayerTurn && "rest of conditionals") {
      // do something
   } 
   // else don't take an action
}

right now appendSymbolsForComp(); is invoked every time user clicks .field because it's outside of any conditional statement. So yes currently the computer always takes a turn.

Milos
@Milos2709
Aug 17 2016 16:10
@TylerMoeller Thanks, I fixed that!
Still not working though :/
CamperBot
@camperbot
Aug 17 2016 16:10
milos2709 sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:cookie: 757 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Tyler Moeller
@TylerMoeller
Aug 17 2016 16:11
But... @milos2709, you're going to run into problems using this approach to get location on browsers like Chrome. They require your web app to be loaded over HTTPS, but since your weather API only supports HTTP, it won't work.
You'll need to find a way to get weather over HTTPS (forecast.io, or weather underground), or use a HTTP-supported location api like http://ip-api.com/json
Milos
@Milos2709
Aug 17 2016 16:13
Thanks a lot @TylerMoeller
I suspected that could be the issue. I'll do my best to resolve it. :)(
CamperBot
@camperbot
Aug 17 2016 16:13
milos2709 sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:warning: milos2709 already gave tylermoeller points
Tyler Moeller
@TylerMoeller
Aug 17 2016 16:16
@Milos2709 This may save you some time, gets location + weather all in one URL: https://www.wunderground.com/weather/api/d/docs?d=data/geolookup
Sorin Ruse
@sorinr
Aug 17 2016 16:17
@Milos2709 try this way: weather app
Milos
@Milos2709
Aug 17 2016 16:17
Thank you so much :)
thanks @sorinr :)
CamperBot
@camperbot
Aug 17 2016 16:18
milos2709 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 667 | @sorinr |http://www.freecodecamp.com/sorinr
Milos
@Milos2709
Aug 17 2016 16:18
What would I do without you guys :D
Tyler Moeller
@TylerMoeller
Aug 17 2016 16:27
They really need to fix the instructions for that challenge to mention a different API. FreeCodeCamp/FreeCodeCamp#9145
Milos
@Milos2709
Aug 17 2016 16:29
Yup, I just followed the recommendation ...
Sorin Ruse
@sorinr
Aug 17 2016 16:30
@Milos2709 welcome. but be aware that you are getting temp in kelvin. you can use ether &unit=imperial to get F temp or &unit=metric to get C temp
Milos
@Milos2709
Aug 17 2016 16:31
Thanks @sorinr , I might do the conversion function myself, just to practice. :)
CamperBot
@camperbot
Aug 17 2016 16:31
:warning: milos2709 already gave sorinr points
milos2709 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
Milos
@Milos2709
Aug 17 2016 16:32
I need both C and F temp anyway, and I don't want to do the API call twice :)
Istvan Kokuti
@zaturek
Aug 17 2016 16:34
Hello everyone! I'm busy with my personal portfolio and I need some help. I'm stuck with the button activation when i scrolling down.
Bhushan Patil
@mrpatil007
Aug 17 2016 16:35
@zaturek use id's to scroll
Istvan Kokuti
@zaturek
Aug 17 2016 16:36
@mrpatil007 I have id's, but i can't find the jquery or anything to scroll there if i press the button, or activate the button if i scroll to the section.
Bhushan Patil
@mrpatil007
Aug 17 2016 16:37
@zaturek u dont need to use Jquery there just line <li href="#id"></li>
Jason Luboff
@JLuboff
Aug 17 2016 16:37
@Milos2709 No need to call the API twice, just have the base unit be imperial (or metric) and then you can create a variable with to convert to the other (f = C * 9/5 + 32)
Moisés Man
@moigithub
Aug 17 2016 16:37
<a href="#someid"> goto some id section </a>
....
<div id ="someid">... something </div>
Milos
@Milos2709
Aug 17 2016 16:38
oh okay, thanks @JLuboff
CamperBot
@camperbot
Aug 17 2016 16:38
milos2709 sends brownie points to @jluboff :sparkles: :thumbsup: :sparkles:
:warning: milos2709 already gave jluboff points
Istvan Kokuti
@zaturek
Aug 17 2016 16:38
@mrpatil007 @moigithub ohh god... how stuip I am... :D thanks guys! :)
CamperBot
@camperbot
Aug 17 2016 16:38
zaturek sends brownie points to @mrpatil007 and @moigithub :sparkles: :thumbsup: :sparkles:
:cookie: 220 | @mrpatil007 |http://www.freecodecamp.com/mrpatil007
:star2: 1925 | @moigithub |http://www.freecodecamp.com/moigithub
Milos
@Milos2709
Aug 17 2016 16:42
I am calling this URL ".......2d&unit=metric" but it still shows Kelvin values :"/
greg
@wearenotgroot
Aug 17 2016 16:43
@Milos2709 units perhaps?
Jason Luboff
@JLuboff
Aug 17 2016 16:43
yup should be units
Milos
@Milos2709
Aug 17 2016 16:43
Thanks @JLuboff @wearenotgroot :) worked!
CamperBot
@camperbot
Aug 17 2016 16:43
milos2709 sends brownie points to @jluboff and @wearenotgroot :sparkles: :thumbsup: :sparkles:
:warning: milos2709 already gave jluboff points
:star2: 1376 | @wearenotgroot |http://www.freecodecamp.com/wearenotgroot
greg
@wearenotgroot
Aug 17 2016 16:44
@Milos2709 when in doubt always check the api docs :smile:
Milos
@Milos2709
Aug 17 2016 16:45
Thanks for the tip :D I still feel like a big newbie :D but hey, I am here for less than two weeks :D
Moisés Man
@moigithub
Aug 17 2016 16:45
2 weeks and already doing api calls... ! u going fast :)
Istvan Kokuti
@zaturek
Aug 17 2016 16:48
How to offset my scrolling because of my fixed-top header?
Milos
@Milos2709
Aug 17 2016 16:48
Really? Thanks @moigithub :D
I am still struggling with APIs though, but they are getting clearer and clearer every day :)
CamperBot
@camperbot
Aug 17 2016 16:48
milos2709 sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star2: 1926 | @moigithub |http://www.freecodecamp.com/moigithub
Istvan Kokuti
@zaturek
Aug 17 2016 16:56
Somebody heeelp! :)
Milos
@Milos2709
Aug 17 2016 16:58
This is totally unfinished weather app, but I must share haha
My new motto: "With every click, it's getting colder! But the cold never bothered me anyway"
Convert the temperature a few times and you'll get it haha
https://codepen.io/Milos2709/full/WxmdaA/
Istvan Kokuti
@zaturek
Aug 17 2016 17:01
Ok. I've solved that. Last question: If I want my button to be active, if I scroll to the section, and go back to non-active if I scroll over, what i have to use?
Tyler Moeller
@TylerMoeller
Aug 17 2016 17:04
@zaturek I think you're looking for ScrollSpy: http://getbootstrap.com/javascript/#scrollspy
Istvan Kokuti
@zaturek
Aug 17 2016 17:04
@TylerMoeller Thank! :)
CamperBot
@camperbot
Aug 17 2016 17:04
zaturek sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:cookie: 758 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
JD Tadlock
@jdtdesigns
Aug 17 2016 17:13
@richa-coder Stepped away for a bit, but I coded this when I got back. This is a way of creating nested menus with css only. Of course you can easily attach click events to the menu buttons to open the navs on click instead. ;) http://jsbin.com/wecebug/edit?css,output
Jonathan Garland
@Garlandjon95
Aug 17 2016 17:20
Hey everyone I can't seem to figure it out after looking for it. I'm trying to make my navbar interactive, so that when I click on About for instance, it will go to the 'About; word. Same for Contact and etc. https://codepen.io/Garlicboy/pen/qNQxAk
Istvan Kokuti
@zaturek
Aug 17 2016 17:22
@Garlandjon95 Hi! Use anchors to the navbar, like <a href="#target-section">
@Garlandjon95 To the buttons of the navbar i've meant
I want to know, how could I add things to the <body> in the editor?
Lanitta
@DivaWeb
Aug 17 2016 17:23
ok I need some help
do you need a twitter token to do the quote machine
Jason Luboff
@JLuboff
Aug 17 2016 17:24
@zaturek what do you mean by adding things?
@DivaWeb No, atleast I didn't use one
JD Tadlock
@jdtdesigns
Aug 17 2016 17:24
@DivaWeb Just use the twitter intent url
Jonathan Garland
@Garlandjon95
Aug 17 2016 17:24
okay @zaturek i will try thank you
CamperBot
@camperbot
Aug 17 2016 17:24
garlandjon95 sends brownie points to @zaturek :sparkles: :thumbsup: :sparkles:
:cookie: 120 | @zaturek |http://www.freecodecamp.com/zaturek
Lanitta
@DivaWeb
Aug 17 2016 17:25
@JLuboff but then it doesn't post to twitter
Istvan Kokuti
@zaturek
Aug 17 2016 17:25
@JLuboff I mean <body data-spy="scroll"> for example
Jason Luboff
@JLuboff
Aug 17 2016 17:25
@DivaWeb As @jdtdesigns mentioned, use the intent link
JD Tadlock
@jdtdesigns
Aug 17 2016 17:26
just set the href of the twitter button to that
and concat the quote text on the end with js
Jason Luboff
@JLuboff
Aug 17 2016 17:26
@zaturek You should be able to just add that to your HTML section of codepen. Its normally implied but you can add it as well
Lanitta
@DivaWeb
Aug 17 2016 17:26
@jdtdesigns ok thank you I guess I am done with it then lolol
CamperBot
@camperbot
Aug 17 2016 17:26
:cookie: 597 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
divaweb sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
Istvan Kokuti
@zaturek
Aug 17 2016 17:27
@JLuboff Just like a new body tag?
Jason Luboff
@JLuboff
Aug 17 2016 17:28
@zaturek Ya, just as you put it up top. Have it be your first element
Lanitta
@DivaWeb
Aug 17 2016 17:29
well if you go to the twitter web site they say you have request a token. and I just found out someone tried to set up an account with my email lolo
Istvan Kokuti
@zaturek
Aug 17 2016 17:30
@JLuboff Thanks! :)
CamperBot
@camperbot
Aug 17 2016 17:30
zaturek sends brownie points to @jluboff :sparkles: :thumbsup: :sparkles:
:cookie: 291 | @jluboff |http://www.freecodecamp.com/jluboff
Bart Read
@bartread
Aug 17 2016 17:39
Hey everyone.
Got a quick CSS hardware acceleration question: do I still need to use the -xxx-transform: translate3d(0,0,0) trick to force hardware acceleration?
I ask because I'm getting a very hot iPhone with an app I'm working on and I'm wondering if this might help.
Sriram Krishnaswamy
@sriramkswamy
Aug 17 2016 18:05
Hey everyone. I came back to this course after a while since I was busy with other things. I already have an actual portfolio page that I made a while ago and I was guessing that would satisfy all the requirements but apparently I need a pro feature in codepen.io to add assets. Any way to clear this without that? My portfolio page (updated a while ago) - http://sriramkswamy.github.io
Adam Jacks
@AdamHJ123
Aug 17 2016 18:09
@Timbowser How do you mean?
@GregatGit I'll try it
Chris Rutherford
@cjrutherford
Aug 17 2016 18:12
quick question, how would one switching to the break on the pomodoro timer?http://codepen.io/christopherrutherford/pen/YWRYqm
Tyler Moeller
@TylerMoeller
Aug 17 2016 18:13
@sriramkswamy You can always use absolute urls in codepen. For example, to show your picture in codepen, do <img src="http://sriramkswamy.github.io/img/mugshot.png">. To add the same bootstrap you're using, use this url: http://sriramkswamy.github.io/bootstrap/css/bootstrap.css
Sriram Krishnaswamy
@sriramkswamy
Aug 17 2016 18:14
Ah, I see. Thanks @TylerMoeller
CamperBot
@camperbot
Aug 17 2016 18:14
sriramkswamy sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:cookie: 759 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Tyler Moeller
@TylerMoeller
Aug 17 2016 18:14
@cjrutherford You'll need to manage the state of your timer - determine if it's in break timer mode or session timer mode. When the clock reaches 0, you update the state of your timer, read the next time to start counting down from, and then start counting down.
@sriramkswamy Also, your code doesn't need to be in codepen. You can submit all your front-end development challenges with links to a working website on github if you prefer.
Brian
@BrianCodes33
Aug 17 2016 18:16
im having a problem w/ css styling. can someone lend me a hand?
Chris Rutherford
@cjrutherford
Aug 17 2016 18:16
@TylerMoeller Ah! so I should set a variable var mode and set it equal to "Session" for the actual work period and "Break" for the break period, and encapsulate the countdown in an if or a loop?
Tyler Moeller
@TylerMoeller
Aug 17 2016 18:18
@cjrutherford Yes, it helps to have a generic countDown() function for this where you just pass in the time to start counting down from.
@BrianCodes33 Can you be more specific or show a link to your codepen that shows the issue?
Chris Rutherford
@cjrutherford
Aug 17 2016 18:21
thanks @TylerMoeller
CamperBot
@camperbot
Aug 17 2016 18:21
cjrutherford sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:cookie: 760 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Chris Rutherford
@cjrutherford
Aug 17 2016 18:59
so now I'm having trouble with my timer where it continues to count after the break is finished.
greg
@wearenotgroot
Aug 17 2016 19:03
@cjrutherford ------->var startBreak = setInterval(breakTimer,1000);
should use startBreak to stop the interval?
clearInterval(breakTimer); //<------you had
Chris Rutherford
@cjrutherford
Aug 17 2016 19:06
Ah! that makes sense!
Thanks @wearenotgroot
CamperBot
@camperbot
Aug 17 2016 19:06
cjrutherford sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
:star2: 1381 | @wearenotgroot |http://www.freecodecamp.com/wearenotgroot
greg
@wearenotgroot
Aug 17 2016 19:06
@cjrutherford :+1:
@cjrutherford just declare the startBreak at the very top
Chris Rutherford
@cjrutherford
Aug 17 2016 19:08
now I just have to figure out how to code the stop button and I'm done!
I think I have an idea for that though!
greg
@wearenotgroot
Aug 17 2016 19:09
@cjrutherford :+1:
Chris Rutherford
@cjrutherford
Aug 17 2016 19:15
Can I ask for general feedback now? it's complete!
greg
@wearenotgroot
Aug 17 2016 19:19
@cjrutherford did you want the background to tile(repeat)?
Chris Rutherford
@cjrutherford
Aug 17 2016 19:19
@wearenotgroot not particularly. is it?
greg
@wearenotgroot
Aug 17 2016 19:19
if not then
  background-size: cover
  background-attachment: fixed
  background-repeat: no-repeat
@cjrutherford if you try it on smaller screen/mobile
Chris Rutherford
@cjrutherford
Aug 17 2016 19:20
yeah... it's not great on mobile because of all the static sizes......
greg
@wearenotgroot
Aug 17 2016 19:22
also the buttons seems to go out of that gray border
Chris Rutherford
@cjrutherford
Aug 17 2016 19:24
yep, I'm going to have to get this "in the grid"
greg
@wearenotgroot
Aug 17 2016 19:25
Chris Rutherford
@cjrutherford
Aug 17 2016 19:39
I'll ask there, but now I just can't figure out why if I add some margin so the sections are spaced out the "col-md-4" sections don't stay on the same row....
Adam Jacks
@AdamHJ123
Aug 17 2016 20:09
Does anyone have any idea how I can use the CSS animate and keyframes functions to animate some text? I mean like change the colour and the font-size, maybe rotate
Tyler Moeller
@TylerMoeller
Aug 17 2016 20:16
@AdamHJ123 I haven't played around with keyframes too much yet. Have you seen this article? https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations
An example of font size animation in a codepen here. https://codepen.io/TylerMoeller/pen/RRdqKV
Adam Jacks
@AdamHJ123
Aug 17 2016 20:18
@TylerMoeller That's an empty Code pen link haah
tyl-er
@tyl-er
Aug 17 2016 20:19
I can't click to get to my links. Literally the last thing I have to do.
http://codepen.io/tyl-er/pen/zBybZz
Adam Jacks
@AdamHJ123
Aug 17 2016 20:19
That link is actually really helpful haha Thanks @TylerMoeller
CamperBot
@camperbot
Aug 17 2016 20:19
adamhj123 sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:cookie: 761 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Tyler Moeller
@TylerMoeller
Aug 17 2016 20:20
@AdamHJ123 Fixed the pen :)
Timbowser
@Timbowser
Aug 17 2016 20:20
@AdamHJ123 you have hraf instead of href on your linked in link
Adam Jacks
@AdamHJ123
Aug 17 2016 20:20
@tyl-er I really like the nav panel at the top
Timbowser
@Timbowser
Aug 17 2016 20:20
you might have the same thing elsewhere as well, I didn't look
@tyl-er you have hraf instead of href on your linked in link
Adam Jacks
@AdamHJ123
Aug 17 2016 20:21
@Timbowser What do you mean?
Timbowser
@Timbowser
Aug 17 2016 20:21
@AdamHJ123 sorry that was not for you
@AdamHJ123 :)
Adam Jacks
@AdamHJ123
Aug 17 2016 20:22
@TylerMoeller Sorted :D
Tyler Moeller
@TylerMoeller
Aug 17 2016 20:23
@tyl-er You're preventing the default behavior for a click in your click function.
event.preventDefault();
CamperBot
@camperbot
Aug 17 2016 20:23
tyl-er sends brownie points to @adamhj123 :sparkles: :thumbsup: :sparkles:
:cookie: 257 | @adamhj123 |http://www.freecodecamp.com/adamhj123
Darth Skywalker
@adityaparab
Aug 17 2016 20:24
@tyl-er : The sections you're trying to scroll to are empty. That is why it appears to be not working.
Tyler Moeller
@TylerMoeller
Aug 17 2016 20:26
@tyl-er change your js to work with the navbar links only:
$(document).on('click', '.nav ul li a', function(event){
    event.preventDefault();

    $('html, body').animate({
        scrollTop: $( $.attr(this, 'href') ).offset().top
    }, 1000);
});
Then the rest of your links outside of the navbar won't try to animate a scroll effect instead of opening a new tab
tyl-er
@tyl-er
Aug 17 2016 20:26
@TylerMoeller lol you literally answered my question before I could ask.
Tyler Moeller
@TylerMoeller
Aug 17 2016 20:27
Must be the first name :)
tyl-er
@tyl-er
Aug 17 2016 20:27
@TylerMoeller thanks that fixed it!
CamperBot
@camperbot
Aug 17 2016 20:27
tyl-er sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:cookie: 762 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Istvan Kokuti
@zaturek
Aug 17 2016 20:41
Hello guys! Could anyone give me some help with my code? I don't know why my scrollspy doesn't work. http://codepen.io/zaturek/pen/NAojaX
Jason Luboff
@JLuboff
Aug 17 2016 20:43
@zaturek load jquery and bootstrap under your JS settings
Aleksa Rakic
@aleksarakic
Aug 17 2016 20:43
Can someone help me with TicTacToe? I just need to know if I am thinking in right direction...
Istvan Kokuti
@zaturek
Aug 17 2016 20:44
@JLuboff oh really? couldn't belive it... XD thanks!
CamperBot
@camperbot
Aug 17 2016 20:44
zaturek sends brownie points to @jluboff :sparkles: :thumbsup: :sparkles:
:cookie: 292 | @jluboff |http://www.freecodecamp.com/jluboff
Jason Luboff
@JLuboff
Aug 17 2016 20:44
:+1:
Chris Rutherford
@cjrutherford
Aug 17 2016 20:44
working on the tictactoe game and I'm wondering if this is a decent start to the computer move function. function compMove(){ $(board[((Math.random()*board.length)-1)]).html(comp); }
Aleksa Rakic
@aleksarakic
Aug 17 2016 20:45
Have you tried it, does it work? :)
Istvan Kokuti
@zaturek
Aug 17 2016 20:45
@JLuboff hey! It still doesn't want to what I want...
Tyler Moeller
@TylerMoeller
Aug 17 2016 20:45
@cjrutherford You'll need to check if the square doesn't already have content in it first. It would be cheating if you let the computer overwrite the user's choices :)
Chris Rutherford
@cjrutherford
Aug 17 2016 20:46
@TylerMoeller very true. what I was going to do to account for that was to remove the position on the board from the array I set up to track what's been used and what hasn't.
Jason Luboff
@JLuboff
Aug 17 2016 20:46
@zaturek What are you expecting it to do? When I scroll, it changes the active 'link'
Tyler Moeller
@TylerMoeller
Aug 17 2016 20:47
@cjrutherford That's a good approach. And...random is a good start, but a more difficult algorithm would involve checking for a win first, then a block, then an empty corner, and if none of those are available, finally choose a random empty square.
Chris Rutherford
@cjrutherford
Aug 17 2016 20:47
@TylerMoeller I'm having trouble even getting the computer to make a move......
Istvan Kokuti
@zaturek
Aug 17 2016 20:48
@JLuboff It does? I can't see that :/
Stony Browder
@kalel2319
Aug 17 2016 20:48
Just got up to the personal portfolio codepen part, am I supposed to look up how to make a nav bar? Or did I miss a lesson somehow?
Chris Rutherford
@cjrutherford
Aug 17 2016 20:48
might I also say that Jade (now PUG) is an awesome preprocessor for HTML
Tyler Moeller
@TylerMoeller
Aug 17 2016 20:49
@cjrutherford At first glance, it seems your compMove() function doesn't know the value of the variable 'comp'.
Chris Rutherford
@cjrutherford
Aug 17 2016 20:49
@kalel2319 I would say go to getbootstrap.com and look at the components section. They have good examples
Adam Jacks
@AdamHJ123
Aug 17 2016 20:49
@tyl-er Thanks for sharing that!
CamperBot
@camperbot
Aug 17 2016 20:49
adamhj123 sends brownie points to @tyl-er :sparkles: :thumbsup: :sparkles:
:cookie: 215 | @tyl-er |http://www.freecodecamp.com/tyl-er
Jason Luboff
@JLuboff
Aug 17 2016 20:49
@zaturek In your JS Pen settings did you under the "Add External JavaScript" Quick add jQuery and bootstrap? Then run your codepen?
Chris Rutherford
@cjrutherford
Aug 17 2016 20:49
@TylerMoeller that's bizarre, it's a global variable.
Istvan Kokuti
@zaturek
Aug 17 2016 20:50
@JLuboff I guess... you've told it, so I've supposed to, but check again.
Stony Browder
@kalel2319
Aug 17 2016 20:50
@cjrutherford okay, thanks! I just didn't know if I missed something. :)
CamperBot
@camperbot
Aug 17 2016 20:50
kalel2319 sends brownie points to @cjrutherford :sparkles: :thumbsup: :sparkles:
:cookie: 302 | @cjrutherford |http://www.freecodecamp.com/cjrutherford
Chris Rutherford
@cjrutherford
Aug 17 2016 20:51
@kalel2319 all good. Half the battle to becoming a programmer is learning where to look for help! :+1:
Istvan Kokuti
@zaturek
Aug 17 2016 20:51
@JLuboff Ohh... at the js settings there I have to add bootstrap too... ok. Now that works.
@JLuboff Thanks again! :)
CamperBot
@camperbot
Aug 17 2016 20:51
zaturek sends brownie points to @jluboff :sparkles: :thumbsup: :sparkles:
:warning: zaturek already gave jluboff points
Jason Luboff
@JLuboff
Aug 17 2016 20:52
@zaturek No problem! :+1:
Aleksa Rakic
@aleksarakic
Aug 17 2016 20:52
@TylerMoeller i am working on tictactoe also :) Can you tell me if I am going in right direction?
Adam Jacks
@AdamHJ123
Aug 17 2016 20:52
Messing around with animations now... Talk about flashy: http://s.codepen.io/AdamHJacks/debug/dXAgkx
Tyler Moeller
@TylerMoeller
Aug 17 2016 20:53
@aleksarakic I could help with a quick question, but have to head out in a few minutes
Aleksa Rakic
@aleksarakic
Aug 17 2016 20:53
I am currently figuring out how to check if players have winning combo.
I have two arrays: userCheckedFields and compCheckedFields
And a array of winning combos:var winningCombos = [[1,2,3],[1,4,7],[1,5,9],[2,5,8],[3,5,7],[3,6,9],[4,5,6],[7,8,9]];
My plan is to on each move, push value to checkedFields arrays and try to find if someone has win combo;
Tyler Moeller
@TylerMoeller
Aug 17 2016 20:55
@aleksarakic That's a good approach - now you need to check if the userCheckedFields or compCheckedFields match any of the winning combos
Aleksa Rakic
@aleksarakic
Aug 17 2016 20:56
@TylerMoeller thats what i needed :) I hate when I go to dead end
thanks again
Tyler Moeller
@TylerMoeller
Aug 17 2016 20:57
Good luck :)
Brian
@BrianCodes33
Aug 17 2016 21:09
anybody can help me with mobile responsiveness?
coffeebeanzz
@coffeebeanzz
Aug 17 2016 21:14
@BrianCodes33 this helped me alot: http://getbootstrap.com/css/
19grassb
@19grassb
Aug 17 2016 21:28
Hey everybody, I'm on the last challenge after the JQuery lesson (building my portfolio page) and I could use some help! First of, how the heck do I make a header like they have in the example (or any header for that matter) and second, I have three buttons setup with the "btn-primary" class, each of which is in a div element with the "col-md-4" class ALL inside one div with the "row" class But here's the problem, all my buttons are left aligned (to clarify the spacing in-between buttons is correct, but the left button touches the side of the screen) how do I make them center aligned???
Jason Luboff
@JLuboff
Aug 17 2016 21:29
@19grassb check out the link posted right above by @coffeebeanzz that is the Bootstrap documentation page which helps a ton
Darshan
@Dave1089
Aug 17 2016 21:30
@19grassb navbar class - Bootstrap
19grassb
@19grassb
Aug 17 2016 21:31
Will do, thanks @JLuboff !
CamperBot
@camperbot
Aug 17 2016 21:31
19grassb sends brownie points to @jluboff :sparkles: :thumbsup: :sparkles:
:cookie: 293 | @jluboff |http://www.freecodecamp.com/jluboff
19grassb
@19grassb
Aug 17 2016 21:31
Thanks @Dave1089
CamperBot
@camperbot
Aug 17 2016 21:31
19grassb sends brownie points to @dave1089 :sparkles: :thumbsup: :sparkles:
:cookie: 396 | @dave1089 |http://www.freecodecamp.com/dave1089
19grassb
@19grassb
Aug 17 2016 21:51
Also, how do I make the site take me to a certain spot on my page when I click on an item in the navbar (it did work by the way)?
texyh
@texyh
Aug 17 2016 21:53
function whatIsInAName(collection, source) {
  // What's in a name?
  var key = Object.keys(source);
  var arr = [];
  // Only change code below this line
  i = 0;
  while(i<collection.length){
    if (key.length == 1){
        if (collection[i].hasOwnProperty(key[0]) && collection[i][key[0]] == source[key[0]] ){
         arr.push(collection[i]);

        }
    }
    else{
          j = 0;
          while(j<key.length){
                if (collection[i].hasOwnProperty(key[j]) && collection[i][key[j]] == source[key[j]] ){
             arr.push(collection[i]);
              }
            j++;
          }


        }
    i++;
  }

  // Only change code above this line
  return arr;
}
i have tried,still stucked
Stephen James
@sjames1958gm
Aug 17 2016 21:54
@texyh You should only push if all the keys are there and are equal - no reason for the big if else , just use the else and the loop will happen only once.
Jason Luboff
@JLuboff
Aug 17 2016 21:56
@19grassb assign ID's to the containers or element that you want to go to when the item is clicked. Then in your navbar link, link it like so <a href="#ID">
texyh
@texyh
Aug 17 2016 21:56
@wearenotgroot yo! u back?
19grassb
@19grassb
Aug 17 2016 21:57
ooohhhh thanks again @JLuboff
CamperBot
@camperbot
Aug 17 2016 21:57
19grassb sends brownie points to @jluboff :sparkles: :thumbsup: :sparkles:
:warning: 19grassb already gave jluboff points
texyh
@texyh
Aug 17 2016 21:58
@sjames1958gm sorry dont get u
Stephen James
@sjames1958gm
Aug 17 2016 21:59
@texyh You are going to push if any property is there and == when it should be all properties
texyh
@texyh
Aug 17 2016 22:37
@sjames1958gm ```
Stephen James
@sjames1958gm
Aug 17 2016 22:37
@texyh yes
texyh
@texyh
Aug 17 2016 22:37

function whatIsInAName(collection, source) {
  // What's in a name?
  var key = Object.keys(source);
  var arr = [];
  var count = 0;
  // Only change code below this line
  i = 0;
  while(i<collection.length){
    j = 0;
    while (j<key.length){
        if (collection[i].hasOwnProperty(key[j]) && collection[i][key[j]] == source[key[j]] ){
         count+=1;

        }
      j++;
    }
    if (count == key.length){
      arr.push(collection[i]);
    }
    count = 0;
       i++;
 }


  // Only change code above this line
  return arr;
}
@sjames1958gm had to manuveur my way,loool
Stephen James
@sjames1958gm
Aug 17 2016 22:38
@texyh That solves it. There is a function on arrays called every that basically does what a lot of the code does. Check it out when you're bored
Daniel
@DanielMW34
Aug 17 2016 22:39
Anybody complete the Weather App exercise? I have a question regarding the weather report "images" ... do we need to find these online somewhere or are they part of the recommended API ?
texyh
@texyh
Aug 17 2016 22:40
@sjames1958gm u mean .every()?
Stephen James
@sjames1958gm
Aug 17 2016 22:40
@texyh Yes
@DanielMW34 I think you have to find your own.
texyh
@texyh
Aug 17 2016 22:40
@sjames1958gm will check it out
Stephen James
@sjames1958gm
Aug 17 2016 22:40
@DanielMW34 There might be an API for images like this.
@texyh :+1:
greg
@wearenotgroot
Aug 17 2016 22:40
@texyh you can also use filter on this one
Daniel
@DanielMW34
Aug 17 2016 22:41
@sjames1958gm thank you.
CamperBot
@camperbot
Aug 17 2016 22:41
danielmw34 sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 2691 | @sjames1958gm |http://www.freecodecamp.com/sjames1958gm
Daniel
@DanielMW34
Aug 17 2016 22:42
@sjames1958gm that also means I have to connect those to my app somehow... another api? $.getImage ???
texyh
@texyh
Aug 17 2016 22:42
@wearenotgroot which
Tyler Moeller
@TylerMoeller
Aug 17 2016 22:43
@DanielMW34 The simplest way is just to grab some free stock photos. There's a list of sites here: https://github.com/JonathanZWhite/frontend-resources#stock-images
Stephen James
@sjames1958gm
Aug 17 2016 22:43
@DanielMW34 I think I got an imgur account and loaded some
Stephen James
@sjames1958gm
Aug 17 2016 22:43
@TylerMoeller thanks!
CamperBot
@camperbot
Aug 17 2016 22:43
sjames1958gm sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:cookie: 763 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Daniel
@DanielMW34
Aug 17 2016 22:44
@sjames1958gm I suppose I could use my flickr account as well
Stephen James
@sjames1958gm
Aug 17 2016 22:44
@texyh yeah, filter on collection and every on keys
@DanielMW34 Sure anything that has a URL for the images
Daniel
@DanielMW34
Aug 17 2016 22:44
Yeah, not as complicated as it initially appeared
Jason Luboff
@JLuboff
Aug 17 2016 22:44
@DanielMW34 Openweather does have built in icons you can access, but they aren't very pretty :(
Tyler Moeller
@TylerMoeller
Aug 17 2016 22:45
Love that list :) it comes from here: https://github.com/jnv/lists#technical
Daniel
@DanielMW34
Aug 17 2016 22:54
@JLuboff do you know how one accesses the not-so-pretty openweather icons? I don't see much in the api... Also, do you know if they auto-update according to the values contained in the API or, do we have to write some conditional logic in order to get the appropriate icon?
Jason Luboff
@JLuboff
Aug 17 2016 22:56
@DanielMW34 someone in the chat actually showed me how to access which is: var conditionIcon = "http://openweathermap.org/img/w/" + result.weather[0].icon + ".png";
I ended up finding my own icons and creating a Switch based on the icon result
Daniel
@DanielMW34
Aug 17 2016 22:57
@JLuboff thank you. I will fiddle with this and see what I can get working
CamperBot
@camperbot
Aug 17 2016 22:57
danielmw34 sends brownie points to @jluboff :sparkles: :thumbsup: :sparkles:
texyh
@texyh
Aug 17 2016 22:59
@wearenotgroot how do i apply it pls
greg
@wearenotgroot
Aug 17 2016 23:01

@texyh

arr.filter(function(e){

          .....loop through the key and test if key exist in each element in the array, as well as compare the values
});

e will be the element/item on the array, just like with loops arr[i],
now filter will keep or toss item depending on your test so if you return true inside of your callback function in the filter then it will keep it otherwise false(discarded)
In the end the filter will return an array with all the items that are key(return true in the filter callback)

greg
@wearenotgroot
Aug 17 2016 23:17
@texyh check you pm, i posted the entire code with explaination