These are chat archives for FreeCodeCamp/Help

13th
Nov 2015
Majd900
@Majd900
Nov 13 2015 00:01
@marhyorh Haha i'm still a beginner i just need time till i get a little more good in coding
Daym that NVIDIA challenge seems interesting
Majd900
@Majd900
Nov 13 2015 00:09
Guys help me in this
<label><Input type="radio" name="indoor">Indoor</label>
    <label><Input type="radio" name="outdoor">Outdoor</label>
They are tellin me Give your radio buttons the name attribute of indoor-outdoor.
I did that.
Alexander Køpke
@alexanderkopke
Nov 13 2015 00:10
dunno.. capital i and o?.. just a guess
Majd900
@Majd900
Nov 13 2015 00:11
nope
Alexander Køpke
@alexanderkopke
Nov 13 2015 00:13
ah both should be named: indoor-outdoor
Majd900
@Majd900
Nov 13 2015 00:14
Oh thanks :D! @alexanderkopke
Alexander Køpke
@alexanderkopke
Nov 13 2015 00:14
np
Ademola Adegbuyi
@ooade
Nov 13 2015 00:16
@Majd900 if they both have separate names they wont be binded together i.e when clicking them it will take each of them as separate entities
Majd900
@Majd900
Nov 13 2015 00:17
ohh
@marhyorh Thanks :D! now i understood
CamperBot
@camperbot
Nov 13 2015 00:17
majd900 sends brownie points to @marhyorh :sparkles: :thumbsup: :sparkles:
:star: 326 | @marhyorh | http://www.freecodecamp.com/marhyorh
James Bedont
@JamesBedont
Nov 13 2015 00:17
Waypoint: Filter Arrays with filter: I am on this waypoint and the following code isn't working any idea why? I feel like the wording of the question is odd there is now array variable. I am even getting a correct output printed on the screen.
Alexander Køpke
@alexanderkopke
Nov 13 2015 00:18
I don't see the code.. have you pasted it into the chat?
James Bedont
@JamesBedont
Nov 13 2015 00:19
I'm trying to one sec.
after I enter code in the chat pressing enter no longer send a message
um
Coira Ellison
@Coira
Nov 13 2015 00:20
try ctrl-enter or shift-enter
James Bedont
@JamesBedont
Nov 13 2015 00:20
newArray = newArray.filter(function(val){
  return val < 5;
});
there we go thanks
my output on the left side is
newArray = newArray.filter(function(val){
  return val < 5;
});
[1,2,3,4]
Coira Ellison
@Coira
Nov 13 2015 00:21
@JamesBedont what about when val is 5?
Majd900
@Majd900
Nov 13 2015 00:21
Guys why should we insert label?
Alexander Køpke
@alexanderkopke
Nov 13 2015 00:22
ok so the all greater than 5 should be removed
Majd900
@Majd900
Nov 13 2015 00:22
what's the use of it?
James Bedont
@JamesBedont
Nov 13 2015 00:22
thanks @Coira that solved it
CamperBot
@camperbot
Nov 13 2015 00:22
jamesbedont sends brownie points to @coira :sparkles: :thumbsup: :sparkles:
:star: 301 | @coira | http://www.freecodecamp.com/coira
Coira Ellison
@Coira
Nov 13 2015 00:22
:)
James Bedont
@JamesBedont
Nov 13 2015 00:22
i feel like it should say "less than or equal to 5" but maybe just my opinion.
it seem ambiguous to me weather 5 is to be left in or out. Maybe I'm crazy
Alexander Køpke
@alexanderkopke
Nov 13 2015 00:25
true... in fact many of the problems we help each other with are 'in the detail'.
however, very often it is important to pay attention to detail to get it right.
James Bedont
@JamesBedont
Nov 13 2015 00:27
true I am honestly just blowing through these to checkout the platform I should be paying more attention to the small details.
Majd900
@Majd900
Nov 13 2015 00:30
Guys what's the difference in writing just the element name and writing the for example:
Jayant C R
@jayantcr
Nov 13 2015 00:30
@Majd900 It's so that you can click on the text and check/uncheck the radio button or check box. Otherwise, you would have to click exactly on the small circle or box.
Majd900
@Majd900
Nov 13 2015 00:30
.thick-green-border {
between
 p {
the second method is more easier
Chris
@Aoxom
Nov 13 2015 00:31
thats gonna affect every <p> element you make. what if you dont want a thick green border on every <p> element?
Alexander Køpke
@alexanderkopke
Nov 13 2015 00:31
true.. however, p selects all paragraphs.. what if you want one paragraph to do something specific?
Majd900
@Majd900
Nov 13 2015 00:32
ahhh
thanks :D!
Alexander Køpke
@alexanderkopke
Nov 13 2015 00:32
:+1:
Majd900
@Majd900
Nov 13 2015 00:32
dam i'm learning coding too fast
in 1 day i have enough knowledge
Alexander Køpke
@alexanderkopke
Nov 13 2015 00:33
:)
Majd900
@Majd900
Nov 13 2015 00:33
and it's fun :D
what is the element id?
Nicole F.
@gitasong
Nov 13 2015 00:37
@frogmorton : Sorry; disappeared there for a while. No; I don't actually know how to PM on here. Can someone tell me?
mariocatch
@mariocatch
Nov 13 2015 00:37
<h1 id="id-here">Hello, World!</h1>
id is a unique way to identify an element on a page.
class is a way to target a group of elements on a page or pages
Majd900
@Majd900
Nov 13 2015 00:38
so id and class are pretty similar
Rex Schrader
@SaintPeter
Nov 13 2015 00:38
HTML elments may only have 1 ID, but may have an unlimited number of classes. IDs should be unique on a page.
mariocatch
@mariocatch
Nov 13 2015 00:39
yes id and class are similar at a high level, they can both be used to target an element
Rex Schrader
@SaintPeter
Nov 13 2015 00:39
<h1 class="class1 class2 class3 classN" id="someID">Hello? World!</h1>
mariocatch
@mariocatch
Nov 13 2015 00:39
but id's should be unique per page, and classes are used to group multiple elements together with something common
Majd900
@Majd900
Nov 13 2015 00:39
ahh
@mariocatch @SaintPeter Thanks guys :D!
CamperBot
@camperbot
Nov 13 2015 00:39
majd900 sends brownie points to @mariocatch and @saintpeter :sparkles: :thumbsup: :sparkles:
:star: 1513 | @saintpeter | http://www.freecodecamp.com/saintpeter
:star: 24 | @mariocatch | http://www.freecodecamp.com/mariocatch
Rex Schrader
@SaintPeter
Nov 13 2015 00:40
@Majd900 Think of an ID like a license plate - there is only one of them, while a class is the make, model, or color of the car.
Majd900
@Majd900
Nov 13 2015 00:40
Oh great example :D
Rex Schrader
@SaintPeter
Nov 13 2015 00:40
@Majd900 So I own a unique car, but there are many more like it with the same color, or make or model year.
Majd900
@Majd900
Nov 13 2015 00:40
ID should start with #?
mariocatch
@mariocatch
Nov 13 2015 00:41
when selecting an element by id in css (or jquery), then you use #, yes.
Rex Schrader
@SaintPeter
Nov 13 2015 00:41
@Majd900 No, that's how you reference it from CSS or jQuery.
Majd900
@Majd900
Nov 13 2015 00:41
Yeah CSS
mariocatch
@mariocatch
Nov 13 2015 00:41
when NAMING an element in html you do not use #. only when selecting it with css/jquery
and use a . for a class in css/jquery
Rex Schrader
@SaintPeter
Nov 13 2015 00:42
#myID { /* some attributes */ }
.myClass { /* some attrbutes */ }
<h1 id="myID" class="myClass">Hello, World?</h1>
Majd900
@Majd900
Nov 13 2015 00:43
ahh
May i ask, What is the difference between Jquery and CSS? i know i should look it up but i gtg now after a while.
Just a brief idea
mariocatch
@mariocatch
Nov 13 2015 00:44
jquery is a library written in javascript, helps people manipulate the DOM (html elements)
css is a language to help target your html, and apply styles to it
Majd900
@Majd900
Nov 13 2015 00:44
Ahh
mariocatch
@mariocatch
Nov 13 2015 00:45
css is essentially purely visual (colors, text manipulation, sizing, orders, etc). jquery is a beast of a library. it's huge. it does a plethora of things
it mostly makes common tasks much easier to do than writing it in pure javascript
Majd900
@Majd900
Nov 13 2015 00:45
Oh
So you think i learn JS or Jquery first?
mariocatch
@mariocatch
Nov 13 2015 00:45
i started with jquery. it really depends on what sort of path you want to go down
Majd900
@Majd900
Nov 13 2015 00:46
hmm
mariocatch
@mariocatch
Nov 13 2015 00:46
if you want to do full stack development, i'd go right into javascript
if you want to do more design/UI stuff, i'd go jquery
Stefanie
@Phajava
Nov 13 2015 00:46
I started with JS
mariocatch
@mariocatch
Nov 13 2015 00:46
javascript is the past, present, and future of web development. it's core to every web developer that plans on doing anything serious with web development
Majd900
@Majd900
Nov 13 2015 00:46
JS IS more detailed?
Stefanie
@Phajava
Nov 13 2015 00:46
And remember the moment as i find jquery and loved it from the first second on :)
because it was much easier from that point
Majd900
@Majd900
Nov 13 2015 00:47
:ok_woman:
mariocatch
@mariocatch
Nov 13 2015 00:47
jquery makes some things easier to do, but it doesn't do everything. jquery is written in javascript to help people not have to write javascript for basic things
it's just a helper library
Majd900
@Majd900
Nov 13 2015 00:47
Aha
mariocatch
@mariocatch
Nov 13 2015 00:47
but for anything serious, people need to learn and understand javascript, as jquery doesn't solve every problem for you
Majd900
@Majd900
Nov 13 2015 00:47
Serious like building websites?
Stefanie
@Phajava
Nov 13 2015 00:47
@mariocatch yeah and i think it is better to learn the hard way and then make it eaier
mariocatch
@mariocatch
Nov 13 2015 00:47
no, you dont need javascript for building websites
Stefanie
@Phajava
Nov 13 2015 00:47
instead of easy than hard.
mariocatch
@mariocatch
Nov 13 2015 00:48
you can get by with pure html and css for building static websites
Majd900
@Majd900
Nov 13 2015 00:48
@Phajava Exactly
mariocatch
@mariocatch
Nov 13 2015 00:48
if you plan on doing full stack development though, or anything more than a static website, you'll need javascript at some point.
Majd900
@Majd900
Nov 13 2015 00:48
@mariocatch Oh really :+1: ?
Ashraf Patel
@AshrafPatel
Nov 13 2015 00:48
Hello im stuck on java looping any material to help me out
mariocatch
@mariocatch
Nov 13 2015 00:48
check out for loops, @4SHR4F
Majd900
@Majd900
Nov 13 2015 00:48
I think ill go with JS first as @Phajava said
What about PHP?
any idea?
Stefanie
@Phajava
Nov 13 2015 00:49
depends on what you want to do
Majd900
@Majd900
Nov 13 2015 00:49
saw a youtube vid that day and he said that its better to go for PHP after CSS and HTML
Ashraf Patel
@AshrafPatel
Nov 13 2015 00:49
@mariocatch are you on about in the maps ive checked that im lost
Stefanie
@Phajava
Nov 13 2015 00:49
My way was html/ css then JS then PHP
Majd900
@Majd900
Nov 13 2015 00:50
PHP is easy?
mariocatch
@mariocatch
Nov 13 2015 00:50
no language is easy or hard. they're all unique
it's like asking if spanish is easier than french
Majd900
@Majd900
Nov 13 2015 00:50
Ahaa
Stefanie
@Phajava
Nov 13 2015 00:50
@Majd900 The basics are the same in every language, likeloops or if else and so on
Majd900
@Majd900
Nov 13 2015 00:50
What is PHP? what does it do?
mariocatch
@mariocatch
Nov 13 2015 00:51
it's a server side language
Ashraf Patel
@AshrafPatel
Nov 13 2015 00:51
any other material on looping I am stuck on the introduction of looping
mariocatch
@mariocatch
Nov 13 2015 00:51
where html is your front end, php is a server language that helps communicate with databases, web services, etc
@4SHR4F other than searching the internet, you'll have to be specific
Ashraf Patel
@AshrafPatel
Nov 13 2015 00:52
for looping
mariocatch
@mariocatch
Nov 13 2015 00:52
@4SHR4F ask a specific question about looping
Majd900
@Majd900
Nov 13 2015 00:52
Wow so if you want to build a prof website or something like Airbnb you will have to know around 3-4 langs right?
mariocatch
@mariocatch
Nov 13 2015 00:52
if you want to build a professional website you only really need to know html and css
because professional is very generic
Majd900
@Majd900
Nov 13 2015 00:53
But I heard JS makes the website more interactive
mariocatch
@mariocatch
Nov 13 2015 00:53
yes, javascript can do that. but professional is very subjetive
Majd900
@Majd900
Nov 13 2015 00:53
and adds alot more functionality
mariocatch
@mariocatch
Nov 13 2015 00:53
you dont need javascript to make a website
Majd900
@Majd900
Nov 13 2015 00:54
you know like the slides that come from up and things like that
the one you hover on
mariocatch
@mariocatch
Nov 13 2015 00:54
yes, css is getting more and more powerful to do simple animations and overlays these days
Majd900
@Majd900
Nov 13 2015 00:55
Epic
mariocatch
@mariocatch
Nov 13 2015 00:55
which allows designers who only do html/css the ability to create beautiful websites with no javascript knowledge
Majd900
@Majd900
Nov 13 2015 00:55
then ill just focus on css and html for now
Stefanie
@Phajava
Nov 13 2015 00:55
That is a good start yes
mariocatch
@mariocatch
Nov 13 2015 00:55
if you want to do web development i would definitely get the core of html/css first
Majd900
@Majd900
Nov 13 2015 00:55
Idk i'm confused
I dont know what to do with coding
Any other thing that building webs?
mariocatch
@mariocatch
Nov 13 2015 00:56
everything you interact with is the product of coding these days
Ashraf Patel
@AshrafPatel
Nov 13 2015 00:56
for(var i = 0; i < 5; i++){
ourArray.push(i);
}
in this code what does the ourArray.push mean
Majd900
@Majd900
Nov 13 2015 00:56
Mobile applications uses which langs?
mariocatch
@mariocatch
Nov 13 2015 00:56
depends :)
Josh Adams
@SpudMillions
Nov 13 2015 00:57
@Majd900 you can make mobile with any
Majd900
@Majd900
Nov 13 2015 00:57
you know what
Josh Adams
@SpudMillions
Nov 13 2015 00:57
@Majd900 but if you want native app u us java or swift
Majd900
@Majd900
Nov 13 2015 00:57
ill just do blogs lol
mariocatch
@mariocatch
Nov 13 2015 00:57
typically iphone = objectivec/swift. android = java
Craig Morrison
@frogmorton
Nov 13 2015 00:57
@gitasong You still on?
mariocatch
@mariocatch
Nov 13 2015 00:59
@4SHR4F that loop you posted creates a new variable called i. initializes it to 0. then it loops until i is less than 5, which would be 4. meaning it loops 5 times. each loop it adds the current value of i to an array called ourArray, and then increments i.
Majd900
@Majd900
Nov 13 2015 00:59
okayy guys cya ill go to sleep 5 AM here :D
Happy coding!
mariocatch
@mariocatch
Nov 13 2015 00:59
so after running that for loop, an array called ourArray will have the values [0, 1, 2, 3, 4] in it.
@Majd900 c ya!
Nicole F.
@gitasong
Nov 13 2015 00:59
@frogmorton I'm here!
Craig Morrison
@frogmorton
Nov 13 2015 01:00
Oh, there you are
Jayant C R
@jayantcr
Nov 13 2015 01:00
@4SHR4F "push" basically means "add this to the end of the array"
Nicole F.
@gitasong
Nov 13 2015 01:01
:) Sorry, @frogmorton -- disappeared there for a while. :)
Craig Morrison
@frogmorton
Nov 13 2015 01:01
I had to go teach a class... For pm, click on my icon and then on the green button that says chat privately
Smile:
:smiley:
Ashraf Patel
@AshrafPatel
Nov 13 2015 01:03
@jayantcr thank you im less confused now, although ive still not understood how to write the code without examples hopefully it will make better sense
CamperBot
@camperbot
Nov 13 2015 01:03
4shr4f sends brownie points to @jayantcr :sparkles: :thumbsup: :sparkles:
:star: 94 | @jayantcr | http://www.freecodecamp.com/jayantcr
Ashraf Patel
@AshrafPatel
Nov 13 2015 01:04
ok im still stuck what am i doing wrong with this code ive copied it exactly
for(var a=1; a<5; a++){myArray.push(a);}
nvm
gScienceKit
@gScienceKit
Nov 13 2015 01:08
Stuck on Waypoint: Create a Bootstrap Button. Not sure where to place the code, as when I try where the lesson suggests, it does not work. So, I must be doing something incorrectly.
Craig Morrison
@frogmorton
Nov 13 2015 01:09
@gScienceKit does it have the appropriate bootstrap classes? Let's see the code
@gitasong what are you working on now?
gScienceKit
@gScienceKit
Nov 13 2015 01:10
according to the tutorial, the bootstrap classes are supposed to be built in. i am trying to use class="btn"
something like <a> Like class="btn"</a>
pretty sure i missed something
mariocatch
@mariocatch
Nov 13 2015 01:11
the class needs to be within the <a
such as <a class="btn">Link Here</a>
gScienceKit
@gScienceKit
Nov 13 2015 01:12
ahhhhh
thanks
i am a noob at this
mariocatch
@mariocatch
Nov 13 2015 01:12
we all are at some point :)
attributes go within the opener of a tag. content goes in between the opening/closing of a tag :)
gScienceKit
@gScienceKit
Nov 13 2015 01:13
sweet. thanks. knew it was something simple, but was frustrating he crap out of me hahaha
mariocatch
@mariocatch
Nov 13 2015 01:14
:)
Craig Morrison
@frogmorton
Nov 13 2015 01:16
You'll pick up the conventions in no time, @gScienceKit
gScienceKit
@gScienceKit
Nov 13 2015 01:16
syntax looks correct now, but still not working. The lesson says to "Create a new button element below your large kitten photo. Give it the class btn and the text of "Like"."
mariocatch
@mariocatch
Nov 13 2015 01:17
what do you have now?
gScienceKit
@gScienceKit
Nov 13 2015 01:17
this is the code i am now trying to use: <a class="btn"> Like </a>
mariocatch
@mariocatch
Nov 13 2015 01:17
looks right to me. try removing the white space around the word Like
Craig Morrison
@frogmorton
Nov 13 2015 01:18
@4SHR4F Did you figure out your problem?
gScienceKit
@gScienceKit
Nov 13 2015 01:18
removing white space did not work . i must have broken something
Craig Morrison
@frogmorton
Nov 13 2015 01:20
Why don't you use the HTML <button></button> element
Instead of an <a> tag
gScienceKit
@gScienceKit
Nov 13 2015 01:21
because i think i must have slept through that tutorial. haha will try it now
Craig Morrison
@frogmorton
Nov 13 2015 01:21
@gitasong You disappeared again
gScienceKit
@gScienceKit
Nov 13 2015 01:22
thanks! evidently that is what the tutorial wanted.
Craig Morrison
@frogmorton
Nov 13 2015 01:24
Right, sometimes it expects you to use a particular approach / element, even if several are usable in the real world... LOL. You're welcome
Ismail
@TheCooperMan
Nov 13 2015 01:26
Hi guys , I have a question for you ! as professional developer ,, I don't know what field to do, one said to me app mobile is good and you can get money, and another said web developer is also good another one said Network job is in-demand especially in Security .. every company want to be protected ! ..
mariocatch
@mariocatch
Nov 13 2015 01:26
do what is fun to you
there are jobs everywhere
Craig Morrison
@frogmorton
Nov 13 2015 01:27
@TheCooperMan what are you in it for? Money? Or doing something you enjoy?
Ashraf Patel
@AshrafPatel
Nov 13 2015 01:28
@frogmorton yes I have looping isn't as difficult its slowly gelling together trying to use complex codes instead of straight simple to understand loops better and i would nt have done it without everyones help
Craig Morrison
@frogmorton
Nov 13 2015 01:29
Well, that's the strength of a community
There is usually mentorship available if you but ask
Ismail
@TheCooperMan
Nov 13 2015 01:31
@frogmorton : well, I'm a computing student, I have my bachelor and now I should choose which field in Master degree .. of course Money, get a job
mariocatch
@mariocatch
Nov 13 2015 01:32
@TheCooperMan there's lots of factors to consider. your location, if there's jobs around you in markets you're interested in. if you're willing to relocate to better jobs. etc.
@TheCooperMan the reality is, there are a ton of development jobs out there... you're better off finding something you enjoy doing, and then focusing on that. the jobs will come based around that
Craig Morrison
@frogmorton
Nov 13 2015 01:33
What @mariocatch said. :+1:
;-)
Ismail
@TheCooperMan
Nov 13 2015 01:33
For me, I like to work in Security, Social Engineering, being an Ethical hacker something like that ..
mariocatch
@mariocatch
Nov 13 2015 01:34
do you have access to internship programs? lots of graduate internships that companies accept
most even pay. great way for you to see an industry and see if you like it
Ismail
@TheCooperMan
Nov 13 2015 01:35
no not yet, maybe I should try this one next summer
@frogmorton , @mariocatch (y)
Craig Morrison
@frogmorton
Nov 13 2015 01:37
All of us are looking for that sweet spot, where our interests, skills and enjoyment (and good compensation) intersect
So, if we see a nice area, but our skills aren't there yet, we need to work on doing THAT
Ismail
@TheCooperMan
Nov 13 2015 01:38
Definitely
do you think that FreeCodeCamp enough for us to be a good web developer, don't need to watch another courses, reading books !
mariocatch
@mariocatch
Nov 13 2015 01:40
nothing replaces real world experience
im sure this is good enough to get some people started, but the real work starts afterwards
Rory Smith
@alanbuchanan
Nov 13 2015 01:41
@TheCooperMan i don't think so, for me FCC has been guidance towards such learning resources, and it's not intended to be self-contained. the more reading i do the better.
Ismail
@TheCooperMan
Nov 13 2015 01:42
I must work harder me
Craig Morrison
@frogmorton
Nov 13 2015 01:42
@mariocatch Are you working in the industry currently?
mariocatch
@mariocatch
Nov 13 2015 01:42
yep, a little over 11 years
Ismail
@TheCooperMan
Nov 13 2015 01:43
in which domain !
mariocatch
@mariocatch
Nov 13 2015 01:43
web development currently. previous job was automation. i enjoy helping people in my spare time so i hang around communities like this.
Ismail
@TheCooperMan
Nov 13 2015 01:43
@alanbuchanan :smile: so which books do you read !
mariocatch
@mariocatch
Nov 13 2015 01:45
me?
Craig Morrison
@frogmorton
Nov 13 2015 01:45
Great. Any advice to someone trying to transition into webdev from another area, while balancing real world concerns (family, current job, etc)?
Rory Smith
@alanbuchanan
Nov 13 2015 01:45
@TheCooperMan more stack overflow answers/youtube tutorials than reading. i found that every obstacle i encountered i needed to search for a solution online, and that's how i pick things up
Ismail
@TheCooperMan
Nov 13 2015 01:45
for you all
@alanbuchanan Good path .. are you still student
mariocatch
@mariocatch
Nov 13 2015 01:46
@frogmorton im sort of a workaholic, so i consume myself in what im interested in moving towards (at work and at home). my wife understands though lol
so when i wanted to move into web development, i just let it take over my life and studied it very hard until i was able to produce real world applications in it.
Ismail
@TheCooperMan
Nov 13 2015 01:47
what I think is I must work, or get internship for 1 year, or 2 and then get Master Degree
Craig Morrison
@frogmorton
Nov 13 2015 01:47
@alanbuchanan I have found that helpful too. Stack overflow threads tend to offer numerous solutions, along with caveats / reasons why the developer chose to handle something a certain way
mariocatch
@mariocatch
Nov 13 2015 01:47
i typically asked people around me if they had problems that needed solving, and used that as a catalyst to provide them a working solution
i cant read books or anything like that to learn, my brain just doesn't work that way.
Craig Morrison
@frogmorton
Nov 13 2015 01:50
Hands on things, even if we struggle, tend to teach us the most, especially in this industry full of tools / techniques / languages, etc. we have 2 young children, which can be a time black hole, so I need to make the most of my limited study / practice time
mariocatch
@mariocatch
Nov 13 2015 01:51
i have a child now - didn't when i was starting my career though.
i imagine if i had one at the start it would've been much more difficult to switch paths to find the right one
Craig Morrison
@frogmorton
Nov 13 2015 01:51
Well, that's exactly where I'm at now
Therefore, I feel like I need some lifestyle "hacks", that might help move me along / keep me on track
mariocatch
@mariocatch
Nov 13 2015 01:53
is there a way to incorporate web development in your current job?
Craig Morrison
@frogmorton
Nov 13 2015 01:56
The trouble is, I don't necessarily know exactly where I'd prefer to be... Um, not directly, but there may be a few things that could be developed indirectly, that could benefit my company or myself within the industry.
Synthia Beauvais
@sbeauvais34
Nov 13 2015 01:56
May I have some help on Waypoint: Check the Length Property of a String Variable? I am not sure what I am missing here.
``
Craig Morrison
@frogmorton
Nov 13 2015 01:56
Sure @sbeauvais34
Synthia Beauvais
@sbeauvais34
Nov 13 2015 01:56

``var firstNameLength = 0;
var lastNameLength = 0;
var firstName = "Ada";

firstNameLength = firstName.length;

var lastName = "Lovelace";
var lastNameLength

lastNameLength = lastName.length;
// Only change code below this line.

lastNameLength = lastName;

// Only change code above this line.

if(typeof(lastNameLength) !== "undefined"){(function(){return lastNameLength;})();}

I’m not sure how to send the code properly
mariocatch
@mariocatch
Nov 13 2015 01:57
three ` s
Synthia Beauvais
@sbeauvais34
Nov 13 2015 01:57

``` var firstNameLength = 0;
var lastNameLength = 0;
var firstName = "Ada";

firstNameLength = firstName.length;

var lastName = "Lovelace";
var lastNameLength

lastNameLength = lastName.length;
// Only change code below this line.

lastNameLength = lastName;

// Only change code above this line.

if(typeof(lastNameLength) !== "undefined"){(function(){return lastNameLength;})();}

mariocatch
@mariocatch
Nov 13 2015 01:57
and afterwards
Synthia Beauvais
@sbeauvais34
Nov 13 2015 01:57

``` var firstNameLength = 0;
var lastNameLength = 0;
var firstName = "Ada";

firstNameLength = firstName.length;

var lastName = "Lovelace";
var lastNameLength

lastNameLength = lastName.length;
// Only change code below this line.

lastNameLength = lastName;

// Only change code above this line.

if(typeof(lastNameLength) !== "undefined"){(function(){return lastNameLength;})();}```

Craig Morrison
@frogmorton
Nov 13 2015 01:57
You're almost there... You forgot the .length; in the one line you added
mariocatch
@mariocatch
Nov 13 2015 01:57
``` javascript
code here, with trailing ```'s
Synthia Beauvais
@sbeauvais34
Nov 13 2015 01:57

``` var firstNameLength = 0;
var lastNameLength = 0;
var firstName = "Ada";

firstNameLength = firstName.length;

var lastName = "Lovelace";
var lastNameLength

lastNameLength = lastName.length;
// Only change code below this line.

lastNameLength = lastName;

// Only change code above this line.

if(typeof(lastNameLength) !== "undefined"){(function(){return lastNameLength;})();} ```

:-(
Craig Morrison
@frogmorton
Nov 13 2015 01:58
Format wiki
bitbybit42
@bitbybit42
Nov 13 2015 01:58
I could use some help with the palindrome bonfire if someone has a second.
CamperBot
@camperbot
Nov 13 2015 01:58
type bonfire name to get some info on that bonfire. And check HelpBonfires chatroom
Synthia Beauvais
@sbeauvais34
Nov 13 2015 01:59
line 8 ? @frogmorton
Craig Morrison
@frogmorton
Nov 13 2015 01:59
format help
mariocatch
@mariocatch
Nov 13 2015 01:59
var firstNameLength = 0;
var lastNameLength = 0;
var firstName = "Ada";
firstNameLength = firstName.length;
var lastName = "Lovelace";
var lastNameLength
lastNameLength = lastName.length;
// Only change code below this line.
lastNameLength = lastName; // You should change this line (@mariocatch)
// Only change code above this line.
if(typeof(lastNameLength) !== "undefined"){(function(){return lastNameLength;})();}
there's your code, @sbeauvais34 (without any changes to it)
Craig Morrison
@frogmorton
Nov 13 2015 02:00
The line between the commented lunes
Haha *lines
Hans van Riet
@hansinla
Nov 13 2015 02:00
@sbeauvais34 You calculate lastNameLength and set it correctly but then you overwrite it with the string lastName
Craig Morrison
@frogmorton
Nov 13 2015 02:02
You assigned the value just before the commented lines, I think that assignment belongs between the comments
JCCoding
@JCCoding
Nov 13 2015 02:02

var myCar.turboType = new Car() ;{

this.wheels = 4;

this.engines = 1;

this.seats = 1;

}

Synthia Beauvais
@sbeauvais34
Nov 13 2015 02:02
Thank you @hansinla deleting it worked . I’m not sure how that got there. Thanks @frogmorton
CamperBot
@camperbot
Nov 13 2015 02:02
sbeauvais34 sends brownie points to @hansinla and @frogmorton :sparkles: :thumbsup: :sparkles:
:star: 577 | @hansinla | http://www.freecodecamp.com/hansinla
:star: 323 | @frogmorton | http://www.freecodecamp.com/frogmorton
JCCoding
@JCCoding
Nov 13 2015 02:03
What am I doing wrong with Waypoint: Make Instances of Objects with a Constructor Function
???
Craig Morrison
@frogmorton
Nov 13 2015 02:03
What's up, @bitbybit42 ?
Synthia Beauvais
@sbeauvais34
Nov 13 2015 02:03
Can someone send me the instructions on how to send code? I am on a mac and the upticks are not working for me. Thanks
mariocatch
@mariocatch
Nov 13 2015 02:03
@JCCoding you're mixing up lines of code.
JCCoding
@JCCoding
Nov 13 2015 02:03

I did this and said missing semicolon, expected identifier and saw '.', exected assignment or function call and instead saw expression, missing semicolon

// Only change code below this line.

var myCar.turboType = new Car() ;{

this.wheels = 4;

this.engines = 1;

this.seats = 1;

}

Craig Morrison
@frogmorton
Nov 13 2015 02:03
@sbeauvais34 yw
JCCoding
@JCCoding
Nov 13 2015 02:04
D:
Where? Oh my
Rex Schrader
@SaintPeter
Nov 13 2015 02:04
@sbeauvais34 They should be next to the 1 key on the max keyboard, same as on PC
Zain
@zainad
Nov 13 2015 02:04
hello everyone
mariocatch
@mariocatch
Nov 13 2015 02:04
@JCCoding are you trying to declare a class/object? or create an instance of one?
Synthia Beauvais
@sbeauvais34
Nov 13 2015 02:04
` Test
Zain
@zainad
Nov 13 2015 02:04
i already got stuck only after few assignments
:(
Synthia Beauvais
@sbeauvais34
Nov 13 2015 02:05
is that right @zainad
i did a test @zainad
Rex Schrader
@SaintPeter
Nov 13 2015 02:05
@JCCoding
var myCar.turboType = new Car() ;{  // Semicolon ends the statement
JCCoding
@JCCoding
Nov 13 2015 02:05
I think create instance of one
Zain
@zainad
Nov 13 2015 02:05
u did a test @sbeauvais34 s
mariocatch
@mariocatch
Nov 13 2015 02:05
you'd probably want something like var myCar = new Car();
Zain
@zainad
Nov 13 2015 02:05
i dont know
Synthia Beauvais
@sbeauvais34
Nov 13 2015 02:05
var firstLetterOfFirstName = “”;
mariocatch
@mariocatch
Nov 13 2015 02:06
@JCCoding and then you can set properties of myCar by doing myCar.wheels = 4;, etc.
Thomas Bernfeld
@happpyier
Nov 13 2015 02:06
hello everyone
mariocatch
@mariocatch
Nov 13 2015 02:06
@happpyier hiya!
Thomas Bernfeld
@happpyier
Nov 13 2015 02:07
so has anyone gotten their Front End Certificate yet?
Nicole F.
@gitasong
Nov 13 2015 02:07
@frogmorton I did; sorry. Lots going on. I don't know how to PM on this platform; can you PM me, and we can chat at our leisure?
JCCoding
@JCCoding
Nov 13 2015 02:07

var myCar = new Car() ;{

myCar.wheels = 4;

myCar.engines = 1;

myCar.seats = 1;

??? like that? for Waypoint: Make Instances of Objects with a Constructor Function

Thomas Bernfeld
@happpyier
Nov 13 2015 02:07
if anyone has gotten it, when you open it does it have your name missing?
i got mine and it doesn't have my name!!!
mariocatch
@mariocatch
Nov 13 2015 02:08
@JCCoding , you have a trailing { on the first line.
Craig Morrison
@frogmorton
Nov 13 2015 02:08
I can't initiate it from mobile... I'll teach you how to pm
JCCoding
@JCCoding
Nov 13 2015 02:08
still doesn't work says property nickname of myCar should be a string
Nicole F.
@gitasong
Nov 13 2015 02:08
@frogmorton Okay.
JCCoding
@JCCoding
Nov 13 2015 02:09
It isn't trailing i added } at end and didn't copy and paste it into chat
mariocatch
@mariocatch
Nov 13 2015 02:09
let's see what you have now then :)
Craig Morrison
@frogmorton
Nov 13 2015 02:09
Click the picture of the person, and then click the green button that says "chat privately"
JCCoding
@JCCoding
Nov 13 2015 02:09

var myCar = new Car() ; {

myCar.wheels = 4;

myCar.engines = 1;

myCar.seats = 1;

}

Michael Cheung
@m6cheung
Nov 13 2015 02:10
@JCCoding remove the curly brackets
mariocatch
@mariocatch
Nov 13 2015 02:10
@JCCoding you still dont need the opening { and closing }
Craig Morrison
@frogmorton
Nov 13 2015 02:10
The separate chat msg will show up with that persons name on the left side of the screen
Michael Cheung
@m6cheung
Nov 13 2015 02:11
@JCCoding when you write in var myCar = new Car(), you initialize a new object myCar using the Car constructor;
you can put the arguments within the Car constructor and initialize the array, using parameter;
var Car = function(wheels, engine, seats) {
   this.wheels = wheels;
   this.engines = engines;
   this.seats = seats;
}

var myCar = new Car(4,1,1);
kelvintantono
@kelvintantono
Nov 13 2015 02:12
hi everyone
mariocatch
@mariocatch
Nov 13 2015 02:12
hi @kelvintantono
kelvintantono
@kelvintantono
Nov 13 2015 02:13
i am stucked at using conditional logic with if and else statement
Michael Cheung
@m6cheung
Nov 13 2015 02:13
@JCCoding myCar is an instance of Car at this point
JCCoding
@JCCoding
Nov 13 2015 02:13
The only requirement i didn't fulfill is myCar property nickname should be a string so hmmm I can put any nickname like myCar.driving or something? I dunno gotta look back in notes
mariocatch
@mariocatch
Nov 13 2015 02:13
nickname isn't anything related to javascript. it must be an instruction on your lesson.
i'd read it over again and double check
kelvintantono
@kelvintantono
Nov 13 2015 02:13
var flip = Math.floor(Math.random() * (1 - 0 + 1)) + 0;

function myFunction() {

  // Only change code below this line.
if (flip === 0) {
  return heads;
} else {
    return tails;
  }
  // Only change code above this line.

}

var result = myFunction();if(typeof(flip) !== "undefined" && typeof(flip) === "number" && typeof(result) !== "undefined" && typeof(result) === "string"){(function(y,z){return 'flip = ' + y.toString() + ', text = ' + z;})(flip, result);}
Michael Cheung
@m6cheung
Nov 13 2015 02:13
@JCCoding also if you are looking at my example "engine" in parameter should say "engines"
kelvintantono
@kelvintantono
Nov 13 2015 02:14
this is the requirement

Let's use if and else statements to make a coin-flip game.

Create if and else statements to return the string "heads" if the flip variable is zero, or else return the string "tails" if the flip variable is not zero.

am i missing anything guys?
mariocatch
@mariocatch
Nov 13 2015 02:14
you're not returning strings from your conditions
Michael Cheung
@m6cheung
Nov 13 2015 02:14
@kelvintantono tails and heads are null
mariocatch
@mariocatch
Nov 13 2015 02:14
you're returning what is expected to be a variable, but it doesn't exist. heads and tails aren't defined.
you should either initialize those as vars, or return strings instead
kelvintantono
@kelvintantono
Nov 13 2015 02:15
aha i got it
so i need to write "heads" or "tails"
thank you @mariocatch @m6cheung
CamperBot
@camperbot
Nov 13 2015 02:16
kelvintantono sends brownie points to @mariocatch and @m6cheung :sparkles: :thumbsup: :sparkles:
:star: 27 | @mariocatch | http://www.freecodecamp.com/mariocatch
:star: 257 | @m6cheung | http://www.freecodecamp.com/m6cheung
mariocatch
@mariocatch
Nov 13 2015 02:16
or you can create variables called heads and tails, and then initialzie them to the strings "heads" and "tails"
like var heads = "heads";
then your return heads; would succeed :)
JCCoding
@JCCoding
Nov 13 2015 02:17
Program execution failure @m6cheung
mariocatch
@mariocatch
Nov 13 2015 02:17
@JCCoding post the code :)
JCCoding
@JCCoding
Nov 13 2015 02:17

var Car = function(wheels, engine, seats) {
this.wheels = wheels;
this.engines = engines;
this.seats = seats;
};

// Only change code below this line.

var myCar = new Car(4,1,1);

This is from Waypoint: Make Instances of Objects with a Constructor Function
Michael Cheung
@m6cheung
Nov 13 2015 02:18
@JCCoding did you change 'engine' in the parametes to 'engines'?
i mispelled engines, left out the "s" in the parameters for the constructor
mariocatch
@mariocatch
Nov 13 2015 02:18
@JCCoding take a look at your function. it's looking for a parameter named engine, but your code within the function is referencing the word engines
JCCoding
@JCCoding
Nov 13 2015 02:18
Oh whoops will try
forgot
Now I fulfilled all requirements but "the property wheels shoud still be 4 in the object constructor" and "property nickname of myCar should be a string" :/
mariocatch
@mariocatch
Nov 13 2015 02:20
i don't see a property called nickname in your code above.
did you forget to add it?
Michael Cheung
@m6cheung
Nov 13 2015 02:21
add a custom myCar.nickname = 'someString';
@JCCoding it looks like theyre asking you to give myCar a nickname property you can do that with dot notation
JCCoding
@JCCoding
Nov 13 2015 02:23

So it should be like this? but it's still program execution failure

var Car = function(wheels, engines, seats) {
this.wheels = wheels;
this.engines = engines;
this.seats = seats;
};
// Only change code below this line.
var myCar.vehicle = new Car(4,1,1);

Craig Morrison
@frogmorton
Nov 13 2015 02:24
@JCCoding you're still not addressing the nickname property
mariocatch
@mariocatch
Nov 13 2015 02:24
this may help explain things
wheels, engines, and seats are properties of the object called Car.
the lesson is asking you to create a new property called nickname, it sounds like.
you should make sure you understand what a property is first, before moving on
JCCoding
@JCCoding
Nov 13 2015 02:25
myCar.nickname?
mariocatch
@mariocatch
Nov 13 2015 02:25
did you try it? :)
JCCoding
@JCCoding
Nov 13 2015 02:26
yes
mariocatch
@mariocatch
Nov 13 2015 02:26
what did you try?
JCCoding
@JCCoding
Nov 13 2015 02:27

// Only change code below this line.

var myCar.nickname = new Car ();

{

this.wheels = 4;
this.engines = 1;
this.seats = 1;
}

mariocatch
@mariocatch
Nov 13 2015 02:27
nope, think about what you're doing in this matter
JCCoding
@JCCoding
Nov 13 2015 02:27

It says the only thing wrong is with var myCar.nickname = new Car ();

missing semicolon, expected identifier and saw '.' Expectd assignment or function call and instead saw expression, missing semicolon

mariocatch
@mariocatch
Nov 13 2015 02:28
do me a favor and create a variable called name and set it equal to "Hello"
i'll help teach you in steps here
JCCoding
@JCCoding
Nov 13 2015 02:28
name = "hello"
mariocatch
@mariocatch
Nov 13 2015 02:28
nope :) do it in proper javascript syntax
JCCoding
@JCCoding
Nov 13 2015 02:29
var name = "hello"
mariocatch
@mariocatch
Nov 13 2015 02:29
missing semicolon at the end (not required, but get in the practice of doing it :))
JCCoding
@JCCoding
Nov 13 2015 02:30
Ok XD
mariocatch
@mariocatch
Nov 13 2015 02:31
ok, so that's how you create a variable. now, i'm going to create a class/object for you.
var Person = function(name) {
   this.name = name;
}
this is basic object, called Person. consider it a class, which is a collection of properties/functions/etc.
it has one property called name. conveniently, it also happens to take a parameter called name. they are not the same. the body of the class sets a property called name to the value of the incoming parameter also called name.
after doing so, the value of this.name is equal to whatever was sent to the function call
JCCoding
@JCCoding
Nov 13 2015 02:32
Ok :0
mariocatch
@mariocatch
Nov 13 2015 02:33
ask questions if you have any, this is paramount to understanding objects in javascript
Craig Morrison
@frogmorton
Nov 13 2015 02:33
I'm learning too, @mariocatch ;P
mariocatch
@mariocatch
Nov 13 2015 02:34
so now that we have a class/object called Person, we can start creating new instances of it.
JCCoding
@JCCoding
Nov 13 2015 02:35
var myCar = new Car(myCar) {
myCar.wheels = 4;
myCar.engines = 1;
myCar.seats = 1;
};
mariocatch
@mariocatch
Nov 13 2015 02:35
we do so in javascript by using the new keyword.
var john = new Person('john');
console.log(john.name); // this prints 'john' to the console log
JCCoding
@JCCoding
Nov 13 2015 02:35
?? program execution failure
mariocatch
@mariocatch
Nov 13 2015 02:35
hangon @JCCoding im not done yet :) you're still making the same mistake. im taking it one step at a time
JCCoding
@JCCoding
Nov 13 2015 02:35
Ok XD sorry I jump the gun a lot thak you so much
Matt Worsham
@matworsh
Nov 13 2015 02:35
Hi guys, i am stuck on this problem and I believe there is something wrong with FCC and it is not letting me move on to the next waypoint
Michael Cheung
@m6cheung
Nov 13 2015 02:35
@JCCoding haha you gotta wait until he finishes the whole thing keep reading you'll get a better understanding of constructors and objects
Matt Worsham
@matworsh
Nov 13 2015 02:36
I am on Waypoin:Reverse Arrays with reverse
Michael Cheung
@m6cheung
Nov 13 2015 02:36
@matworsh post code
Matt Worsham
@matworsh
Nov 13 2015 02:36
this is my code:

var array = [1,2,3,4,5,6,7];

// Only change code below this line.

var newArray = array.reverse(function(){
});

// Only change code above this line.

(function() {return newArray;})();

it is saying i am not using the reverse method
which i am
it gives me the reverse
Michael Cheung
@m6cheung
Nov 13 2015 02:37
the reverse method doesn't need at parameters
reverse is a static method on the array
mariocatch
@mariocatch
Nov 13 2015 02:37
what i wrote above is how you instantiate a new object of type Person. the cool thing about objects is that you can create lots of them:
var john = new Person('john');
var tom = new Preson('tom');
var mark = new Person('mark');
var foo = new Person('foo');

console.log(john.name); // prints 'john'
console.log(tom.name); // prints 'tom'
console.log(mark.name); // prints 'mark'
console.log(foo.name); // prints 'foo'
Michael Cheung
@m6cheung
Nov 13 2015 02:37
so by simply caling .reverse() on the array, it will do the job of reversing without having to specify a functin
Matt Worsham
@matworsh
Nov 13 2015 02:37
ah, gotcha
that was my problem
thanks so much
Michael Cheung
@m6cheung
Nov 13 2015 02:37
np
Matt Worsham
@matworsh
Nov 13 2015 02:38
it would have helped if it told me it didnt take a function on FCC :)
mariocatch
@mariocatch
Nov 13 2015 02:38
so currently, our Person class only has one property, that property is called name.
Andrew Bechini
@powhunter158
Nov 13 2015 02:39
Screen Shot 2015-11-12 at 9.38.23 PM.png
"Make sure each of your div elements has a closing tag."
Am i missing something here?
Scott
@macengr
Nov 13 2015 02:39
Hi all. Just to confirm - we have to upload images to a site like photobucket if we want to use them for background images on the portfolio zipline. I can't find any way to hotlink from unsplash or the other free sites.
Michael Cheung
@m6cheung
Nov 13 2015 02:40
@powhunter158 if thats all your code, then theres no closing tags for the top 2 divs
mariocatch
@mariocatch
Nov 13 2015 02:40
if you want to add a new property to the class, you can simply add it to the class definition
var Person = function(name, secondParameter) {
   this.name = name;
   this.second = secondParameter;
}
Craig Morrison
@frogmorton
Nov 13 2015 02:40
@matworsh Does it typically take a function? It doesn't show that here http://www.w3schools.com/jsref/jsref_reverse.asp
Michael Cheung
@m6cheung
Nov 13 2015 02:40
@macengr can we not just use a direct img link>
mariocatch
@mariocatch
Nov 13 2015 02:41
my kid is crying, afk lol
JCCoding
@JCCoding
Nov 13 2015 02:41
Awww you are such a nice father
Craig Morrison
@frogmorton
Nov 13 2015 02:42
@powhunter158 count the opening div tags and closing div tags.... Not the same number, right?
And a good teacher, right @JCCoding ??
JCCoding
@JCCoding
Nov 13 2015 02:43
Yes he is :)
Andrew Bechini
@powhunter158
Nov 13 2015 02:43
Thanks! @frogmorton @m6cheung
CamperBot
@camperbot
Nov 13 2015 02:43
powhunter158 sends brownie points to @frogmorton and @m6cheung :sparkles: :thumbsup: :sparkles:
:star: 324 | @frogmorton | http://www.freecodecamp.com/frogmorton
:star: 258 | @m6cheung | http://www.freecodecamp.com/m6cheung
JCCoding
@JCCoding
Nov 13 2015 02:43
Thanks @m6cheung Thank you @mariocatch and who else?
CamperBot
@camperbot
Nov 13 2015 02:43
jccoding sends brownie points to @m6cheung and @mariocatch :sparkles: :thumbsup: :sparkles:
:star: 259 | @m6cheung | http://www.freecodecamp.com/m6cheung
:star: 28 | @mariocatch | http://www.freecodecamp.com/mariocatch
Craig Morrison
@frogmorton
Nov 13 2015 02:43
Indeed. I'm "listening in" and learning a bit too
ghostpanther
@ghostpanther
Nov 13 2015 02:44
me too
:)
Isaiah
@Buckhalton
Nov 13 2015 02:44
I always keep this chat open on my second monitor so I can learn from others being assisted :)
ghostpanther
@ghostpanther
Nov 13 2015 02:44
hi lol
ive been doing that too lol
Michael Cheung
@m6cheung
Nov 13 2015 02:47
@frogmorton how goes the quotes zipline
mariocatch
@mariocatch
Nov 13 2015 02:52
@JCCoding ok im back.
I just also checked out the waypoint you're referring to. this should help me explain the property syntax a little more clear
referring exactly to the waypoint, it gives you this javascript:
var Car = function() {
  this.wheels = 4;
  this.engines = 1;
  this.seats = 1;
};

// Only change code below this line.

var myCar;

and it asks you to do this, exactly:

In the editor, use the Car constructor to create a new instance and assign it to myCar.
Then give myCar a nickname property with a string value.

so i showed you earlier how to create a new instance (instantiate) of an object. use the new keyword.
now you need to do two things:
  1. Instantiate myCar to a new instance of the Carobject
  2. Add a nickname property to your instance called myCar, and set it equal to any string value
Isaiah
@Buckhalton
Nov 13 2015 02:54
var oldArray = [1,2,3,4,5,6,7,8,9,10];

// Only change code below this line.

var newArray = oldArray;
newArray = array.filter(function(val) {
  return val > 5;
});
// Only change code above this line.

(function() { return newArray; })();
I keep getting the error "array is not defined" can someone help me out?
Craig Morrison
@frogmorton
Nov 13 2015 02:55
@macengr I used an unsplash image in a codepen zipline, without a problem
mariocatch
@mariocatch
Nov 13 2015 02:56
@Buckhalton array doesn't exist.
You probably meant to reference an existing object, like newArray or oldArray, instead of the non-existing one called array
Craig Morrison
@frogmorton
Nov 13 2015 02:57
@m6cheung well my token from the site works, so that's good. I was dead tired and went to sleep early last night, so I didn't code at all
Isaiah
@Buckhalton
Nov 13 2015 02:57
ah, I see. thanks @mariocatch
CamperBot
@camperbot
Nov 13 2015 02:57
buckhalton sends brownie points to @mariocatch :sparkles: :thumbsup: :sparkles:
:star: 29 | @mariocatch | http://www.freecodecamp.com/mariocatch
Scott
@macengr
Nov 13 2015 02:59
@frogmorton Where did you get the link from? for the image itself, I mean?
Michael Cheung
@m6cheung
Nov 13 2015 03:00
@frogmorton ohhhh happens
Craig Morrison
@frogmorton
Nov 13 2015 03:00
I need to figure out how to hide my secret key
@macengr yes, after registering with the site and liking the image
Perhaps that part wasn't necessary
Let me link you to my pen guys, don't steal my credentials
Craig Morrison
@frogmorton
Nov 13 2015 03:05
This message was deleted
Look in the CSS pane for the background link URL
Scott
@macengr
Nov 13 2015 03:07
Ah, you have to register. Okay.
Craig Morrison
@frogmorton
Nov 13 2015 03:08
I think it didn't work until I did that
JCCoding
@JCCoding
Nov 13 2015 03:09
Sorry internet crapped out. am back
mariocatch
@mariocatch
Nov 13 2015 03:11
I'm on phone now, so a little less helpful :)
Craig Morrison
@frogmorton
Nov 13 2015 03:12
@JCCoding MyCar is the name of the new instance of the Car object you're creating
Michael Cheung
@m6cheung
Nov 13 2015 03:13
@frogmorton where did you learn your css from?
Craig Morrison
@frogmorton
Nov 13 2015 03:14
Around. Why do you ask?
Michael Cheung
@m6cheung
Nov 13 2015 03:15
@frogmorton lookin at your personal webpage, it's really good
my css skills really suck, i've come to grips that i can never be a web designer
Craig Morrison
@frogmorton
Nov 13 2015 03:15
Oh, thanks man! Lots of bashing my forehead against the desk
It was mostly hacking around with bootstrap classes, Google fonts, font awesome and color schemes... I'm a bit of a perfectionist in that regard
I'll probably continue to tinker with that thing
saurav
@sauravkarki2
Nov 13 2015 03:20
gm guys!! :)
Craig Morrison
@frogmorton
Nov 13 2015 03:21
@m6cheung I appreciate your kind words, but honestly think my design skills are all over the place
@JCCoding still there?
JCCoding
@JCCoding
Nov 13 2015 03:25
Yes, just trying to figure things out
YaCing
@YaCing
Nov 13 2015 03:25
Hi
Craig Morrison
@frogmorton
Nov 13 2015 03:25
@YaCing hi
YaCing
@YaCing
Nov 13 2015 03:26
Can someone help me.
alt
Craig Morrison
@frogmorton
Nov 13 2015 03:26
What's your question?
Herman Fassett
@HermanFassett
Nov 13 2015 03:27
@YaCing have you tried resetting final in each run? Otherwise it might be bigger than arr[j][i]
h4r1m4u
@h4r1m4u
Nov 13 2015 03:28
@YaCing that's a hella complicated way of doing it. here's an easier way - first, sort all the arrays in a descending order. then simply take the first element from each
Craig Morrison
@frogmorton
Nov 13 2015 03:29
@JCCoding , so please declare a variable myCar and set it equal to new Car ();
@YaCing Yes, @h4r1m4u speaks the truth... Let the language do the hard work for you
Herman Fassett
@HermanFassett
Nov 13 2015 03:31
Though simply mapping a max is even easier
YaCing
@YaCing
Nov 13 2015 03:31
@HermanFassett @h4r1m4u @frogmorton Got it, thanks a lot !
CamperBot
@camperbot
Nov 13 2015 03:31
yacing sends brownie points to @hermanfassett and @h4r1m4u and @frogmorton :sparkles: :thumbsup: :sparkles:
:star: 325 | @frogmorton | http://www.freecodecamp.com/frogmorton
:star: 650 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
:star: 578 | @hermanfassett | http://www.freecodecamp.com/hermanfassett
h4r1m4u
@h4r1m4u
Nov 13 2015 03:31
@YaCing if you don't feel like re-writing your code, what @HermanFassett says is correct. you need to reset the value of final once you iterate through each of the arrays
Herman Fassett
@HermanFassett
Nov 13 2015 03:32
Yep. And it's a 1-3 liner if you use map and math.max :P
Craig Morrison
@frogmorton
Nov 13 2015 03:34
I haven't gotten comfortable with map yet... Actually, I don't think I've used it yet ;P
Herman Fassett
@HermanFassett
Nov 13 2015 03:35
Oh it's a nice handy one
Craig Morrison
@frogmorton
Nov 13 2015 03:36
Yes, I think for higher order / OOP, it's used a ton
I'm just not there yet
Herman Fassett
@HermanFassett
Nov 13 2015 03:36
Ah well, even just substituting the max for a sort and first element might reduce code size
It's shortest if you use a lil es6
Craig Morrison
@frogmorton
Nov 13 2015 03:39
Another topic I haven't cracked (started) yet
h4r1m4u
@h4r1m4u
Nov 13 2015 03:39
the sort/first element solution is a 3 liner as well
Herman Fassett
@HermanFassett
Nov 13 2015 03:41
But still longer
:)
Math.max doesn't take an inner function
JCCoding
@JCCoding
Nov 13 2015 03:41
var myCar.carobject = newCar(4,1,1); {
this.wheels = 4;
this.engines = 1;
this.seats = 1;
}

??? Waypoint: Make Instances of Objects with a Constructor Function

Still wrong somehow. REading over what was said... still trying to understand

h4r1m4u
@h4r1m4u
Nov 13 2015 03:41
true @HermanFassett
Craig Morrison
@frogmorton
Nov 13 2015 03:42
What is that ".carobject" part?
JCCoding
@JCCoding
Nov 13 2015 03:42
I tried to give it a nickname to make it a string
Herman Fassett
@HermanFassett
Nov 13 2015 03:42
I think you're mixing up declaration and instantiation all in one there
JCCoding
@JCCoding
Nov 13 2015 03:42
It wasn't necessary but it says to give nickname property
Herman Fassett
@HermanFassett
Nov 13 2015 03:42
And
JCCoding
@JCCoding
Nov 13 2015 03:42
XD ... ok reading notes over again
Man it's hard to study when I keep daydreaming about fairies
h4r1m4u
@h4r1m4u
Nov 13 2015 03:45
for every line of code the coding fairy will leave a dollar under your pillow
Herman Fassett
@HermanFassett
Nov 13 2015 03:46
:D
JCCoding
@JCCoding
Nov 13 2015 03:46
:D!!!!!!
Herman Fassett
@HermanFassett
Nov 13 2015 03:46
Don't influence bad programming @h4r1m4u
h4r1m4u
@h4r1m4u
Nov 13 2015 03:46
lol
Craig Morrison
@frogmorton
Nov 13 2015 03:46
You'll need to put this in somewhere...
h4r1m4u
@h4r1m4u
Nov 13 2015 03:48
there's a guy here whose random quote zipline is quips from FCC members. sadly i forgot who it was otherwise i'd mention him here :D
Crymzin
@Crymzin
Nov 13 2015 03:52
Would someone mind helping me understand how this code works?
Herman Fassett
@HermanFassett
Nov 13 2015 03:52
Not at all :)
Crymzin
@Crymzin
Nov 13 2015 03:52
awesome
okay, so on the slot machine exercise
there's the images variable
with three different links in the array
Herman Fassett
@HermanFassett
Nov 13 2015 03:53
Yeah
Crymzin
@Crymzin
Nov 13 2015 03:54

then you have this line:

slotOne = Math.floor(Math.random() * (3 - 1 + 1)) + 1;

that kicks out a number between one and three

Herman Fassett
@HermanFassett
Nov 13 2015 03:55
Yeah from previous waypoints
Crymzin
@Crymzin
Nov 13 2015 03:55

finally, you have the line:

$($('.slot')[0]).html('<img src = "' + images[slotOne-1]+'">');

that pulls the image source from one of the three images above and throws it in the appropriate slot

on the display
Herman Fassett
@HermanFassett
Nov 13 2015 03:55
Yeah :D
Crymzin
@Crymzin
Nov 13 2015 03:56
what I want to know, is how is it selecting the image? Is it taking the number generated, comparing it to the array, and then pulling the corresponding image link?
Herman Fassett
@HermanFassett
Nov 13 2015 03:56
It's taking the number 1-3 generated, and using it as an index in the link array to get the url
Since arrays start at index 0 it has slotOne-1
Crymzin
@Crymzin
Nov 13 2015 03:57
That's what I thought, but I wasn't sure
Thanks! =D
Herman Fassett
@HermanFassett
Nov 13 2015 03:57
Yep
Infoholico
@infoholico
Nov 13 2015 03:57
Hello, I was around the 5th bonfire and now it shows as if I never did javascript Jquery and anything else, is there anybody else with the same problem?
h4r1m4u
@h4r1m4u
Nov 13 2015 03:57
in other words, it's equivalent to images[0], images[1] and images[2]
Crymzin
@Crymzin
Nov 13 2015 03:58
makes sense. I just wanted to make sure I actually understood what was going on instead of just following the instructions, haha.
Herman Fassett
@HermanFassett
Nov 13 2015 03:58
:D good thinking
Crymzin
@Crymzin
Nov 13 2015 03:58
Again, thanks to you both, =)
h4r1m4u
@h4r1m4u
Nov 13 2015 03:58
kudos to you. that's the way to learn
Crymzin
@Crymzin
Nov 13 2015 03:59
One last question
what's the "+" operator in there for?
Herman Fassett
@HermanFassett
Nov 13 2015 04:00
concatenating strings?
That one?
Crymzin
@Crymzin
Nov 13 2015 04:00
The ones here: "' + images[slotOne-1]+'"
Herman Fassett
@HermanFassett
Nov 13 2015 04:01
That's string concatenation... since images[index] is a string. e.g.
'<img src="' + images[slotOne-1] + '">' with slotOne = 1 would end up
'<img src="http://i.imgur.com/9H17QFk.png">'
Crymzin
@Crymzin
Nov 13 2015 04:02
AHHHH
okay
makes sende
sense*
took me a bit
Herman Fassett
@HermanFassett
Nov 13 2015 04:03
;)
Crymzin
@Crymzin
Nov 13 2015 04:03
i forgot that the ' is part of the actual string
and because you're working with quotations in quotions
Herman Fassett
@HermanFassett
Nov 13 2015 04:04
Yeah can get confusing
Crymzin
@Crymzin
Nov 13 2015 04:04
you need them in there to actually get the " at the end of the link in order for the code to work
thanks again. Makes so much more sense now, =D
Herman Fassett
@HermanFassett
Nov 13 2015 04:05
Yep
Matt Leonard
@matty22
Nov 13 2015 04:22
Chat is quiet tonight
mariocatch
@mariocatch
Nov 13 2015 04:27
Trying to sleep.
shaw
@xiaojichao
Nov 13 2015 04:35
Can not go to the next step..... A error message is "Can't found variable"
Waypoint: Say Hello to HTML Elements, when click run test button...
mariocatch
@mariocatch
Nov 13 2015 04:38
What's your code?
shaw
@xiaojichao
Nov 13 2015 04:39
<h1>Hello World</h1>
mariocatch
@mariocatch
Nov 13 2015 04:40
That's valid html.
So what is the question?
h4r1m4u
@h4r1m4u
Nov 13 2015 04:41
@xiaojichao sometimes the waypoints get buggy. as @mariocatch said, that looks like the right code. try to reset the waypoint, reload the page and enter the same code again. if that doesn't work, try clearing your browser's cache or a different browser.
shaw
@xiaojichao
Nov 13 2015 04:42
I use safari, now change to Chrome
Maybe because JS CDN, I am in China….
Thank all of you
JCCoding
@JCCoding
Nov 13 2015 04:43
I'm sorry I went to eat yogurt and drink water and now i'm b ack and i'm still confused WTF
h4r1m4u
@h4r1m4u
Nov 13 2015 04:43
@xiaojichao hmm, that could be an issue
mariocatch
@mariocatch
Nov 13 2015 04:44
@JCCoding :) find the 2 steps I laid out above
Do each one, line by line.
JCCoding
@JCCoding
Nov 13 2015 04:45
I'm naturally kind of a tard in certain areas but above average intellect in other areas :(
Ok D: HNNGHHH (concentrates)
I think I got ADHD lol
Thanks @mariocatch
CamperBot
@camperbot
Nov 13 2015 04:45
jccoding sends brownie points to @mariocatch :sparkles: :thumbsup: :sparkles:
:star: 30 | @mariocatch | http://www.freecodecamp.com/mariocatch
shaw
@xiaojichao
Nov 13 2015 04:48
failed to load resources from google….
Because China Government block Google … So I can’t run my test -:(
-:(
mariocatch
@mariocatch
Nov 13 2015 04:51
Can probably use a proxy
Chrome has proxy extensions.
Worth a shot at least. Otherwise, sorry :(
shaw
@xiaojichao
Nov 13 2015 04:52
emm, I will try shadowsocks
It’s OK now, Thanks
:)
mgarcell
@mgarcell
Nov 13 2015 04:57
Hey guys, I'm stuck :worried:
Matt Leonard
@matty22
Nov 13 2015 04:57
What are you stuck on?
mgarcell
@mgarcell
Nov 13 2015 04:57
this

For example:

var array = [1,2,3];

array[0]; //equals 1

var data = array1;

Create a variable called myData and set it to equal the first value of myArray.

Matt Leonard
@matty22
Nov 13 2015 04:58
OK, and is the line var data=array1; what you've written?
shaw
@xiaojichao
Nov 13 2015 04:58
var myData = array[0];
Matt Leonard
@matty22
Nov 13 2015 04:58
Don't give them the answer!
shaw
@xiaojichao
Nov 13 2015 04:58
sorry
mariocatch
@mariocatch
Nov 13 2015 04:59
You've already got the pices written :) @mgarcell
mgarcell
@mgarcell
Nov 13 2015 04:59
I just don't understand what they're asking mostly
They give me this example

var ourArray = [1,2,3];

var ourData = ourArray[0]; // equals 1

var myArray = [1,2,3];

Matt Leonard
@matty22
Nov 13 2015 04:59
@mgarcell It asks you to create a variable called "myData", so let's do that part first.
mgarcell
@mgarcell
Nov 13 2015 04:59
ok
var myData = [20,21,23];
Matt Leonard
@matty22
Nov 13 2015 05:00
Good.
shaw
@xiaojichao
Nov 13 2015 05:00
the first element of a array must be array[0]
Chad
@chadculp
Nov 13 2015 05:00
You creating a variable, and assigning it the value of a position in another variable (the array)
Matt Leonard
@matty22
Nov 13 2015 05:00
So you want to set myData = the first value of ourArray.
mariocatch
@mariocatch
Nov 13 2015 05:00
Let @matty22 help :) he's got a good start here.
mgarcell
@mgarcell
Nov 13 2015 05:01
var myData = ourArray[0]; ?
Matt Leonard
@matty22
Nov 13 2015 05:01
To access one of the values of an array, we use square brackets. []
Yes, that is the correct answer. Do you understand why (especially why 0)?
mgarcell
@mgarcell
Nov 13 2015 05:02
yes, because we start counting with 0
Matt Leonard
@matty22
Nov 13 2015 05:02
Right. If it had asked you to set it equal to the second value it would be var myData = ourArray[1]; and so on.
mgarcell
@mgarcell
Nov 13 2015 05:03
So this will take the first value of my data? 20
Matt Leonard
@matty22
Nov 13 2015 05:03
No the first value of ourArray
mgarcell
@mgarcell
Nov 13 2015 05:04
Ok, which is 1
Matt Leonard
@matty22
Nov 13 2015 05:04
Correct
mgarcell
@mgarcell
Nov 13 2015 05:04
now there's one more part to this?
Matt Leonard
@matty22
Nov 13 2015 05:04
Uhh...let me scroll up
mgarcell
@mgarcell
Nov 13 2015 05:04
var data = array1;
from the example
Matt Leonard
@matty22
Nov 13 2015 05:05
Can you post all the code again?
mgarcell
@mgarcell
Nov 13 2015 05:05

var ourArray = [1,2,3];

var ourData = ourArray[0]; // equals 1

var myArray = [1,2,3];

// Only change code below this line.

var myData = [20,21,23];

var myData = ourArray[0];

// Only change code above this line.

Matt Leonard
@matty22
Nov 13 2015 05:06
I don't think you need the line var myData = [20, 21, 23];
Try commenting that line and see if you pass the tests
mgarcell
@mgarcell
Nov 13 2015 05:07
Passed without it
Matt Leonard
@matty22
Nov 13 2015 05:07
:thumbsup:
mgarcell
@mgarcell
Nov 13 2015 05:07
Thanks for the help!
Matt Leonard
@matty22
Nov 13 2015 05:07
thanks @mariocatch
CamperBot
@camperbot
Nov 13 2015 05:07
matty22 sends brownie points to @mariocatch :sparkles: :thumbsup: :sparkles:
:star: 31 | @mariocatch | http://www.freecodecamp.com/mariocatch
mgarcell
@mgarcell
Nov 13 2015 05:08
thanks @matty22
CamperBot
@camperbot
Nov 13 2015 05:08
mgarcell sends brownie points to @matty22 :sparkles: :thumbsup: :sparkles:
:star: 232 | @matty22 | http://www.freecodecamp.com/matty22
mgarcell
@mgarcell
Nov 13 2015 05:08
thanks @mariocatch
CamperBot
@camperbot
Nov 13 2015 05:08
mgarcell sends brownie points to @mariocatch :sparkles: :thumbsup: :sparkles:
:star: 32 | @mariocatch | http://www.freecodecamp.com/mariocatch
mgarcell
@mgarcell
Nov 13 2015 05:09
why would I ever use that?
Create a variable and then use the value of another value in another variable?
Chad
@chadculp
Nov 13 2015 05:10
It's more of something to build your understanding of data types and their use.
Bryan Hatton
@bryan-hatton
Nov 13 2015 05:10
How the bugger are you supposed to pull content from another site? Every time I try to do it with javascript browser security blocks me.
mgarcell
@mgarcell
Nov 13 2015 05:10
I see
thanks @chadculp
CamperBot
@camperbot
Nov 13 2015 05:10
mgarcell sends brownie points to @chadculp :sparkles: :thumbsup: :sparkles:
:star: 26 | @chadculp | http://www.freecodecamp.com/chadculp
Chad
@chadculp
Nov 13 2015 05:11
You would access objects in an array, think like little packets of data, but in a position in an array.
If you're new to Javascript it can be a bit foreign at first. There's a good book that helped me, A Smarter Way To Learn Javascript.
mgarcell
@mgarcell
Nov 13 2015 05:13
thanks
I'm going through this course (at least as much as I can for now) to see if it interests me enough to go through a boot camp
h4r1m4u
@h4r1m4u
Nov 13 2015 05:13
@bryan-hatton JSONP is the answer to your troubles
mgarcell
@mgarcell
Nov 13 2015 05:13
So far so good
Craig Morrison
@frogmorton
Nov 13 2015 05:14
@xiaojichao Just giving a camper the answer doesn't help them learn. It doesn't matter that you understand it completely. The person asking a question in here usually doesn't understand clearly, and is better served to be taught how to raise a vegetable garden, rather than just be given a tomato to eat... The guys in here, such as @h4r1m4u , @mariocatch , @HermanFassett , @matty22 are all excellent teachers, good at leading someone gently toward understanding. Please respect that process, Ok? :-)
Chad
@chadculp
Nov 13 2015 05:15
Not all camps are made equal... I went through one but found it necessary to learn most on my own.
Jose G Guerrero
@guerrero310
Nov 13 2015 05:17
could someone help me out with "Make Instances of Objects with a Constructor Function" here is the code that i wrote and for some reason when i run, the text it is still given me this "The property nickname of myCar should be a string" this is the what i wrote " var myCar = new Car();
myCar.engines = 1; "
Bryan Hatton
@bryan-hatton
Nov 13 2015 05:17
@h4r1m4u If I read correctly, JSONP requires that the answering site play ball, but I'm trying to scrape html from old websites that don't know me from adam.
h4r1m4u
@h4r1m4u
Nov 13 2015 05:18
@guerrero310 in the same way you created the 'engines' property and set it to 1, create a 'nickname' property and set it to some string (e.g. 'My bestest most awesome ride')
Bryan Hatton
@bryan-hatton
Nov 13 2015 05:18
@h4r1m4u Is there a JSONP proxy service?
Craig Morrison
@frogmorton
Nov 13 2015 05:18
@guerrero310 have you added a nickname property? If that is all the code you wrote, it doesn't seem like it.
Jose G Guerrero
@guerrero310
Nov 13 2015 05:19
Aww Thanks @h4r1m4u
CamperBot
@camperbot
Nov 13 2015 05:19
guerrero310 sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 651 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
h4r1m4u
@h4r1m4u
Nov 13 2015 05:19
@bryan-hatton are you querying any API? or just scraping the site?
Jose G Guerrero
@guerrero310
Nov 13 2015 05:19
Thanks @frogmorton
CamperBot
@camperbot
Nov 13 2015 05:19
guerrero310 sends brownie points to @frogmorton :sparkles: :thumbsup: :sparkles:
:star: 326 | @frogmorton | http://www.freecodecamp.com/frogmorton
Bryan Hatton
@bryan-hatton
Nov 13 2015 05:20
@h4r1m4u Just scraping the site; I don't think it provides any API
Craig Morrison
@frogmorton
Nov 13 2015 05:21
I'm also interested in scraping sites with JS... Haven't tried yet.
h4r1m4u
@h4r1m4u
Nov 13 2015 05:22
@bryan-hatton hmm, i'm not sure in that case. i've only scraped sites with python and php.
Bryan Hatton
@bryan-hatton
Nov 13 2015 05:23
@h4r1m4u I tried loading the site into an iframe, figuring that I could parse the contents with jquery, but the browser blocks me there too. People on stack exchange have worked around the problem by setting up a local proxy, but I'm not sure you can do that in codepen.
h4r1m4u
@h4r1m4u
Nov 13 2015 05:23
@bryan-hatton what's the site you're trying to scrape?
Bryan Hatton
@bryan-hatton
Nov 13 2015 05:24
JCCoding
@JCCoding
Nov 13 2015 05:29
var myCar.nickname = new Car() ; {
myCar.wheels = 4;
myCar.engines = 1;
myCar.seats = 1;
}
h4r1m4u
@h4r1m4u
Nov 13 2015 05:29
@bryan-hatton i think with JS only that's going to be tough. i did find this, though: http://stackoverflow.com/questions/9397199/how-to-scrape-content-from-other-sites-using-jquery. maybe you could give the plugin mentioned in the first answer a try
JCCoding
@JCCoding
Nov 13 2015 05:29
Still got program execution failure for Waypoint: Make Instances of Objects with a Constructor Function
tried to follow what others told me... then the error alerts on the left told me things were wrong, changed them accordingly hmm
Bryan Hatton
@bryan-hatton
Nov 13 2015 05:29
@h4r1m4u Thanks, I'll give that a look
CamperBot
@camperbot
Nov 13 2015 05:29
bryan-hatton sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 652 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
Herman Fassett
@HermanFassett
Nov 13 2015 05:33
@JCCoding what do you have now?
JCCoding
@JCCoding
Nov 13 2015 05:33
var myCar = new Car() ; {
myCar.wheels = 4;
myCar.engines = 1;
myCar.seats = 1;
}
Met all requirements except property nickname of myCar should be a string
lmao i was at it for like 2 hours
So I put
var myCar.nickname = new Car() ; {
myCar.wheels = 4;
myCar.engines = 1;
myCar.seats = 1;
}
But that was wrong too.
Herman Fassett
@HermanFassett
Nov 13 2015 05:34
You're trying to make your instance into a function
This message was deleted
This message was deleted
Oh I might be on the wrong one
:P
Jazmine
@medusanxs
Nov 13 2015 05:38
I don't understand the phrasing on Waypoint: Target the same element with multiple jQuery Selectors
Does anyone have a moment to maybe help me work through what they are asking for?
Herman Fassett
@HermanFassett
Nov 13 2015 05:39

@JCCoding you should keep

var myCar = new Car();

intact and add stuff below much like the myCar.engines = 1; does

h4r1m4u
@h4r1m4u
Nov 13 2015 05:39
@medusanxs sure
which part you don't understand?
Francisco Rader
@Snead
Nov 13 2015 05:40
anyone can help?
Jazmine
@medusanxs
Nov 13 2015 05:40
I'm stuck on "Only add one class with each of your three selectors." So, I assume it means either button/.btn/target each should have one class.
Francisco Rader
@Snead
Nov 13 2015 05:40
$(".target:nth-child(2)").addClass("bounce");
Jazmine
@medusanxs
Nov 13 2015 05:40
Or, that target should have all three..
Francisco Rader
@Snead
Nov 13 2015 05:40
no, it means everyone has all 3 classes
but adding them with 3 different selectors
h4r1m4u
@h4r1m4u
Nov 13 2015 05:41
@medusanxs it means that when you use the .addClass() method, you should be adding only one class with it: .addClass("some-class"), not .addClass("some-class another-class")
could you post your code?
Francisco Rader
@Snead
Nov 13 2015 05:41
$(".target:nth-child(2)").addClass("bounce"); not working for me on http://www.freecodecamp.com/challenges/waypoint-target-a-specific-child-of-an-element-using-jquery
Jazmine
@medusanxs
Nov 13 2015 05:42
I tried: <script>
$(document).ready(function() {
$("button").addClass("animated shake btn-primary");
$(".btn").addClass("animated shake btn-primary");
$("#target1").addclass("animated shake btn-primary");
});
</script>
Francisco Rader
@Snead
Nov 13 2015 05:42
can u help¡
"The second element in your target elements should bounce"
Jazmine
@medusanxs
Nov 13 2015 05:42
But also,: <script>
$(document).ready(function() {
$("button").addClass("");
$(".btn").addClass("");
$("#target1").addclass("animated shake btn-primary");
});
</script>
h4r1m4u
@h4r1m4u
Nov 13 2015 05:42
@medusanxs yeah, you're adding all 3 classes with each selector
you need to add one class per one selector
Jazmine
@medusanxs
Nov 13 2015 05:43
so: <script>
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass("animated");
$("#target1").addclass("animated shake btn-primary");
});
</script>
Francisco Rader
@Snead
Nov 13 2015 05:43
._.
Herman Fassett
@HermanFassett
Nov 13 2015 05:43
@Snead you have it almost right, all you have to do is also add an animated class to it so it will bounce
Francisco Rader
@Snead
Nov 13 2015 05:43
:O
thanks!
Herman Fassett
@HermanFassett
Nov 13 2015 05:43
Yep
h4r1m4u
@h4r1m4u
Nov 13 2015 05:43
@medusanxs
"
Add the ANIMATED class to all elements with TYPE BUTTON.
Add the SHAKE class to all the buttons with CLASS .btn.
Add the BTN-PRIMARY class to the button with ID #target1.
"
Jazmine
@medusanxs
Nov 13 2015 05:44
I did. I guess I'm doing something wrong. I still get a red X for Only add one class with each of your three selectors.
h4r1m4u
@h4r1m4u
Nov 13 2015 05:45
$("button").addClass("animated"); // this adds 'animated' to all button elements
$(".btn").addClass("animated"); // this adds 'animated' to all .btn elements
$("#target1").addclass("animated shake btn-primary"); // this adds 'animated', 'shake', and 'btn-primary' to #target1 element
you're supposed to use each of the selectors above to add only ONE class
Jazmine
@medusanxs
Nov 13 2015 05:47
So, lol. I literally did the same thing..but reset my code.
And it worked.
So bug? I guess
I had tried the suggestions, and followed instructions - when it didn't work, I had changed it a few times.
h4r1m4u
@h4r1m4u
Nov 13 2015 05:48
what's the code that let you pass?
Jazmine
@medusanxs
Nov 13 2015 05:48
<script>
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass("shake");
$("#target1").addClass("animated shake btn-primary");

});
</script>
Which is what I did the first time.
h4r1m4u
@h4r1m4u
Nov 13 2015 05:49
that actually shouldn't let you pass
Jazmine
@medusanxs
Nov 13 2015 05:49
lol
h4r1m4u
@h4r1m4u
Nov 13 2015 05:49
because to #target1 you're adding all 3 classes
Herman Fassett
@HermanFassett
Nov 13 2015 05:49
Really?
h4r1m4u
@h4r1m4u
Nov 13 2015 05:49
you should be adding .btn-primary only
Jazmine
@medusanxs
Nov 13 2015 05:50
worked that way too, with only .btn-primary
Bug. :P
h4r1m4u
@h4r1m4u
Nov 13 2015 05:50
yeah, that's the solution they want. it shouldn't pass with the 3 classes being added to #target1
Herman Fassett
@HermanFassett
Nov 13 2015 05:51
But since she's also adding the same classes with other methods its kinda ok
Jazmine
@medusanxs
Nov 13 2015 05:51
Whomp whomp. It was acting funny. I would have the same code, and sometimes jquery used would X and sometimes it would check out.
h4r1m4u
@h4r1m4u
Nov 13 2015 05:51
@HermanFassett technically the result is the same. but it's not what the waypoint is asking
Herman Fassett
@HermanFassett
Nov 13 2015 05:52

Only add one class with each of your three selectors.

Yeah I see

h4r1m4u
@h4r1m4u
Nov 13 2015 05:52
if the #target1 wasn't also <button> and .btn element, it wouldn't have worked
i'll report it as a bug
Jazmine
@medusanxs
Nov 13 2015 05:53
thanks @h4r1m4u @h4r1m4u
CamperBot
@camperbot
Nov 13 2015 05:53
medusanxs sends brownie points to @h4r1m4u and @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 653 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
:star: 653 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
Jazmine
@medusanxs
Nov 13 2015 05:53
oops. lol
thanks @HermanFassett
CamperBot
@camperbot
Nov 13 2015 05:54
medusanxs sends brownie points to @hermanfassett :sparkles: :thumbsup: :sparkles:
:star: 580 | @hermanfassett | http://www.freecodecamp.com/hermanfassett
h4r1m4u
@h4r1m4u
Nov 13 2015 05:54
you're welcome
Jazmine
@medusanxs
Nov 13 2015 05:54
@h4r1m4u is trying to steal all the brownies. :P
h4r1m4u @h4r1m4u is a brownie monster!
Herman Fassett
@HermanFassett
Nov 13 2015 05:54
:P
hermanfassett takes brownie points from @h4r1m4u :sparkles: :+1: :sparkles:
:star: 652 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
:star: 581 | @hermanfassett | http://www.freecodecamp.com/hermanfassett
HermanFassett @HermanFassett licks lips
h4r1m4u
@h4r1m4u
Nov 13 2015 05:57
where ma' cookie at?!?
Stefanie
@Phajava
Nov 13 2015 06:04
eaten :)
Herman Fassett
@HermanFassett
Nov 13 2015 06:06
Yum yum
Jazmine
@medusanxs
Nov 13 2015 06:30
Is there something wrong with this line? $("#left-well").parent().css("background-color", "red");
Its telling me I'm not creating a red background.
Herman Fassett
@HermanFassett
Nov 13 2015 06:35
I think you're supposed to use #target1 not left-well
aleef
@aleefashraf
Nov 13 2015 06:36
hello room can anyone help me in waypoint:add images to your website.it says to make the src attribute of img tag poin towrds the image
i dont know what to do?
Bryan Hatton
@bryan-hatton
Nov 13 2015 06:37
@aleefashraf Sure thing, what problem are you having?
@aleefashraf An <img> is an html element that renders into an image, however, it need to know which image to turn into. You specify that image using src. For example:
<img src='/cat-photos/running-cat.jpg'>
aleef
@aleefashraf
Nov 13 2015 06:40

<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>

<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
<img src="http://bit.1y/fcc-relaxing-cat"/>

Bryan Hatton
@bryan-hatton
Nov 13 2015 06:40
explain format
CamperBot
@camperbot
Nov 13 2015 06:40

:point_right: code format [wiki]

Inline code

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

Code Block

``` ⇦ Type 3 backticks and then press [shift + enter ⏎]

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

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

How to Code

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

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

aleef
@aleefashraf
Nov 13 2015 06:41
here is the cord
Bryan Hatton
@bryan-hatton
Nov 13 2015 06:41
@aleefashraf use backticks to format your code
aleef
@aleefashraf
Nov 13 2015 06:42
@bryan-hatton ok
@bryan-hatton i dont know whats wrong with it
Bryan Hatton
@bryan-hatton
Nov 13 2015 06:43
@aleefashraf Post the formatted code and a link to the waypoint you're stuck on
Sree Harsha Subraveti
@gasperno
Nov 13 2015 06:43
@aleefashraf it would be really helpful when you post a formatted code.
it's more readable
as @bryan-hatton suggests, add ``` before and after your code snippet
DeWayne Ewing
@DeWayneEwing
Nov 13 2015 06:45
Hello everyone. I am having an issue on waypoint: give your javascript slot machine some stylish images if anyone is available to assist.
Herlou
@herloub
Nov 13 2015 06:46
how to iterate even numbers with a for loop? Anyone?
Bryan Hatton
@bryan-hatton
Nov 13 2015 06:47
@herloub Increase i by two each time
magellan84
@magellan84
Nov 13 2015 06:48
I need help with a way point.
Elliott McNary
@bighitbiker3
Nov 13 2015 06:48
Hey guys...what would be a good way to work this reset button out? I can't figure out how to get it to reset to the time located in the app http://codepen.io/bighitbiker3/pen/JYeXgE
Bryan Hatton
@bryan-hatton
Nov 13 2015 06:48
@DeWayneEwing Please post your formatted code
Herlou
@herloub
Nov 13 2015 06:48
@bryan-hatton how about odd numbers?
aleef
@aleefashraf
Nov 13 2015 06:49
This message was deleted
magellan84
@magellan84
Nov 13 2015 06:49
@bryan-hatton can u help me out, bro?
Bryan Hatton
@bryan-hatton
Nov 13 2015 06:49
@herloub Increase i by two, but start at an odd number
DeWayne Ewing
@DeWayneEwing
Nov 13 2015 06:49
'''
$($('.slot')[0]).html('<img src = "' + images[slotOne-1] + '">');
$($('.slot')[1]).html('<img src = "' + images[slotTwo-2] + '">');
$($('.slot')[2]).html('<img src = "' + images[slotThree-3] + '">'); '''
CamperBot
@camperbot
Nov 13 2015 06:49
:bulb: to format code use backticks! ``` more info
Bryan Hatton
@bryan-hatton
Nov 13 2015 06:49
@magellan84 Sure, post your formatted code
Herlou
@herloub
Nov 13 2015 06:50
@bryan-hatton I got it now. Thanks!
CamperBot
@camperbot
Nov 13 2015 06:50
herloub sends brownie points to @bryan-hatton :sparkles: :thumbsup: :sparkles:
DeWayne Ewing
@DeWayneEwing
Nov 13 2015 06:50
pls ignore the last three backticks I didn't mean to post that
CamperBot
@camperbot
Nov 13 2015 06:50
:star: 217 | @bryan-hatton | http://www.freecodecamp.com/bryan-hatton
Herman Fassett
@HermanFassett
Nov 13 2015 06:50
@DeWayneEwing you should only subtract 1 from slotOne, slotTwo, slotThree each time, not 1, 2, then 3
Sree Harsha Subraveti
@gasperno
Nov 13 2015 06:50
@aleefashraf add tickmarks, in the next line paste your code. in a new line after code add tickmarks
Herman Fassett
@HermanFassett
Nov 13 2015 06:51
@DeWayneEwing Because you're just getting the random index. The only reason you subtract 1 is because the random number is in range 1-3 while array takes indices 0-2
DeWayne Ewing
@DeWayneEwing
Nov 13 2015 06:52
@HermanFassett thank you. I see now.
CamperBot
@camperbot
Nov 13 2015 06:52
dewayneewing sends brownie points to @hermanfassett :sparkles: :thumbsup: :sparkles:
:star: 582 | @hermanfassett | http://www.freecodecamp.com/hermanfassett
DeWayne Ewing
@DeWayneEwing
Nov 13 2015 06:53
I really appreciate the help!!!
Bryan Hatton
@bryan-hatton
Nov 13 2015 06:53
@bighitbiker Just pull the time you want to reset to out with Jquery
@bighitbiker3 eg
$('#timer').text($('#sessionLength').text());
Sree Harsha Subraveti
@gasperno
Nov 13 2015 06:57
@aleefashraf I think your url is typed wrong.. Please check the url of img tag
Bryan Hatton
@bryan-hatton
Nov 13 2015 06:58
@gasperno switchinng a 1 for l is a really rare typo, it's a little suspicious
Sree Harsha Subraveti
@gasperno
Nov 13 2015 06:59
@bryan-hatton I copied the URL into browser and thought that could be the mistake. I could be wrong too.
Bryan Hatton
@bryan-hatton
Nov 13 2015 07:00
@gasperno No, you're right. Rather, I'm implying that aleef's mistake is intentional trolling; however, I don't know for sure, which is why I didn't directly come out and say it.
Sree Harsha Subraveti
@gasperno
Nov 13 2015 07:01
:+1:
magellan84
@magellan84
Nov 13 2015 07:03
@bryan-hatton bro, I'm having trouble with "Waypoint: Nest an anchor element within a paragraph."
I post this

link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
2

<style>
3
.red-text {
4
color: red;
5
}
6

7
h2 {
8
font-family: Lobster, Monospace;
9
}
10

11
p {
12
font-size: 16px;
13
font-family: Monospace;
14
}
15

16
.thick-green-border {
17
border-color: green;
18
border-width: 10px;
19
border-style: solid;
20
border-radius: 50%;
21
}
22

23
.smaller-image {
24
width: 100px;
25
}
26
</style>
27

28

<h2 class="red-text">CatPhotoApp</h2>
29

30

31
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat">
32

33

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
34

<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
35

<p>blahblahblah gigogonjknnkknkmnjkknmmnmnnm View more <a href='http://www.freecatphotoapp.com'>cat photos</a>. hahahahahaha</p>

The last paragraph keeps getting rejected even if I "View more "
...even if I put "View more(space)
Bryan Hatton
@bryan-hatton
Nov 13 2015 07:06
explain format
CamperBot
@camperbot
Nov 13 2015 07:06

:point_right: code format [wiki]

Inline code

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

Code Block

``` ⇦ Type 3 backticks and then press [shift + enter ⏎]

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

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

How to Code

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

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

Herlou
@herloub
Nov 13 2015 07:06
Help please! I don't know what to do with generating random fractions with Javascript.
CamperBot
@camperbot
Nov 13 2015 07:06
no wiki entry for: please i dont know what to do with generating random fractions with javascript
:pencil: click here to create one now!after creating your page type update to reload it here
Bryan Hatton
@bryan-hatton
Nov 13 2015 07:06
@magellan84 Format your code with backticks, otherwise I won't be able to help you
magellan84
@magellan84
Nov 13 2015 07:07
OK
Bryan Hatton
@bryan-hatton
Nov 13 2015 07:07
@herloub What kind of fractions do you want to generate?
Herlou
@herloub
Nov 13 2015 07:08
@bryan-hatton decimal number.
Bryan Hatton
@bryan-hatton
Nov 13 2015 07:09
@herloub Try Math.random()
Herlou
@herloub
Nov 13 2015 07:10
@bryan-hatton What should I put inside () ?
Ian Barker
@IanBarkerDev
Nov 13 2015 07:11
Nothing.
It gives you a number between 0 and 1.
Bryan Hatton
@bryan-hatton
Nov 13 2015 07:11
@herloub Nothing actually, random doesn't take arguments, just produces a rand number between zero and one. Documentation
Herlou
@herloub
Nov 13 2015 07:13
@bryan-hatton Ok got it. thanks again!
CamperBot
@camperbot
Nov 13 2015 07:13
herloub sends brownie points to @bryan-hatton :sparkles: :thumbsup: :sparkles:
:warning: herloub already gave bryan-hatton points
Majd900
@Majd900
Nov 13 2015 07:14
Hello
Bryan Hatton
@bryan-hatton
Nov 13 2015 07:15
@Majd900 Hello
Majd900
@Majd900
Nov 13 2015 07:15
How's coding? :smile: +1
Bryan Hatton
@bryan-hatton
Nov 13 2015 07:16
@Majd900 Going well, you excited to start FreeCodeCamp?
Majd900
@Majd900
Nov 13 2015 07:16
Nah actually i started yesterday and almost knowing everything about HTML and CSS
Ian Barker
@IanBarkerDev
Nov 13 2015 07:17
Very few people know everything about CSS.
Majd900
@Majd900
Nov 13 2015 07:17
Wonder what happens after months 😂
No i'm not knowing everything ofc
Just you know i'm mastering the basic stuff
Bryan Hatton
@bryan-hatton
Nov 13 2015 07:17
@Majd900 Why don't you try some bondfires or ziplines then? They're a little more substantial
Majd900
@Majd900
Nov 13 2015 07:18
Well i didnt reach to the level where i go with bonfires i just need a couple weeks
But when i first discovered FCC i had the passion for coding
Bryan Hatton
@bryan-hatton
Nov 13 2015 07:20
@Majd900 You don't necessarily have to go in order. I think that you should jump ahead if you find the course material difficult to concentrate on. (because it's too boring)
Majd900
@Majd900
Nov 13 2015 07:20
Because none of my freinds know coding
Like what?
Ian Barker
@IanBarkerDev
Nov 13 2015 07:22
@Majd900 Is this your first exposure to programming?
Majd900
@Majd900
Nov 13 2015 07:22
Yeah
Ian Barker
@IanBarkerDev
Nov 13 2015 07:23
@Majd900 Have fun. Javascript = best language evar.
Majd900
@Majd900
Nov 13 2015 07:23
Really?
Bryan Hatton
@bryan-hatton
Nov 13 2015 07:23
@Majd900 Have you had experience with bootstrap before?
Ian Barker
@IanBarkerDev
Nov 13 2015 07:23
@Majd900 Haha. To me. Language is a preference thing.
Majd900
@Majd900
Nov 13 2015 07:23
But i heard i should go with JS if i want a full stack dev or building static websites
Yeah i just took a brief idea about bootstrap
Jquery is like Js?
Bryan Hatton
@bryan-hatton
Nov 13 2015 07:25
@Majd900 A lot of the modern sites use javascript for everything, that's what we mean when we say 'full stack javascript', but there are many other ways to build websites. LAMP for instance. If your goal is just to build a website, then maybe a CMS like wordpress would do you better.
magellan84
@magellan84
Nov 13 2015 07:26
```
Bryan Hatton
@bryan-hatton
Nov 13 2015 07:26
@Majd900 JQuery is a library for javascript. It makes interacting with the DOM (the html) much easier.
Ian Barker
@IanBarkerDev
Nov 13 2015 07:26
@bryan-hatton CMS seems like it would ruin all of the fun.
Majd900
@Majd900
Nov 13 2015 07:26
They told me i should go with Jquery cause it's easier
magellan84
@magellan84
Nov 13 2015 07:26
Sry, experimenting backticks on my android
Ian Barker
@IanBarkerDev
Nov 13 2015 07:27
@magellan84 And here you had me all excited to look at code.
Majd900
@Majd900
Nov 13 2015 07:27
JS is alot more detailed and complicated
Just an opinion of mine
Bryan Hatton
@bryan-hatton
Nov 13 2015 07:27
@Malical Yea, it's more like "Just give me a website, I don't care how or how it works"
Ian Barker
@IanBarkerDev
Nov 13 2015 07:27
@bryan-hatton But the how and why are the fun parts.
Bryan Hatton
@bryan-hatton
Nov 13 2015 07:28
@Malical You're preaching to the choir on that one
@Majd900 I'm not sure what you're trying to say. JQuery is Javascript.
Ian Barker
@IanBarkerDev
Nov 13 2015 07:29
@bryan-hatton Well yeah. But I look at jobs and it's like "Know (CMS) is required."
Majd900
@Majd900
Nov 13 2015 07:30
Both are same?
Bryan Hatton
@bryan-hatton
Nov 13 2015 07:31
@Malical Well that sort of helps you filter out jobs, I've seen listings for 'teh best javascript dev who knows Agile and Angular' where the job is just driving their wordpress server.
Majd900
@Majd900
Nov 13 2015 07:32
I think ill go with JS first then jquery
Bryan Hatton
@bryan-hatton
Nov 13 2015 07:32
@Majd900 Basically, JQuery is an addon to javascript. You can't use it without using javascript too. Though some who use JQuery use very little javascript.
Majd900
@Majd900
Nov 13 2015 07:33
Ahh
Ian Barker
@IanBarkerDev
Nov 13 2015 07:33
@bryan-hatton Yeah. Hopefully I can steer clear of those.
Majd900
@Majd900
Nov 13 2015 07:33
Epic
Okay now i'm on laptop, much better :D
Guys what'
what's the difference between CSS and CSS3?
Bryan Hatton
@bryan-hatton
Nov 13 2015 07:37
@Majd900 CSS3 is the latest version of CSS; like the difference between windows and windows 10.
Majd900
@Majd900
Nov 13 2015 07:37
So css3 has new codes?
What about XHTML and HTML5?
Bryan Hatton
@bryan-hatton
Nov 13 2015 07:38
@Majd900 yes, probably the biggest new addition are the new selectors, but there's a bunch of new stuff
Majd900
@Majd900
Nov 13 2015 07:38
Like what can you give me a code from CSS3?
Bryan Hatton
@bryan-hatton
Nov 13 2015 07:39
@Majd900 What do you mean give me a code?
Majd900
@Majd900
Nov 13 2015 07:39
nvm haha
h4r1m4u
@h4r1m4u
Nov 13 2015 07:39
@Majd900 no offense, but you can find answers - and much more detailed - to all these questions simply by googling. this channel's purpose is to help current FCC's students who are struggling with some of the assignments and need help along the way
if you want to chat about general stuff, the https://gitter.im/FreeCodeCamp/Casual channel is a more appropriate place
Majd900
@Majd900
Nov 13 2015 07:40
@h4r1m4u Ok sorry :D yeah i should google that first, thanks :D
CamperBot
@camperbot
Nov 13 2015 07:40
majd900 sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 654 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
h4r1m4u
@h4r1m4u
Nov 13 2015 07:42
no problem. part of being a good developer is the ability to search for and find the answer you need. when you start working, there's usually no one to hold your hand. you're expected to deliver
Majd900
@Majd900
Nov 13 2015 07:43
yeah i agree
Antonio Ortiz
@antoniodortiz
Nov 13 2015 07:51
Is there any specific text editor that fCC uses? Or do most of them have the self closing brackets.
ShiviChan
@ShiviChan
Nov 13 2015 07:54
hey friends,can anyone tell me how to give id attribute to form elemt?

element

h4r1m4u
@h4r1m4u
Nov 13 2015 07:55
@antoniodortiz it's a pretty common feature in any half-decent code editor
Dustin Frank
@DustInCompetent
Nov 13 2015 07:57
@ShiviChan
<!-- html basics of the basics -->
<tagName attributeName="attribute value">
  <nestedTag></nestedTag>
</tagName> <!-- closing tag -->
h4r1m4u
@h4r1m4u
Nov 13 2015 07:57
@ShiviChan if <h2 id="cat-photo-app"> is how you give an id attribute to <h2> element, how would you do the same for <form> element?
ShiviChan
@ShiviChan
Nov 13 2015 07:58
<form id="cat-photo-app"> ?
Dustin Frank
@DustInCompetent
Nov 13 2015 07:58
yes
h4r1m4u
@h4r1m4u
Nov 13 2015 07:58
bingo
ShiviChan
@ShiviChan
Nov 13 2015 07:59
it is not working :P
Dustin Frank
@DustInCompetent
Nov 13 2015 07:59
wait
h4r1m4u
@h4r1m4u
Nov 13 2015 07:59
@ShiviChan "Give your form element the id cat-photo-form."
Dustin Frank
@DustInCompetent
Nov 13 2015 07:59
what waypoint?
ShiviChan
@ShiviChan
Nov 13 2015 07:59
??
h4r1m4u
@h4r1m4u
Nov 13 2015 07:59
ShiviChan
@ShiviChan
Nov 13 2015 08:00
hmm
bingo
:)
h4r1m4u
@h4r1m4u
Nov 13 2015 08:00
@ShiviChan the id of the form is supposed to be "cat-photo-form", not "cat-photo-app"
Dustin Frank
@DustInCompetent
Nov 13 2015 08:00
yeah, just <form id="cat-photo-form">
h2 gets "cat-photo-app"
ShiviChan
@ShiviChan
Nov 13 2015 08:01
ohh i got it
thanks
:)
Antonio Ortiz
@antoniodortiz
Nov 13 2015 08:01
Ah.
I believe I meant self-closing quotations, seeing as how the one I use only closes the brackets.
h4r1m4u
@h4r1m4u
Nov 13 2015 08:02
@antoniodortiz yeah, also very common
which editor you use?
Antonio Ortiz
@antoniodortiz
Nov 13 2015 08:02
@h4r1m4u Brackets, it could be that I'm just not paying attention but I haven't seen it.
ShiviChan
@ShiviChan
Nov 13 2015 08:02
whats the difference btw id and name ?
Craig Morrison
@frogmorton
Nov 13 2015 08:04
ID is used as a reference for CSS or jQuery
h4r1m4u
@h4r1m4u
Nov 13 2015 08:04
@antoniodortiz i'm not familiar with it, but my guess would be that it has that feature. maybe it just needs to be enabled somewhere in the settings? i'm personally using Sublime Text
Jazmine
@medusanxs
Nov 13 2015 08:05
Atom, and ..theres another I have both do good highlighting/self-closing items @antoniodortiz
Antonio Ortiz
@antoniodortiz
Nov 13 2015 08:06
@h4r1m4u @medusanxs Thanks, my buddy uses Sublime Text but I was trying to be a special snowflake and try out different ones. I'll just check it off.
CamperBot
@camperbot
Nov 13 2015 08:06
antoniodortiz sends brownie points to @h4r1m4u and @medusanxs :sparkles: :thumbsup: :sparkles:
:star: 138 | @medusanxs | http://www.freecodecamp.com/medusanxs
:star: 655 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
wontoan
@wontoan
Nov 13 2015 08:16
This message was deleted
This message was deleted
Jazmine
@medusanxs
Nov 13 2015 08:20
Who deletes messages? O.o
wontoan
@wontoan
Nov 13 2015 08:21
I figured it'd be more appropriate to ask it in the clementinejs chatroom
Christine Cole
@netwerk19
Nov 13 2015 08:42
I'm having a really hard time with the "create a custom heading" way point. I seem to be getting part of it right, but I can't figure out how to do the two separate 'div' classes for the img and the h2 tags> Here's my code:
http://www.freecodecamp.com/challenges/waypoint-create-a-custom-heading?solution=%3Clink%20href%3D%22http%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%0A%3Cstyle%3E%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Cdiv%20class%3D%22container-fluid%22%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%3Ch2%20class%3D%22text-primary%20text-center%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%20%20%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22img-responsive%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%3C%2Fdiv%3E%0A%0A%20%20%3Cimg%20src%3D%22http%3A%2F%2Fbit.ly%2Ffcc-running-cats%22%20class%3D%22img-responsive%22%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-primary%22%3ELike%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-info%22%3EInfo%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-danger%22%3EDelete%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%20%20%3Cp%3EThings%20cats%20%3Cspan%20class%3D%22text-danger%22%3Elove%3A%3C%2Fspan%3E%3C%2Fp%3E%0A%20%20%3Cul%3E%0A%20%20%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%20%20%3C%2Ful%3E%0A%20%20%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%20%20%3Col%3E%0A%20%20%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%20%20%3C%2Fol%3E%0A%20%20%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Indoor%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Loving%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Crazy%3C%2Flabel%3E%0A%20%20%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%20%20%3C%2Fform%3E%0A%3C%2Fdiv%3E%0A
Jazmine
@medusanxs
Nov 13 2015 08:42
What do you have so far, netwerk?
@netwerk19
Christine Cole
@netwerk19
Nov 13 2015 08:43
<div class="row"><h2 class="text-primary text-center">CatPhotoApp</h2>

<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a></div>
Whenever I try to nest the img and the h2 tags in their own div tags, I screw it up.
Jazmine
@medusanxs
Nov 13 2015 08:44
How so?
Show me what you are doing - we can work through it :)
Christine Cole
@netwerk19
Nov 13 2015 08:44
Well, it doesn't work. Beyond that, I can't tell you.
Jazmine
@medusanxs
Nov 13 2015 08:44
I only see one div currently.
Christine Cole
@netwerk19
Nov 13 2015 08:44
Okay, give me a minute
Jazmine
@medusanxs
Nov 13 2015 08:44
Sure.
Christine Cole
@netwerk19
Nov 13 2015 08:46

<div class="container-fluid">
<div class="row" "col-xs-8"><h2 class="text-primary text-center">CatPhotoApp</h2></div>

<a href="#"><div class="col-xs-4"<img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a></div>

Driving me crazy
Jazmine
@medusanxs
Nov 13 2015 08:47
I see :)
So when they say nest - I think they want you to add an additional div - not add to the current one
Christine Cole
@netwerk19
Nov 13 2015 08:48
Okay, I think I understand what you're saying.
Jazmine
@medusanxs
Nov 13 2015 08:48
The way you are doing it now, you cut the 'row' class off - and only h2 has it.
You wanted 'row' to affect both h2 and img
Christine Cole
@netwerk19
Nov 13 2015 08:49
I'm going to try it again.
Jazmine
@medusanxs
Nov 13 2015 08:49
Cool :)
I'll be here if you need anything.
h4r1m4u
@h4r1m4u
Nov 13 2015 08:50
@netwerk19 yep @medusanxs has it right. 'nest' means put one element inside another:
<div class="outside-div">
  <div class="nested-div">
    <p>paragraph nested inside the nested div</p> // it's like HMTL inception, so many levels of reality!
  </div>
</div>
Jazmine
@medusanxs
Nov 13 2015 08:51
lol html inception
Christine Cole
@netwerk19
Nov 13 2015 08:52
So, here's hte first part, where they are both nested in one tag
<div class="row"><h2 class="text-primary text-center">CatPhotoApp</h2>

<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a></div>
h4r1m4u
@h4r1m4u
Nov 13 2015 08:52
divs within divs within divs...
Christine Cole
@netwerk19
Nov 13 2015 08:52
Does that part look right?
Jazmine
@medusanxs
Nov 13 2015 08:52
That does. check what @h4r1m4u shared :)
Christine Cole
@netwerk19
Nov 13 2015 08:53
Okay, let me try one of the next ones...one sec...
h4r1m4u
@h4r1m4u
Nov 13 2015 08:53
@netwerk19 yeah, what you've done covers the 'Nest your first image and your h2 element within a single <div class="row"> element.' instruction
Christine Cole
@netwerk19
Nov 13 2015 08:53
Okay, 33.3% down....
h4r1m4u
@h4r1m4u
Nov 13 2015 08:53
:)
Christine Cole
@netwerk19
Nov 13 2015 08:53
One sec
<div class="row"><div class="col-xs-8"><h2 class="text-primary text-center">CatPhotoApp</h2></div>
FIrst div within a div
Look right?
h4r1m4u
@h4r1m4u
Nov 13 2015 08:55
nice work!
Jazmine
@medusanxs
Nov 13 2015 08:55
Yea :)
h4r1m4u
@h4r1m4u
Nov 13 2015 08:55
yeah, that's correct
Christine Cole
@netwerk19
Nov 13 2015 08:55
Thanks. One more....
<div class="col-xs-4>"<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a></div></div>
I think this one is wrong
Oh, wait
<div class="col-xs-4"><a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a></div></div>
h4r1m4u
@h4r1m4u
Nov 13 2015 08:58
that looks good
Christine Cole
@netwerk19
Nov 13 2015 08:59
It worked! I guess I needed to talk through it
@h4r1m4u thanks
CamperBot
@camperbot
Nov 13 2015 08:59
netwerk19 sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 656 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
Christine Cole
@netwerk19
Nov 13 2015 08:59
@medusanxs thanks!
Jazmine
@medusanxs
Nov 13 2015 08:59
np ty
h4r1m4u
@h4r1m4u
Nov 13 2015 08:59
you're welcome, good job!
Christine Cole
@netwerk19
Nov 13 2015 09:00
@netwerk19 @medusanxs thanks
CamperBot
@camperbot
Nov 13 2015 09:00
sorry netwerk19, you can't send brownie points to yourself! :sparkles: :sparkles:
:star: 141 | @medusanxs | http://www.freecodecamp.com/medusanxs
Jazmine
@medusanxs
Nov 13 2015 09:00
lol
Christine Cole
@netwerk19
Nov 13 2015 09:00
@medusanxs thanks
CamperBot
@camperbot
Nov 13 2015 09:00
netwerk19 sends brownie points to @medusanxs :sparkles: :thumbsup: :sparkles:
:star: 142 | @medusanxs | http://www.freecodecamp.com/medusanxs
Jazmine
@medusanxs
Nov 13 2015 09:00
Ty @netwerk19 Nice job :)
Christine Cole
@netwerk19
Nov 13 2015 09:00
Woo hoo.....!!!
Cillian
@cillianbc
Nov 13 2015 09:07
bonfire mutations
CamperBot
@camperbot
Nov 13 2015 09:07

:fire:Bonfire: Mutations :link:

function mutation(arr) {
  return arr;
}

mutation(['hello', 'hey']);

Return true if the string in the first element of the array contains all of the letters of the string in the second element of the array.

more info:  bf details | bf links | hint

Cillian
@cillianbc
Nov 13 2015 09:07
hint
CamperBot
@camperbot
Nov 13 2015 09:07
:construction: Spoilers are only in the Bonfire's Custom Room :point_right:
Pranay Kothapalli
@kotAPI
Nov 13 2015 09:48
has anyone coded tic tac toe yet?
Craig Morrison
@frogmorton
Nov 13 2015 09:51
Ha... Still hacking, @kotAPI ?
You should ask that in the HelpZiplines room
The higher level coding questions end up being answered there
Or at least you're more likely to run into someone who's already done that one
Pranay Kothapalli
@kotAPI
Nov 13 2015 09:57
i am dying, send help , please... @frogmorton
Majd900
@Majd900
Nov 13 2015 09:59
Guys, Inline-styles replaces all CSS styles?
Jazmine
@medusanxs
Nov 13 2015 09:59
I believe anything not marked !important, yes.
Majd900
@Majd900
Nov 13 2015 09:59
!Important is the strongest?
Jazmine
@medusanxs
Nov 13 2015 09:59
From what I remember, yes.
Majd900
@Majd900
Nov 13 2015 10:00
ID are stronger than CSS?
Jazmine
@medusanxs
Nov 13 2015 10:01
There is a waypoint on this. Have you tried it?
Pranay Kothapalli
@kotAPI
Nov 13 2015 10:01
id's are stronger than classes
inlines are always stronger
Majd900
@Majd900
Nov 13 2015 10:01
@kotAPI Oh okay :D
Pranay Kothapalli
@kotAPI
Nov 13 2015 10:01
they take highest precedence
Majd900
@Majd900
Nov 13 2015 10:01
@medusanxs Yeah i did
Currently in [53]
cleff
@cleffst
Nov 13 2015 10:10
how do i leave h2 element uncommented
Christine Cole
@netwerk19
Nov 13 2015 10:10
Here I am again, stuck on the 'responsively style radio buttons"
<div class="row">
<div class="col-xs-6"><button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button></div>
<div class="col-xs-6"><button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button></div>
<div class="col-xs-6"><button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>
</div>
I keep doing it over and over, can't figure it out.
h4r1m4u
@h4r1m4u
Nov 13 2015 10:11
@netwerk19 seems you like have some extra </div> closing tags there
each <div> needs to be closed only once
Christine Cole
@netwerk19
Nov 13 2015 10:12
Are you talkinga bout at the end?
Jazmine
@medusanxs
Nov 13 2015 10:12
@netwerk19 Try spacing and separating your work, in a way that makes sense for you visually.
See if that helps.
h4r1m4u
@h4r1m4u
Nov 13 2015 10:13
@cleffst
<!-- <h2>This one is commented out</h2> -->
<h2>This one is uncommented</h2>
cleff
@cleffst
Nov 13 2015 10:13
thanks @h4r1m4u
CamperBot
@camperbot
Nov 13 2015 10:13
cleffst sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 658 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
Majd900
@Majd900
Nov 13 2015 10:14
Is this the correct way to add the class"container-fluid"?
<div>
  <class="container-fluid">
h4r1m4u
@h4r1m4u
Nov 13 2015 10:14
@netwerk19 yes, the </div>s at the end
Jazmine
@medusanxs
Nov 13 2015 10:14
@Majd900 div class="container-fluid" all one part
h4r1m4u
@h4r1m4u
Nov 13 2015 10:14
@Majd900 no. this is how you add class to your elements: <div class="some-class"></div>
Majd900
@Majd900
Nov 13 2015 10:15
@medusanxs @h4r1m4u Oh thanks !
CamperBot
@camperbot
Nov 13 2015 10:15
majd900 sends brownie points to @medusanxs and @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 156 | @medusanxs | http://www.freecodecamp.com/medusanxs
:star: 659 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
Majd900
@Majd900
Nov 13 2015 10:18
They're saying here " Make sure you have nested all HTML elements in .container-fluid. "
I did that
oh nvm :D
Christine Cole
@netwerk19
Nov 13 2015 10:20
Okay, spaced it out

<div class="row">
<div class="col-xs-6"><button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button></div>

  <div class="col-xs-6"><button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button></div>

  <div class="col-xs-6"><button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>

</div>

Okay, what happened there....
Nevermind, I'm dealing with this tomorrow...
Jazmine
@medusanxs
Nov 13 2015 10:27
Sorry, I was on the phone for work.
You still there, @netwerk19 ?
Majd900
@Majd900
Nov 13 2015 10:34
@medusanxs Woah! Nice website
Jazmine
@medusanxs
Nov 13 2015 10:36
Thanks. :)
Majd900
@Majd900
Nov 13 2015 10:36
@medusanxs What langs did you use? i'm really curious :D
WOW bootstrap is amazing, makes styling alot more easier!
Majd900
@Majd900
Nov 13 2015 10:42
Guys what is Btn-danger and btn-primary and those other things, are those only colors?
Aleksander Gębicki
@Takumar
Nov 13 2015 10:44
@Majd900 I think that these are only categories of buttons and their names have to remind you about their functions. Danger is easily connected with red colour, primary is arbiteraly chosen as dark blue, green for success and orange for info.
Majd900
@Majd900
Nov 13 2015 10:44
@Takumar Ohh okay thanks :D
CamperBot
@camperbot
Nov 13 2015 10:44
majd900 sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
:star: 720 | @takumar | http://www.freecodecamp.com/takumar
Jazmine
@medusanxs
Nov 13 2015 10:48
@Majd900 Its wordpress, its a theme. Most Wordpress are in php/JS
Majd900
@Majd900
Nov 13 2015 10:50
@medusanxs ahh
@medusanxs Thanks :D!
CamperBot
@camperbot
Nov 13 2015 10:50
majd900 sends brownie points to @medusanxs :sparkles: :thumbsup: :sparkles:
:warning: majd900 already gave medusanxs points
bananabrick
@bananabrick
Nov 13 2015 10:54
Hey,
I just finished my HTML/CSS and bootstrap sections
But it doesn't seem like I can do this on my own w/o instructions.
Are these topics touched on again, later?
h4r1m4u
@h4r1m4u
Nov 13 2015 10:59
@bananabrick no, i'm afraid there are no more exercises on those topics in FCC. later you'll be working on ziplines where you'll need to utilize these skills, but the ziplines don't give you any instructions, only tasks to complete
you might need to look up some additional tutorials and do research
bananabrick
@bananabrick
Nov 13 2015 11:00
Alright
h4r1m4u
@h4r1m4u
Nov 13 2015 11:01
bootstrap has great documentation on their website which helps a lot. but if you're new to HTML/CSS as well, it might be tough
Majd900
@Majd900
Nov 13 2015 11:03
Guys what's the difference in changing the number?
col-xs-4
Aleksander Gębicki
@Takumar
Nov 13 2015 11:04
@Majd900 this number can be from the range of 1-12, because Bootstrap divides screen to 12 columns and you can select how many of this column your element will take.
Of course, you can divide one such element to next 12 smaller columns.
Majd900
@Majd900
Nov 13 2015 11:04
@Takumar Oh so just the size?
Aleksander Gębicki
@Takumar
Nov 13 2015 11:05
Yes, but also important is "xs", because it tells you for what type of screen this style is.
xs - extra small for smartphones, md, sm and so on.
https://getbootstrap.com/examples/grid/
Majd900
@Majd900
Nov 13 2015 11:20
Guys how to add a class into this
<button type="submit">Submit</button>
I tried doing this but didnt work
Del
@RoboDel
Nov 13 2015 11:21
What's the problem here?
var myCar = new Car(); myCar.typeCar = "truck";
Aleksander Gębicki
@Takumar
Nov 13 2015 11:21
@Majd900 you add class to any tag in similar way:
<tag class="Name-of-Class">
Jazmine
@medusanxs
Nov 13 2015 11:21
@Majd900 I really suggest reviewing the earlier lessons if its been awhile.
Del
@RoboDel
Nov 13 2015 11:21
ERROR The property nickname of myCar should be a string.
Majd900
@Majd900
Nov 13 2015 11:21
<button type="submit; class="btn btn-primary">Submit</button>
h4r1m4u
@h4r1m4u
Nov 13 2015 11:21
@RoboDel you've given myCar propery 'typeCar' with value 'truck'
you need to give it a property 'nickname' with some value
Majd900
@Majd900
Nov 13 2015 11:22
@Takumar No see, i don't want to remove that "button type"
Aleksander Gębicki
@Takumar
Nov 13 2015 11:22
@Majd900 when you open something close it (I mean quotation tags).
<button type="submit" class="btn">
Majd900
@Majd900
Nov 13 2015 11:30
@Takumar Thanks :D got it like this
CamperBot
@camperbot
Nov 13 2015 11:30
majd900 sends brownie points to @takumar :sparkles: :thumbsup: :sparkles:
:warning: majd900 already gave takumar points
Majd900
@Majd900
Nov 13 2015 11:30
<button type="submit" class="btn btn-primary">Submit</button>
Del
@RoboDel
Nov 13 2015 11:30
@h4r1m4u thanks ; I really need to take there instructions literal, I was making up a nickname instead of using "nickname"
CamperBot
@camperbot
Nov 13 2015 11:30
robodel sends brownie points to @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 662 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
Del
@RoboDel
Nov 13 2015 11:31
@h4r1m4u I'm embarrassed to say I've been messing w/ that for the last 1/2 hour
h4r1m4u
@h4r1m4u
Nov 13 2015 11:31
@RoboDel you're not alone. i see this pop up all the time. i think the wording on the waypoint is unfortunate
so, don't feel embarrassed
Del
@RoboDel
Nov 13 2015 11:32
Thanks again, hope you're having a good day...the sun is about to rise here :)
h4r1m4u
@h4r1m4u
Nov 13 2015 11:32
sun just set over here :)
good day (or good night?) to you too
Del
@RoboDel
Nov 13 2015 11:33
Lol, I'm going to try and push through as long as I can...no sleep for me
h4r1m4u
@h4r1m4u
Nov 13 2015 11:33
that's the spirit! :D
Majd900
@Majd900
Nov 13 2015 11:35
See this too
<button type="submit" class="btn btn-primary"<i class="fa fa-paper-plane"></i> Submit</button>
Del
@RoboDel
Nov 13 2015 11:35
There's a certain point when you hit around 4am that you're really not tired anymore
Majd900
@Majd900
Nov 13 2015 11:35
They're saying "Add a <i class="fa fa-paper-plane"></i> within your submit button element."
h4r1m4u
@h4r1m4u
Nov 13 2015 11:35
you forgot to close off your opening <button> tag @Majd900
Majd900
@Majd900
Nov 13 2015 11:37
@h4r1m4u what?
It's closed
Del
@RoboDel
Nov 13 2015 11:37
@Majd900 >
@Majd900 opening tag is not closed
Majd900
@Majd900
Nov 13 2015 11:38
Ahh fixed it
<button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i> Submit</button>
@RoboDel thanks @h4r1m4u
CamperBot
@camperbot
Nov 13 2015 11:38
majd900 sends brownie points to @robodel and @h4r1m4u :sparkles: :thumbsup: :sparkles:
:star: 175 | @robodel | http://www.freecodecamp.com/robodel
:star: 663 | @h4r1m4u | http://www.freecodecamp.com/h4r1m4u
Del
@RoboDel
Nov 13 2015 11:39
:)
Majd900
@Majd900
Nov 13 2015 11:41
Oh god, i wonder how long codes are able to be seen easily, just did a 70 line code, and i'm already lost.
Del
@RoboDel
Nov 13 2015 11:42
My recommended listening for coding power "Tyco - Awake"
Jazmine
@medusanxs
Nov 13 2015 11:42
@Majd900 Have you tried using a code-text editor?
I use NotePad ++ on winders, and Atom on Mac
Majd900
@Majd900
Nov 13 2015 11:42
@medusanxs Yeah i used alot, but i didn't like them that much
Jazmine
@medusanxs
Nov 13 2015 11:42
Both help, color code, and show me my mistakes if I forget to close.
Majd900
@Majd900
Nov 13 2015 11:42
I tried Atom and Notepad++
Notepad++ is alot more better than Atom
Jazmine
@medusanxs
Nov 13 2015 11:43
Most of the mistakes you are seeing/showing us are things they might help you to catch.
Del
@RoboDel
Nov 13 2015 11:43
Started using Brackets
Jazmine
@medusanxs
Nov 13 2015 11:43
Maybe the Codepen.io ?