These are chat archives for FreeCodeCamp/Help

30th
Nov 2015
Blauelf
@Blauelf
Nov 30 2015 00:00
@Sokos6 You are supposed to add the <i></i> with jQuery on runtime
Will Sokolowski
@Sokos6
Nov 30 2015 00:01
Ok i'm lost :(
i mean...i passed it without doing that...what did I do wrong?
Manish Giri
@Manish-Giri
Nov 30 2015 00:02
because you're meant to use jQuery, not change stuff in html
Will Sokolowski
@Sokos6
Nov 30 2015 00:03
ok, that's what I was getting at, and where I was stuck. I'll look into it more and figure it out.
Manish Giri
@Manish-Giri
Nov 30 2015 00:04
@Sokos6 this might help- http://api.jquery.com/html/
Will Sokolowski
@Sokos6
Nov 30 2015 00:05
thank you, I appreciate it
Vik
@vvang044
Nov 30 2015 00:07
how to create a class called thick-green-border that puts 10-pixel-wide green border with style of solid around an HTML element and apply to photo?
im getting stuck here
Cassandra Sundberg
@csundberg
Nov 30 2015 00:09
@vvang044 did you place all the code you had after class="smaller-image thick-green-border" into the <style></style> tags above like @Manish-Giri said?
Vik
@vvang044
Nov 30 2015 00:09
yes id id
Cassandra Sundberg
@csundberg
Nov 30 2015 00:09
can you post your version 2 code (i.e. the one you altered after the advice) @vvang044
Michael Chandler
@MMChandler
Nov 30 2015 00:10
@Sokos6 Hi, missed you earlier message. Did you mean the code formatting? It's three backticks (same key as the tilde), the shift + enter
iccomq
@iccomq
Nov 30 2015 00:15
@csundberg hey you posted yesterday that link with a book on css structures right? do you still have it? could you post it
i lost it ;/
Cassandra Sundberg
@csundberg
Nov 30 2015 00:16
iccomq
@iccomq
Nov 30 2015 00:16
thanks @csundberg get a brownie :)
CamperBot
@camperbot
Nov 30 2015 00:16
iccomq sends brownie points to @csundberg :sparkles: :thumbsup: :sparkles:
:star: 213 | @csundberg | http://www.freecodecamp.com/csundberg
Cassandra Sundberg
@csundberg
Nov 30 2015 00:17
mmmm nothing like brownies!
Ethan Leyden
@Darksmurf
Nov 30 2015 00:30
How do you color the code in a <pre> with bootstrap?
iccomq
@iccomq
Nov 30 2015 00:37
i don't know about doing that with a bootstrap specifically, you may want to work around that with <span>'s, however it seems like big chore if you have a lot of code in there and im sure there is a better way.
Cassandra Sundberg
@csundberg
Nov 30 2015 00:37
@Darksmurf in general most things can be overcome with specificity. Might be a little dirty, but it'll work in a pinch.
Ethan Leyden
@Darksmurf
Nov 30 2015 00:38
hmmm
Cassandra Sundberg
@csundberg
Nov 30 2015 00:38
but as @iccomq said, it isn't a Bootstrap specific solution @Darksmurf
Ethan Leyden
@Darksmurf
Nov 30 2015 00:38
Well, I was planning on rewriting how boostrap did it in my own way
iccomq
@iccomq
Nov 30 2015 00:42
you can always try to write a script that will break up a string in pre, will find key words, and will color them as you like, which in my perspective looks like pretty nice little project... ill probably try to do it
Ethan Leyden
@Darksmurf
Nov 30 2015 00:43
:laughing: lol
I was thinking the same thing
When you have a <pre> nested in an element, do you have to put the content in the pre all the way against the side of the page like this:
    <body>
        <pre>
function() {
    alert('Hello world!');
}
        </pre>
    </body>
or is there a better way?
iccomq
@iccomq
Nov 30 2015 00:45
honestly, i have no idea, i don't realy know how to use <pre> properly, have no experience with it
Techno Creeper
@TechnoCreeper2
Nov 30 2015 00:47
me neither, also hi!
whats the problem
iccomq
@iccomq
Nov 30 2015 00:48
the problem is, we don't know how to use <pre> properly :D
Chris
@chrisamoorejr
Nov 30 2015 00:48
hey can anyone help me?im new to coding and i think ive hit a point where i am stuck. Ive hit a wall at "Waypoint: Use Conditional Logic with If and Else Statements"
iccomq
@iccomq
Nov 30 2015 00:48
@chrisamoorejr sure, whats a problem?
Techno Creeper
@TechnoCreeper2
Nov 30 2015 00:48
well im stuck on that problem also iccomq
i never even heard of <pre>
JS is where im good at
Robert Richey
@0x0936
Nov 30 2015 00:49
@Darksmurf after a simple test on codepen, it appears anything within <pre></pre> is white space sensitive
Techno Creeper
@TechnoCreeper2
Nov 30 2015 00:49
so no white space then
Herman Fassett
@HermanFassett
Nov 30 2015 00:49
Yes, pre is fixed-width keeping spaces and line breaks
Chris
@chrisamoorejr
Nov 30 2015 00:50
@iccomp it seems like the lesson skipped a huge hunk of what i need to know. its asking me to create an if and else statement. heads for 0 and tails for not zero
Techno Creeper
@TechnoCreeper2
Nov 30 2015 00:50
this is why art class is a thing. to teach us white space and later on using it for <pre> in html lol
iccomq
@iccomq
Nov 30 2015 00:51
@chrisamoorejr this exercise is simpler than you make it to be, you already have the function that returns randomly either 0 or 1
@chrisamoorejr so you just need to follow example and make if statement that checks if it threw either 0 or 1
Chris
@chrisamoorejr
Nov 30 2015 00:52
i think i understand what you are saying...
Dominic Vargas
@iDominic
Nov 30 2015 00:52
@0x0936 @Darksmurf The CSS property "white-space" can also be used to force an element to treat white space a particular way.
Techno Creeper
@TechnoCreeper2
Nov 30 2015 00:52
chris im on the waypoint now
iccomq
@iccomq
Nov 30 2015 00:52
@chrisamoorejr with a little though youll see that in if statement, you need just one condition, you need to ask, either if it is 0, or if it is one
then in a body of statement you make it return proper string and viola!
Chris
@chrisamoorejr
Nov 30 2015 00:53
are you stuck too techno? ok @iccomq im gonna give it a try
thank you
Techno Creeper
@TechnoCreeper2
Nov 30 2015 00:54
im stuck too D:
iccomq
@iccomq
Nov 30 2015 00:54
@TechnoCreeper2 where are you stuck?
Techno Creeper
@TechnoCreeper2
Nov 30 2015 00:54
well i dont know what theyre talking about
there is nothing in the function code block
Jesse Hadley
@j-hadley
Nov 30 2015 00:56
@TechnoCreeper2 @iccomq I got stuck for a bit on that one too... what helped me was when I realized you have to assign a value to the else portion of the If statement. Hope this helps. :)
Techno Creeper
@TechnoCreeper2
Nov 30 2015 00:56
well i just clicked on the waypoint in freecodecamp.com/challenges
im doing the entire basic JS lessons now
iccomq
@iccomq
Nov 30 2015 00:58
huh @0x0936
you had this problem with missing code in completed exercises?
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:00
iccomq r u talking to me
iccomq
@iccomq
Nov 30 2015 01:00
nope, im tryin to summon dragon warrior
Robert Richey
@0x0936
Nov 30 2015 01:00
@iccomq I've heard of code missing sometimes, but never had it happen to me. Clicking the blue reset button should fix it.
Chris
@chrisamoorejr
Nov 30 2015 01:00
i think he was talking to both of us
oh nvm
Robert Richey
@0x0936
Nov 30 2015 01:01
find reset
CamperBot
@camperbot
Nov 30 2015 01:01
find reset
nothing found
iccomq
@iccomq
Nov 30 2015 01:01
@0x0936 i was talkin to someone whose solutions were lacking or missing
at a time the problem did not touch me, but now it does
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:01
summon dragon warrior? is this a minecraft mod or something?
iccomq
@iccomq
Nov 30 2015 01:02
godamn panda from animated movie in @0x0936 s avatar
is a dragon warrior :D
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:02
oh i dont watch that show is it still going?
Robert Richey
@0x0936
Nov 30 2015 01:02
@iccomq hard to say for sure. solutions are stored in the browsers local storage, and supposedly on a database. that's about all I can tell you.
@iccomq as evident by this wiki entry
wiki storage
CamperBot
@camperbot
Nov 30 2015 01:03

:point_right: clear your browser's local storage [wiki]

Removing all your locally stored challenges will solve many problems related to the browser crashing on FreeCodeCamp

In Chrome:

  • On 'freecodecamp.com' open your console
    • Windows: Ctrl + Shift + J
    • Mac OS: Cmd + Opt + J
  • Go to resources tab(chrome).
    • There click on the localStorage link in the nav bar on the right.
  • Delete all the entries on the right side.
  • See if this solves your issue

Alternatively, if you are having issues with a specific challenge freezing your browser, find the name of that challenge in local storage and delete just that one.
:pencil: read more about clear your browsers local storage on the FCC Wiki

iccomq
@iccomq
Nov 30 2015 01:03
well its not a big deal right, its just inconvenience
i think @raw1211 had this situation
well nevermind
Jason C.
@jayman3838
Nov 30 2015 01:04

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
}

</style>

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

<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat">

how would i get the boarder around the image
help pl
CamperBot
@camperbot
Nov 30 2015 01:04

:point_right: 10 steps to plan better so you can write less code [wiki]

Learn how to plan your future project!

Blog post written by BiancaMihai - GitHub / Twitter

An ounce of preparation is worth a pound of cure. That's true in medicine, and that's definitely true in software development.

Here's a structured 10-step workflow that will guide you through the app planning process, with the goal of saving you from writing a lot of unnecessary code.

Together, we'll plan out a simple "To-do" single-page web app. We'll also plan for an API backend for a future mobile app.

1) Create our Trello board

Trello is a fun, free way to break your planning and development process into small tasks that can be tracked.

Image of Trello board

Here's what our Trello board will eventually look like. I prefer to split my tasks into 3 columns (depending on the complexity of the project):

iccomq
@iccomq
Nov 30 2015 01:04
@jayman3838 you need to add class thick-green-border in image
Cassandra Sundberg
@csundberg
Nov 30 2015 01:04
@jayman3838 add your new class to the img element!
Robert Richey
@0x0936
Nov 30 2015 01:05
that's a pretty cool, accidental cbot summon. didn't know about the plan entry
iccomq
@iccomq
Nov 30 2015 01:05
as it already has a class, just put it in there next to existing one after a space
Jason C.
@jayman3838
Nov 30 2015 01:05
let me try quick
Nikica Roksandic
@Nikica450
Nov 30 2015 01:05
Guys, do u know how can I include multiple classes to my img element?
Jason C.
@jayman3838
Nov 30 2015 01:06
didnt work guys
iccomq
@iccomq
Nov 30 2015 01:06
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat">
Manish Giri
@Manish-Giri
Nov 30 2015 01:06
@Nikica450 separate classes by a space
Cassandra Sundberg
@csundberg
Nov 30 2015 01:06
<img class="class1 class2 class-name-3" src="https://stuffandjunk"> @nikica450
Nikica Roksandic
@Nikica450
Nov 30 2015 01:07
Actually im stuck with the same challenge as Jayman as I can see
Thanks
Ill try that now :D
Jason C.
@jayman3838
Nov 30 2015 01:07
thanks @iccomq
CamperBot
@camperbot
Nov 30 2015 01:07
jayman3838 sends brownie points to @iccomq :sparkles: :thumbsup: :sparkles:
:star: 260 | @iccomq | http://www.freecodecamp.com/iccomq
iccomq
@iccomq
Nov 30 2015 01:07
yay brownie
Cassandra Sundberg
@csundberg
Nov 30 2015 01:07
tee hee
Jason C.
@jayman3838
Nov 30 2015 01:07
what did i just do?
iccomq
@iccomq
Nov 30 2015 01:07
you gave me internet point
by thanking me
Cassandra Sundberg
@csundberg
Nov 30 2015 01:07
about @iccomq
CamperBot
@camperbot
Nov 30 2015 01:07
:star: 260 | @iccomq | http://www.freecodecamp.com/iccomq
Manish Giri
@Manish-Giri
Nov 30 2015 01:08
I guess Cassandra too deserves brownies! There you go! Thanks @csundberg :smile:
CamperBot
@camperbot
Nov 30 2015 01:08
manish-giri sends brownie points to @csundberg :sparkles: :thumbsup: :sparkles:
:star: 214 | @csundberg | http://www.freecodecamp.com/csundberg
Jason C.
@jayman3838
Nov 30 2015 01:08
what does that mean @iccomq
Cassandra Sundberg
@csundberg
Nov 30 2015 01:08
the number to the right of the star goes up when people thank and tag his username
iccomq
@iccomq
Nov 30 2015 01:08
help brownies
CamperBot
@camperbot
Nov 30 2015 01:08
no wiki entry for: brownies
:pencil: click here to create one now!after creating your page type update to reload it here
iccomq
@iccomq
Nov 30 2015 01:08
help brownie
CamperBot
@camperbot
Nov 30 2015 01:08

:point_right: brownie points [wiki]

The number beside your picture on Free Code Camp tells you how many Brownie Points you have.

A user profile picture next to a with Brownie Points score

There are three ways you can get Brownie Points:

  1. Complete challenges - you get one point per challenge you complete
  2. Post relevant links on Camper News - you get 1 point for posting a link, and another point for each upvote your link gets
  3. Help other campers in chat - each time you help another camper and they thank you (by typing "thanks @yourname"), you will get a point

Brownie Points help you look like the kind of person who codes a lot, shares relevant links, and helps people.

They also add to your Streak.
:pencil: read more about brownie points on the FCC Wiki

Jason C.
@jayman3838
Nov 30 2015 01:08
oh sweet thanks @csundberg
0x0936 @0x0936 wants to be a brownie farmer
iccomq
@iccomq
Nov 30 2015 01:09
heheh hehe
Nikica Roksandic
@Nikica450
Nov 30 2015 01:09
Damn, im so stupid, still cant figure out that thing u told me @csundberg
iccomq
@iccomq
Nov 30 2015 01:09
nik a few messages above i posted how it should look
Cassandra Sundberg
@csundberg
Nov 30 2015 01:09
you know how you add class="class-name-here"
Nikica Roksandic
@Nikica450
Nov 30 2015 01:09
Yes I know how to add a class
Wait icco ill take a look
Cassandra Sundberg
@csundberg
Nov 30 2015 01:10
put in a second clas name with a space in between e.g.
@Nikica450
class="class1 class2"
Nikica Roksandic
@Nikica450
Nov 30 2015 01:10
@iccomq I did that , but i have 2 classes and he only regognizes 1
Ok
Now I have 3 classes ,
Cassandra Sundberg
@csundberg
Nov 30 2015 01:11
you may have misspelled one of the names or missed a . in the definition in the style tags @Nikica450
iccomq
@iccomq
Nov 30 2015 01:11
check if names are correct
Cassandra Sundberg
@csundberg
Nov 30 2015 01:11
@Nikica450 also, case sensitivity
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:11
like right now im tagging to iccomq
@iccomq
Nikica Roksandic
@Nikica450
Nov 30 2015 01:12
Oh
well I have now 3 classes, and I renamed the other two into class1 and class2...Am I right or...?
:sa:
:worried:
iccomq
@iccomq
Nov 30 2015 01:12
you dont have to rename anything
Cassandra Sundberg
@csundberg
Nov 30 2015 01:13
what @iccomq said @Nikica450
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:13
well this is what it should look like:
Cassandra Sundberg
@csundberg
Nov 30 2015 01:13
@Nikica450 those names were meant to be generic examples
Manish Giri
@Manish-Giri
Nov 30 2015 01:13
the examples provided here are just for your reference, you don't have to actually name your classes as class1 @nikica450
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:13
class="smaller-image thick-green-border other-class-name"
Nikica Roksandic
@Nikica450
Nov 30 2015 01:13
Will try now that
Cassandra Sundberg
@csundberg
Nov 30 2015 01:14
@Nikica450 you could easily have
<h1 class="rainbow-text largest-font all-caps-forever-lol-cats">Amazing!</h1>
iccomq
@iccomq
Nov 30 2015 01:14
Amazing!
Nikica Roksandic
@Nikica450
Nov 30 2015 01:14
Hey guys
I got it
thank u all!
Cassandra Sundberg
@csundberg
Nov 30 2015 01:14
@Nikica450 NEAT!
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:14
ur welcome
Nikica Roksandic
@Nikica450
Nov 30 2015 01:14
How can I send u a brownie?
xD
iccomq
@iccomq
Nov 30 2015 01:14
thank you
Nikica Roksandic
@Nikica450
Nov 30 2015 01:14
All of u
iccomq
@iccomq
Nov 30 2015 01:14
  • paging
Cassandra Sundberg
@csundberg
Nov 30 2015 01:14
by saying thanks and tagging our names
find brownie
CamperBot
@camperbot
Nov 30 2015 01:14

find brownie

:zero: brownie points

iccomq
@iccomq
Nov 30 2015 01:15
thank you @csundberg
CamperBot
@camperbot
Nov 30 2015 01:15
iccomq sends brownie points to @csundberg :sparkles: :thumbsup: :sparkles:
:warning: iccomq already gave csundberg points
iccomq
@iccomq
Nov 30 2015 01:15
wooo
Nikica Roksandic
@Nikica450
Nov 30 2015 01:15
Thanks @csundberg @iccomq @TechnoCreeper2 @Manish-Giri
CamperBot
@camperbot
Nov 30 2015 01:15
nikica450 sends brownie points to @csundberg and @iccomq and @technocreeper2 and @manish-giri :sparkles: :thumbsup: :sparkles:
:star: 261 | @iccomq | http://www.freecodecamp.com/iccomq
:star: 46 | @technocreeper2 | http://www.freecodecamp.com/technocreeper2
:star: 215 | @csundberg | http://www.freecodecamp.com/csundberg
:star: 245 | @manish-giri | http://www.freecodecamp.com/manish-giri
Robert Richey
@0x0936
Nov 30 2015 01:15
brownie points!
Cassandra Sundberg
@csundberg
Nov 30 2015 01:15
neato burrito @Nikica450
iccomq
@iccomq
Nov 30 2015 01:15
thank you @0x0936
CamperBot
@camperbot
Nov 30 2015 01:15
iccomq sends brownie points to @0x0936 :sparkles: :thumbsup: :sparkles:
:star: 421 | @0x0936 | http://www.freecodecamp.com/0x0936
Nikica Roksandic
@Nikica450
Nov 30 2015 01:15
:D @csundberg
Robert Richey
@0x0936
Nov 30 2015 01:16
no, thank you @iccomq
CamperBot
@camperbot
Nov 30 2015 01:16
0x0936 sends brownie points to @iccomq :sparkles: :thumbsup: :sparkles:
:star: 262 | @iccomq | http://www.freecodecamp.com/iccomq
Cassandra Sundberg
@csundberg
Nov 30 2015 01:16
lol
iccomq
@iccomq
Nov 30 2015 01:16
if make it so @0x0936
:D
Nikica Roksandic
@Nikica450
Nov 30 2015 01:16
Well thank you all! I can go to sleep now :D Gn :D
Cassandra Sundberg
@csundberg
Nov 30 2015 01:16
sleep well @Nikica450 !
iccomq
@iccomq
Nov 30 2015 01:16
good night
Nikica Roksandic
@Nikica450
Nov 30 2015 01:16
Thanks @csundberg @iccomq !
CamperBot
@camperbot
Nov 30 2015 01:16
nikica450 sends brownie points to @csundberg and @iccomq :sparkles: :thumbsup: :sparkles:
:warning: nikica450 already gave iccomq points
:warning: nikica450 already gave csundberg points
iccomq
@iccomq
Nov 30 2015 01:17
im just about to start pomodoro clock, uh
Cassandra Sundberg
@csundberg
Nov 30 2015 01:17
really?
Robert Richey
@0x0936
Nov 30 2015 01:17
cool
Manish Giri
@Manish-Giri
Nov 30 2015 01:17
@iccomq I was supposed to start pomodoro like yesterday
Cassandra Sundberg
@csundberg
Nov 30 2015 01:17
I am still reading the book (it seems short)
then the Lynda stuff we were linked to yesterday
iccomq
@iccomq
Nov 30 2015 01:18
@Manish-Giri i was on first zip like ages
Manish Giri
@Manish-Giri
Nov 30 2015 01:18
but I gave up. I have to finish other stuff in between(Red Black Trees, and other crap).
Cassandra Sundberg
@csundberg
Nov 30 2015 01:18
then finish my first pass protfolio
iccomq
@iccomq
Nov 30 2015 01:18
procrastination man, i half assed that portfolio so much
Cassandra Sundberg
@csundberg
Nov 30 2015 01:18
@Manish-Giri why the red-black trees? in another CS program?
iccomq
@iccomq
Nov 30 2015 01:18
im actually pretty disappointed in myself
but well whatever
Manish Giri
@Manish-Giri
Nov 30 2015 01:18
@csundberg indeed
Cassandra Sundberg
@csundberg
Nov 30 2015 01:19
@iccomq just update it as your portfolio fills out!
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:19
did u know i have a YT channel?
Cassandra Sundberg
@csundberg
Nov 30 2015 01:19
@Manish-Giri which languages?
@TechnoCreeper2 what about?
iccomq
@iccomq
Nov 30 2015 01:19
i will probably just redesign the whole thing
Cassandra Sundberg
@csundberg
Nov 30 2015 01:19
@iccomq that's the spirit!
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:19
im trying to upload MC but my drivers arent compatible
var sadnessLevels = 9999999999;
Manish Giri
@Manish-Giri
Nov 30 2015 01:20
@csundberg proficient - Java, JS. Fluent - Python, Ruby, C, Objective-C..
iccomq
@iccomq
Nov 30 2015 01:20
i mean when you are using bootstrap and your site is not even mobile unfriendly, its mobile-hostile, you know you did terrible job xD
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:21
ive heard of bootstrap but ive never used it. i think its made by twitter
iccomq
@iccomq
Nov 30 2015 01:21
@Manish-Giri whoah thats pretty wide variety
Cassandra Sundberg
@csundberg
Nov 30 2015 01:21
hmm, never did the iOS stuff; looked like ugly choices of operators at first glance :P @Manish-Giri
Manish Giri
@Manish-Giri
Nov 30 2015 01:22
@TechnoCreeper2 everything(well almost everything) you can do in Boostrap, you can do with CSS. BS just saves you time.
Ethan Leyden
@Darksmurf
Nov 30 2015 01:22
I'm trying to write code that doesn't depend on jQuery, and was wondering how to count the number of elements by a certain teg name
right now I have document.getElementsByTagName('pre').length
*tag name
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:22
hmmmm
well here's the #1 step of solving this: Google
Ethan Leyden
@Darksmurf
Nov 30 2015 01:23
I tried that
iccomq
@iccomq
Nov 30 2015 01:23
@Darksmurf to count them you need to iterate through dom
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:23
YouTube?
Ethan Leyden
@Darksmurf
Nov 30 2015 01:23
and that's how I got .length
I don't have youtube
Manish Giri
@Manish-Giri
Nov 30 2015 01:23
@csundberg I actually did a lot of Android Dev earlier, the ugliness of which made me realize how much I liked Xcode better, which eventually made me shift to iOS and Obj-C. But yeah, Obj-C syntax is a bit weird, but then again - Swift's here now, so you might as well give it a try!
Ethan Leyden
@Darksmurf
Nov 30 2015 01:23
It's blocked my my school computer
Jason C.
@jayman3838
Nov 30 2015 01:23
Your a element should be a dead link with a href attribute set to "#".
when it says this what am i changing?
Ethan Leyden
@Darksmurf
Nov 30 2015 01:24
How do I iterate over the DOM
Cassandra Sundberg
@csundberg
Nov 30 2015 01:24
@Manish-Giri when I had to do red/black I ended up converting the whole thing to 2-3-4 trees on an exam to make it easier for me. (rules are more intuitive that way)
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:24
go to torproject.org and download Tor it cancels all web blocks in the browser
Ethan Leyden
@Darksmurf
Nov 30 2015 01:24
Nvm
iccomq
@iccomq
Nov 30 2015 01:24
@csundberg will help you better as it is best done with recursion
Manish Giri
@Manish-Giri
Nov 30 2015 01:24
@csundberg lol yeah!
Jason C.
@jayman3838
Nov 30 2015 01:25
@iccomq what do i change when it says this?. Your a element should be a dead link with a href attribute set to "#".
Cassandra Sundberg
@csundberg
Nov 30 2015 01:25
@iccomq I haven't re-delved into the DOM that hardcore yet. I can only service hypotheticals at this point!
Manish Giri
@Manish-Giri
Nov 30 2015 01:25
I just finished writing a Binary search tree sometime back, and the number of cases for "delete" alone almost killed me.
iccomq
@iccomq
Nov 30 2015 01:26
@jayman3838 dead link is a link that when clicked does nothing, you achieve that by setting href to '#'
Manish Giri
@Manish-Giri
Nov 30 2015 01:26
@Darksmurf you have methods like .children() in jQuery
Cassandra Sundberg
@csundberg
Nov 30 2015 01:26
the href attribute of you <a></a> tag should be set to # instead of an actual URL @jayman3838
Ethan Leyden
@Darksmurf
Nov 30 2015 01:26
I'm trying to avoid jQuery
iccomq
@iccomq
Nov 30 2015 01:27
so for example, <a href='#'>put here text or image or whatever to make it a dead link</a>
@jayman3838
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:28
Darksmurf use Tor its a browser without restrictions
Manish Giri
@Manish-Giri
Nov 30 2015 01:28
@Darksmurf with pure JS you have things like nextSibling, etc
Ethan Leyden
@Darksmurf
Nov 30 2015 01:28
hmm
okay thanks @Manish-Giri
CamperBot
@camperbot
Nov 30 2015 01:28
darksmurf sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star: 246 | @manish-giri | http://www.freecodecamp.com/manish-giri
Jason C.
@jayman3838
Nov 30 2015 01:28
thanks @iccomq
CamperBot
@camperbot
Nov 30 2015 01:28
jayman3838 sends brownie points to @iccomq :sparkles: :thumbsup: :sparkles:
:warning: jayman3838 already gave iccomq points
Cassandra Sundberg
@csundberg
Nov 30 2015 01:28
@Manish-Giri once upon a college degree. Man, using libraries amirite?
I'll throw you a bone, thanks for saying it better @iccomq
CamperBot
@camperbot
Nov 30 2015 01:29
csundberg sends brownie points to @iccomq :sparkles: :thumbsup: :sparkles:
:star: 263 | @iccomq | http://www.freecodecamp.com/iccomq
Manish Giri
@Manish-Giri
Nov 30 2015 01:30
This message was deleted
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:30
wait...
Manish Giri
@Manish-Giri
Nov 30 2015 01:30
@csundberg always!
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:30
@Manish-Giri thanks
CamperBot
@camperbot
Nov 30 2015 01:30
technocreeper2 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:30
@Manish-Giri thanks
CamperBot
@camperbot
Nov 30 2015 01:30
:star: 247 | @manish-giri | http://www.freecodecamp.com/manish-giri
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:30
@Manish-Giri thanks
CamperBot
@camperbot
Nov 30 2015 01:30
technocreeper2 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:warning: technocreeper2 already gave manish-giri points
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:31
oh i was trying to find an exploit for infinite point giving
Anne Swedberg
@sweann
Nov 30 2015 01:31
GENERAL ISSUE: Anyone know how to reset your code window besides in the actual code window?
Cassandra Sundberg
@csundberg
Nov 30 2015 01:32
@iccomq that cache clearing apply here?
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:32
@sweann under Run Tests theres a button that says Reset
iccomq
@iccomq
Nov 30 2015 01:33
well solutions are also stored on server
clearing cache may help for some errors
@Darksmurf heres a little lecture on counting and searching elements in dom with native JS
Ethan Leyden
@Darksmurf
Nov 30 2015 01:35
thanks @iccomq
CamperBot
@camperbot
Nov 30 2015 01:35
darksmurf sends brownie points to @iccomq :sparkles: :thumbsup: :sparkles:
:star: 264 | @iccomq | http://www.freecodecamp.com/iccomq
iccomq
@iccomq
Nov 30 2015 01:36
I have also opened Definitive JS guide on the topic, but im to lazy for rewriting
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:36
wow
iccomq
@iccomq
Nov 30 2015 01:36
and that article seems quite good and indepth
looking pretty fast through it theres a method .getElementByTagName
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:38
is there a good way to learn to code java the fun way?
all the fun ways in the internet are paid
iccomq
@iccomq
Nov 30 2015 01:39
so
var tables = document.getElementByTagName('table');  //returns nodeList (array-like object)
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:39
and i dont have a job yet cause im not even 13
i dont get paid also
iccomq
@iccomq
Nov 30 2015 01:39
so it has property length you can use to count them @Darksmurf
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:39
how do you do something like that where it shows as code text and not regular text
Manish Giri
@Manish-Giri
Nov 30 2015 01:40
@TechnoCreeper2 use three backticks
iccomq
@iccomq
Nov 30 2015 01:40
help formatting
CamperBot
@camperbot
Nov 30 2015 01:40
no wiki entry for: formatting
:pencil: click here to create one now!after creating your page type update to reload it here
iccomq
@iccomq
Nov 30 2015 01:40
help format
CamperBot
@camperbot
Nov 30 2015 01: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

Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:40
whats a backtick?
Cassandra Sundberg
@csundberg
Nov 30 2015 01:40
the ~ key @TechnoCreeper2
Anne Swedberg
@sweann
Nov 30 2015 01:40
@TechnoCreeper2 I know BUT my code crashes Chrome before I can reset it!
Cassandra Sundberg
@csundberg
Nov 30 2015 01:41
the grave or backtick is underneath it. @TechnoCreeper2
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:41
@sweann hmm
iccomq
@iccomq
Nov 30 2015 01:41
@sweann open it in IE8 (nothing works there) you may be able to reset it there xD
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:41
i know now
thanks @csundberg @camperbot
CamperBot
@camperbot
Nov 30 2015 01:42
technocreeper2 sends brownie points to @csundberg and @camperbot :sparkles: :thumbsup: :sparkles:
:star: 628 | @camperbot | http://www.freecodecamp.com/camperbot
:star: 216 | @csundberg | http://www.freecodecamp.com/csundberg
Cassandra Sundberg
@csundberg
Nov 30 2015 01:42
didn't know you could thank camperbot!
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:42
yeah you could
iccomq
@iccomq
Nov 30 2015 01:43
camper bot is shady guy, is in charge of giving and prohibiting brownie intake
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:43
well im going back to coding
iccomq
@iccomq
Nov 30 2015 01:43
Thanks @iccomq
CamperBot
@camperbot
Nov 30 2015 01:43
sorry iccomq, you can't send brownie points to yourself! :sparkles: :sparkles:
Cassandra Sundberg
@csundberg
Nov 30 2015 01:43
but without him... you couldn't collect the brownies in your treasure chest to look upon in your times of need
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:44
i have this gitter site open in a tab
lol
Cassandra Sundberg
@csundberg
Nov 30 2015 01:44
about @csundberg
CamperBot
@camperbot
Nov 30 2015 01:44
:star: 216 | @csundberg | http://www.freecodecamp.com/csundberg
Cassandra Sundberg
@csundberg
Nov 30 2015 01:44
btw it is really obnoxious to try an tag yourself
iccomq
@iccomq
Nov 30 2015 01:45
yeah
Cassandra Sundberg
@csundberg
Nov 30 2015 01:45
kept making me camperbot
iccomq
@iccomq
Nov 30 2015 01:45
i was about to be some random guy
:D
Cassandra Sundberg
@csundberg
Nov 30 2015 01:45
lol
Manish Giri
@Manish-Giri
Nov 30 2015 01:47
anyone know why the Gitter desktop app on a Mac doesn't notify(play a sound) you when tagged?
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:47
im on a pc and it doesnt make a sound
Cassandra Sundberg
@csundberg
Nov 30 2015 01:48
Sorry, don't use the Mac side of my laptop (that's why I have no free space on my laptop :cry: )
Manish Giri
@Manish-Giri
Nov 30 2015 01:48
@TechnoCreeper2 check your notification settings
iccomq
@iccomq
Nov 30 2015 01:48
@Manish-Giri i wish i could help but i dont have a gitter app, and i dont have a mac, what i can do though is wish the best for you.
Cassandra Sundberg
@csundberg
Nov 30 2015 01:48
@iccomq what a good spirit!
iccomq
@iccomq
Nov 30 2015 01:49
yay me right
doing nothing, and proud about it :D
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:49
sends brownie points to @csundberg
Cassandra Sundberg
@csundberg
Nov 30 2015 01:49
lol
Manish Giri
@Manish-Giri
Nov 30 2015 01:49
ah well, thanks @iccomq and @csundberg
CamperBot
@camperbot
Nov 30 2015 01:49
manish-giri sends brownie points to @iccomq and @csundberg :sparkles: :thumbsup: :sparkles:
:warning: manish-giri already gave csundberg points
:star: 265 | @iccomq | http://www.freecodecamp.com/iccomq
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:50
@Manish-Giri i did and chrome asked me to allow sending notifications and i clicked yes and it worked! thanks @Manish-Giri
CamperBot
@camperbot
Nov 30 2015 01:50
technocreeper2 sends brownie points to @manish-giri and @manish-giri :sparkles: :thumbsup: :sparkles:
:warning: technocreeper2 already gave manish-giri points
:warning: technocreeper2 already gave manish-giri points
Manish Giri
@Manish-Giri
Nov 30 2015 01:51
@TechnoCreeper2 glad to be of help!
Techno Creeper
@TechnoCreeper2
Nov 30 2015 01:56
http://www.freecodecamp.com/challenges/waypoint-add-new-properties-to-a-javascript-object reminds me of minecraft when you do /entitydata Pig[r=3] {} and it tells you all the properties the pig has and in this waypoint it tells you all the things the dog has
you probably have no idea what im talking about
Cassandra Sundberg
@csundberg
Nov 30 2015 01:57
never dived so deep. Only contributed a very minute mount of code in the MC TD Mod my husband made
iccomq
@iccomq
Nov 30 2015 01:57
yup, can confirm, no idea
Cassandra Sundberg
@csundberg
Nov 30 2015 01:57
so never did console/creative stuff; other MC was usually vanilla survival mode
iccomq
@iccomq
Nov 30 2015 01:58
@csundberg hows your progress?
Cassandra Sundberg
@csundberg
Nov 30 2015 01:58
I'm on Selector Performance of the book I linked
iccomq
@iccomq
Nov 30 2015 01:58
i mean the FCC :)
Cassandra Sundberg
@csundberg
Nov 30 2015 01:58
but I think we are actually resuming yesterday's MC TD game in a moment
yeah but I put my website on hold while I look through CSS more hard code. I'll use brownies to keep my streak :)
iccomq
@iccomq
Nov 30 2015 02:00
help streak
CamperBot
@camperbot
Nov 30 2015 02:00

:point_right: streaks [wiki]

Your user profile displays your recent activity. If you get Brownie Points on several consecutive days, you will start a streak.

A picture of a camper's streak readout showing a 21-day streak

This shows everyone that you are highly active in our community, and that you code a lot. When you're learning to code, it's important that you code at least some everyday.
:pencil: read more about streaks on the FCC Wiki

Cassandra Sundberg
@csundberg
Nov 30 2015 02:00
I want to go through the lynda stuff we were shared yesterday then resume portfolio work
I could be encouraged to move sooner
iccomq
@iccomq
Nov 30 2015 02:00
i wish we could actually get something with brownies :(
like uh Aston Martin
Manish Giri
@Manish-Giri
Nov 30 2015 02:01
more like actual brownies
Cassandra Sundberg
@csundberg
Nov 30 2015 02:01
perhaps you can land a better non-for-profit at the end of this?
iccomq
@iccomq
Nov 30 2015 02:02
i don't actually believe that finishing FCC will give me opportunity to land a job
Manish Giri
@Manish-Giri
Nov 30 2015 02:02
@csundberg I see you're going thru the James Williamson course. Quite nice.
iccomq
@iccomq
Nov 30 2015 02:02
theres still a long way
Cassandra Sundberg
@csundberg
Nov 30 2015 02:02
Not yet, haven't started @Manish-Giri but was recommended and I feel like I could use a firm grounding in CSS before going nuts in Frameworks
iccomq
@iccomq
Nov 30 2015 02:03
i need to tell you that this premium chapters are quite irritating :D
Cassandra Sundberg
@csundberg
Nov 30 2015 02:03
I am looking through this book first (although I guess the order wouldn't matter) (seems to be written by a man who worked on Yahoo stuff)
Manish Giri
@Manish-Giri
Nov 30 2015 02:04
@csundberg I personally prefer this CSS book - https://www.nostarch.com/css3_2e
Cassandra Sundberg
@csundberg
Nov 30 2015 02:05
@Manish-Giri it isn't about learning it; it is about organizing it; best architecture practices. Things you really want for the long haul/team code projects/ personal sanity
iccomq
@iccomq
Nov 30 2015 02:06
i need to tell you my css in portfolio zip is such a mess, i really need to read that book
Cassandra Sundberg
@csundberg
Nov 30 2015 02:06
my family restarted the timer. I'm going to go play Tower Defense mod.
iccomq
@iccomq
Nov 30 2015 02:06
i can barely find myself in there, anyone else would probably hit me in a face
Cassandra Sundberg
@csundberg
Nov 30 2015 02:07
see y'all in a bit.
iccomq
@iccomq
Nov 30 2015 02:07
cya
lynnshahuang
@lynnshahuang
Nov 30 2015 02:14
woot, finally went through HTML5 CSS stuff, and going through Bootstrap, still a long way to go
running a marathon
oops, wrong chatroom
Nick Hess
@hessproject
Nov 30 2015 02:21
Got a question for you guys: What is the best way to send a javascript object to php?
I have a JS script that takes a submitted form, and makes an object out of the information, but the backend for the website is running PHP, and I need to get the object to PHP in order to send it to the database.
Robert Richey
@0x0936
Nov 30 2015 02:21
@lynnshahuang nice job, keep it up!
mariocatch
@mariocatch
Nov 30 2015 02:22
@hessproject JSON
lynnshahuang
@lynnshahuang
Nov 30 2015 02:22
@0x0936 gracias
mariocatch
@mariocatch
Nov 30 2015 02:22
@hessproject send the object to your server as JSON, parse the JSON from the server and transform it into your business object, then migrate it into your DB
Jason C.
@jayman3838
Nov 30 2015 02:22
<input type="text" placeholder="cat photo URL"> <form action="/submit-cat-photo"> Nest your text field in a form element. Add the action="/submit-cat-photo" attribute to this form element What am i doing wrong here?
mariocatch
@mariocatch
Nov 30 2015 02:23
@jayman3838 your input isn't in your form
Jason C.
@jayman3838
Nov 30 2015 02:23
thanks
i dont know what u mean by that @mariocatch
what do i have to do
mariocatch
@mariocatch
Nov 30 2015 02:26
@jayman3838 your form should have the input within it. not outside of it
<parent>
  <child/>
</parent>
like so
Jason C.
@jayman3838
Nov 30 2015 02:29
thanks @mariocatch
CamperBot
@camperbot
Nov 30 2015 02:29
jayman3838 sends brownie points to @mariocatch :sparkles: :thumbsup: :sparkles:
:star: 97 | @mariocatch | http://www.freecodecamp.com/mariocatch
dormiandre
@dormiandre
Nov 30 2015 02:39
Your left-well element should have a red background.
You should use the .parent() function to modify this element.
The .parent() method should be called on the #target1 element.
Only use jQuery to add these classes to the element.
<script>
$(document).ready(function() {
$("#target1").parent("#left-well").css("background-color", "red");

$("#target4").remove();
$("#target2").appendTo("#right-well");
$("#target5").clone().appendTo("#left-well");

});
</script>
what do i miss
iccomq
@iccomq
Nov 30 2015 02:39
you dont need #left-well in brackets
when calling parent
Manish Giri
@Manish-Giri
Nov 30 2015 02:39
@dormiandre you don't need to specify what an element's parent is. jQuery knows it.
iccomq
@iccomq
Nov 30 2015 02:40
just leave it empty
dormiandre
@dormiandre
Nov 30 2015 02:41
you should use the parent function to modify this element isnt completed
iccomq
@iccomq
Nov 30 2015 02:42
$("#target1").parent().css("background-color", "red");
are you sure it looks like this?
dormiandre
@dormiandre
Nov 30 2015 02:44
yes i reset my code and it work
thank you
everybody
😉😉😉😉😉😉
iccomq
@iccomq
Nov 30 2015 02:45
youre welcome :)
dormiandre
@dormiandre
Nov 30 2015 02:49
yep
Daniel
@Dilksy
Nov 30 2015 02:57
Excuse the beginner question, but I'm struggling to understand the CSS class section, what is a class declaration and how does it work exactly?
Manish Giri
@Manish-Giri
Nov 30 2015 03:01

@Dilksy a class in CSS is a way to select a group of elements, you declare the class name in html like this:

<p class="myClass">....</p>

and then you define style rules(properties and values) for your class in the CSS/style section like:

.myClass {
color: red;
}

this will set the font color of all <p> elements which have a class of myClass

Murph Strange
@drunkfurball
Nov 30 2015 03:01
@Dilksy Class declaration is a way to add styles to HTML elements. The HTML element would need a class attribute like so: class="example". In your style sheet or between your style tags, you'll add a declaration that correspondes, using a . and the name of the class you gave in the attribute, like so: .example {}. Now, an easy way to remember the difference between class and id: class .(period), id #(number).
kevin barrows
@kmbgolf
Nov 30 2015 03:01
trying to center my name in a column
<div class ="row">
   <div class = "col-md-6 text-center ">
     <h1>Kevin M. Barrows</h1>
    </div>
Murph Strange
@drunkfurball
Nov 30 2015 03:01
Class is reusable, id should not be.
Manish Giri
@Manish-Giri
Nov 30 2015 03:03
@kmbgolf put text-center in the <h1> element
Chris Eisenbraun
@chriseisenbraun
Nov 30 2015 03:03
@csundberg Friendly suggestion: If interested in CSS selector performance, this podcast will help clear up some myths - http://shoptalkshow.com/episodes/185-this-idea-must-die/ - Spoiler alert: Don't worry to much about it until you tackle other low hanging fruit that impacts web page speed in more meaningful ways.
Murph Strange
@drunkfurball
Nov 30 2015 03:03
Any styles defined in the class declaration will be applied to the element (and all nested elements within it) you gave the class attribute to.
kevin barrows
@kmbgolf
Nov 30 2015 03:04
ok @Manish-Giri thank you
CamperBot
@camperbot
Nov 30 2015 03:04
kmbgolf sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star: 248 | @manish-giri | http://www.freecodecamp.com/manish-giri
Daniel
@Dilksy
Nov 30 2015 03:04
@drunkfurball @Manish-Giri Thank you I just got a call and will respond soon!
CamperBot
@camperbot
Nov 30 2015 03:04
dilksy sends brownie points to @drunkfurball and @manish-giri :sparkles: :thumbsup: :sparkles:
:star: 249 | @manish-giri | http://www.freecodecamp.com/manish-giri
:star: 113 | @drunkfurball | http://www.freecodecamp.com/drunkfurball
apekearo
@apekearo
Nov 30 2015 03:07

working on reversing string. any push in the right direction?

function reverseString(str) {
return str.reverse();
}

reverseString("hello", "Howdy", "Greetings from Earth");

kevin barrows
@kmbgolf
Nov 30 2015 03:09
@Manish-Giri like this
<h1> Kevin M. Barrows </h1><class = "text-center">
Manish Giri
@Manish-Giri
Nov 30 2015 03:09
@kmbgolf
<h1 class="text-center">Kevin....</h1>
kevin barrows
@kmbgolf
Nov 30 2015 03:09
got it
Manish Giri
@Manish-Giri
Nov 30 2015 03:11
kevin barrows
@kmbgolf
Nov 30 2015 03:12
hmmm still not working .I guess I should review.
iccomq
@iccomq
Nov 30 2015 03:12
@apekearo you need to assign a splitted string to variable(array), then reverse, and then join. atleast its how i handled it
Manish Giri
@Manish-Giri
Nov 30 2015 03:13
@kmbgolf remove the spaces in the class syntax
iccomq
@iccomq
Nov 30 2015 03:15
@apekearo if you feel confident, you can do all that in one line with return, with no need for variables, however at that point there, i did it with two or three ones
kevin barrows
@kmbgolf
Nov 30 2015 03:15
no space after h1?
Manish Giri
@Manish-Giri
Nov 30 2015 03:16
@kmbgolf in the class="className" part, check the link for syntax
Pranav Doshi
@pranavdoshi
Nov 30 2015 03:23
wassup guys
good morning :)
iccomq
@iccomq
Nov 30 2015 03:23
good night :)
Pranav Doshi
@pranavdoshi
Nov 30 2015 03:23
hehe
@iccomq its morning in india
iccomq
@iccomq
Nov 30 2015 03:24
middle of a night here
Pranav Doshi
@pranavdoshi
Nov 30 2015 03:24
wer?
iccomq
@iccomq
Nov 30 2015 03:24
polandball
iccomq
@iccomq
Nov 30 2015 03:35
so now goes actual good night guys, cya :)
Adrian
@Adrian95
Nov 30 2015 03:51
is there a way to se the solutions to waypoints? if i get stuck..
Herman Fassett
@HermanFassett
Nov 30 2015 03:51
They're all online in the wiki
Pranav Doshi
@pranavdoshi
Nov 30 2015 03:52
solutions are der u can ask google or over here.
Morgryyn
@Morgrynn
Nov 30 2015 03:53
Hi i need help with Waypoint: Make Instances of Objects with a Constructor Function, says The property nickname of myCar should be a string.
var myCar = new Car();
myCar.fireFly = "shiney";
Pranav Doshi
@pranavdoshi
Nov 30 2015 03:54
@Morgrynn hey
Morgryyn
@Morgrynn
Nov 30 2015 03:54
What am i doing wrong?
@pranavdoshi hi
Pranav Doshi
@pranavdoshi
Nov 30 2015 03:54
can u post the screenshot or whole code within backticks
Daniel
@dmtopp
Nov 30 2015 03:54
hey so I'm doing the waypoint where you need to assign the same class to like 6 different buttons. Is there a way that i can do it with css or something so that I don't have to type it six times?
Prayash Mohapatra
@prayashm
Nov 30 2015 03:55
@Morgrynn it should be
Dave Akinyemi
@davakinyemi
Nov 30 2015 03:55
hey guys, i'm working on the waypoint "Using typeof" under "automated testing and debugging" and i've used typeof as stated in the description, but I can't get waypoint to return the green check mark showing that the task is completed. Anyone have an idea what exactly I'm supposed to do?
Pranav Doshi
@pranavdoshi
Nov 30 2015 03:55
i guess @dmtopp u will have to type the name siz times but if the code is common then that code can be assigned to the class names
Prayash Mohapatra
@prayashm
Nov 30 2015 03:56
MyCar.nickname = "string";
Pranav Doshi
@pranavdoshi
Nov 30 2015 03:56
@davakinyemi wat prob u facing
Daniel
@dmtopp
Nov 30 2015 03:56
@pranavdoshi ok thanks
CamperBot
@camperbot
Nov 30 2015 03:56
dmtopp sends brownie points to @pranavdoshi :sparkles: :thumbsup: :sparkles:
:star: 246 | @pranavdoshi | http://www.freecodecamp.com/pranavdoshi
Prayash Mohapatra
@prayashm
Nov 30 2015 03:57
myCar.nickname = "string";
Adrian
@Adrian95
Nov 30 2015 03:57
help bootstrap
CamperBot
@camperbot
Nov 30 2015 03:57

:point_right: bootstrap [wiki]

A frontend CSS framework.

You can find out more here

related: css, frameworks

:pencil: read more about bootstrap on the FCC Wiki

Pranav Doshi
@pranavdoshi
Nov 30 2015 03:59
code wiki
code format
wiki
CamperBot
@camperbot
Nov 30 2015 03:59
usage:
wiki $topic info on that topic
topics for a list of topics
Pranav Doshi
@pranavdoshi
Nov 30 2015 03:59
wiki code
CamperBot
@camperbot
Nov 30 2015 03:59

:point_right: -----

undefined
:pencil: -----
Pranav Doshi
@pranavdoshi
Nov 30 2015 03:59
wiki format
CamperBot
@camperbot
Nov 30 2015 03:59

: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

Pranav Doshi
@pranavdoshi
Nov 30 2015 04:00
@Morgrynn read this
above
Cassandra Sundberg
@csundberg
Nov 30 2015 04:07
@dmtopp did you know if you hold alt you can place a multiline cursor? in they aren't adjacent vertically you can press ctrl to use the click and add additional cursor points; after selecting all 6 spots you can simultaneously type #target and then enumerate the numbers yourself.
@dmtopp there is always copy-pasta
@iccomq in case you are still here; g'night!
Daniel
@dmtopp
Nov 30 2015 04:08
@csundberg woah that's super helpful I did not know that
@csundberg thanks
CamperBot
@camperbot
Nov 30 2015 04:09
dmtopp sends brownie points to @csundberg :sparkles: :thumbsup: :sparkles:
:star: 217 | @csundberg | http://www.freecodecamp.com/csundberg
Cassandra Sundberg
@csundberg
Nov 30 2015 04:09
@dmtopp my husband asked if FCC used one of those snazzy online editors with it in it when I was doing the waypoints; that's how I found out!
Jait Jacob
@jaitjacob
Nov 30 2015 04:16
bonfire : reverse a string NEED HELP
CamperBot
@camperbot
Nov 30 2015 04:16
Sorry, can't find a bonfire called reverse a string need help. [ Check the map? ]
Johnathan Brown
@Legend28469
Nov 30 2015 04:16
@jaitjacob What exactly do you need help with?
Darren
@dkrutsi
Nov 30 2015 04:17
you slit it into an array, then reverse the array, then join the array back to a string
Johnathan Brown
@Legend28469
Nov 30 2015 04:17
That’s the easiest way
Darren
@dkrutsi
Nov 30 2015 04:19
im looking for help on the next bonfire. Bonfire: Factorialize a Number
CamperBot
@camperbot
Nov 30 2015 04:19
type bonfire name to get some info on that bonfire. And check HelpBonfires chatroom
Johnathan Brown
@Legend28469
Nov 30 2015 04:19
Do you know how to do factorials in real life?
Cassandra Sundberg
@csundberg
Nov 30 2015 04:19
This message was deleted
@dkrutsi what in particular?
Darren
@dkrutsi
Nov 30 2015 04:20
i cant find any info about how to use factorals
i checked the link that it provided but didnt find anything there
Cassandra Sundberg
@csundberg
Nov 30 2015 04:20
you don't use them. you calculate them
it is a math concept; and what they are trying to show in the problem explanation
Johnathan Brown
@Legend28469
Nov 30 2015 04:21
You should learn how to do them first. FCC recommends RSAP (Read, Search, Ask, Post).
Johnathan Brown
@Legend28469
Nov 30 2015 04:21
So. First we need to see a factorial http://www.wikihow.com/Do-Factorials
Cassandra Sundberg
@csundberg
Nov 30 2015 04:21
if they pass in 7 you calculate 7 6 5 4 3 2 1 if they only pass in 2 you calculate 2*1
Darren
@dkrutsi
Nov 30 2015 04:21
so i need to put in a calculation in the code itself
Cassandra Sundberg
@csundberg
Nov 30 2015 04:21
yes
Darren
@dkrutsi
Nov 30 2015 04:22
ok cool. Thanks @csundberg and @Legend28469
CamperBot
@camperbot
Nov 30 2015 04:22
dkrutsi sends brownie points to @csundberg and @legend28469 :sparkles: :thumbsup: :sparkles:
:star: 315 | @legend28469 | http://www.freecodecamp.com/legend28469
:star: 218 | @csundberg | http://www.freecodecamp.com/csundberg
Johnathan Brown
@Legend28469
Nov 30 2015 04:22
No problem
Cassandra Sundberg
@csundberg
Nov 30 2015 04:24
@dkrutsi welcome!
Jait Jacob
@jaitjacob
Nov 30 2015 04:26
thanks @Legend28469
CamperBot
@camperbot
Nov 30 2015 04:26
jaitjacob sends brownie points to @legend28469 :sparkles: :thumbsup: :sparkles:
:star: 316 | @legend28469 | http://www.freecodecamp.com/legend28469
Johnathan Brown
@Legend28469
Nov 30 2015 04:26
No problem
Simeon McLean
@Kranktacular
Nov 30 2015 04:42
Help Title Case a Sentence
CamperBot
@camperbot
Nov 30 2015 04:42

:point_right: bonfire title case a sentence [wiki]

Explanation:

We have to return a sentence with camel case. This means that the first letter will always be in uppercase and the rest lowercase.

:pencil: read more about bonfire title case a sentence on the FCC Wiki

Hans van Riet
@hansinla
Nov 30 2015 04:47
@Kranktacular Any particular question or do you want advice on a tactic to tackle this?
Simeon McLean
@Kranktacular
Nov 30 2015 04:47
I have successfully completed the challenge but thought mycode was clunky. could you look at my code and offer input as to more efficient ways I could achieve the success I just did (Which was rather variable heavy).
function titleCase(str) {
  str = str.toLowerCase();
  var wordarr = str.split(" ");
  var newstr = [];
  while (wordarr.length > 0){
var lettstr = wordarr.shift();
var lettarr = lettstr.split("");
var sing = lettarr.shift();
    sing = sing.toUpperCase();
    lettarr.unshift(sing);
    lettstr = lettarr.join("");
    newstr.push(lettstr);
    str = newstr.join(" ");
  }
  console.log(newstr);
 return str;
}

titleCase("I'm a little tea pot");
Hans van Riet
@hansinla
Nov 30 2015 04:49
@Kranktacular I don’t want to post my solution here, but I’ll send you a PM with it.
Simeon McLean
@Kranktacular
Nov 30 2015 04:50
OK, is that a faux pas? I guess it
Cassandra Sundberg
@csundberg
Nov 30 2015 04:50
@Kranktacular you can join lettarr with a " " instead of putting it into an empy array and then join it with a space
Hans van Riet
@hansinla
Nov 30 2015 04:50
@Kranktacular I don’t know, but it won’t help people who still want to solve it by themselves.
Simeon McLean
@Kranktacular
Nov 30 2015 04:50
yeah, a bit silly. apologies.
@csundberg can you elaborate I don't quite grasp your intent
Cassandra Sundberg
@csundberg
Nov 30 2015 04:52
var newstr = []; is empty until you fill it: newstr.push(lettstr);
wait for it
I read you stuff wrong
disregard!
@Kranktacular why do you shift and then split?
@Kranktacular if I'm not mistaken shift only takes off one element; so you should have nothing to split.
@Kranktacular equally making the next call to shift unnecessary,
= lettstr.split("");
var sing = lettarr.shift();
    sing =
I think that whole section may be removed without affecting your code
@Kranktacular I take that back you'd need to juggle a few variable names
Herman Fassett
@HermanFassett
Nov 30 2015 04:57
It's a very unique way of doing it @Kranktacular kinda cool actually :P
Cassandra Sundberg
@csundberg
Nov 30 2015 04:59
@Kranktacular I am so silly. I wish I had been thinking before typing. I remember this one now, and your stuff makes sense.
@Kranktacular coming from a c++ background I've mentally equated map() for foreach and have taken to use it to iterate through arrays. So my solution is without a while loop.
Cassandra Sundberg
@csundberg
Nov 30 2015 05:05
@Kranktacular instead of shifting & unshifting; since you know it is the first letter, you can just index into the array with lettarr[0]
Simeon McLean
@Kranktacular
Nov 30 2015 05:07
I see... I don't know the map function and only read about charAt after I'd muddled through the solution I created
Hrmmm. so much to learn, only been working with javascript for a week and previously only html, css and a bit of C# years ago... any recommended reading which will expand my understanding of this topic?
Cassandra Sundberg
@csundberg
Nov 30 2015 05:08
you should have at lease seen it once in the waypoint about using map in the previous section
which topic?
there is a lot here!
Simeon McLean
@Kranktacular
Nov 30 2015 05:08
yeah, I remember it coming up but once I get on a tangent I tend to run through
Cassandra Sundberg
@csundberg
Nov 30 2015 05:09
for map is a function to use on arrays that takes in a function.
so when you want to do something to for each element in the array it's a handy choice.
where do something is the argument you provide to map via the function. which you can define in place:
arr.map(function(val){ return val +=8;});
or one that you pass in
var func = function (val){ return val+=8};
arr.map(func);
I have yet to sift the resources that people have been providing, but here are a few: http://learn-javascript.github.io/
Cassandra Sundberg
@csundberg
Nov 30 2015 05:14
https://github.com/sindresorhus/awesome (full of links to a bajillion other web-dev resources)
pwdd
@pwdd
Nov 30 2015 05:18
Hi! Has anyone here 'claimed' the front end developer certificate? I'm trying to do it, but I get an error on the last step. Is there a fix for it?
Cassandra Sundberg
@csundberg
Nov 30 2015 05:18
@Kranktacular look above if you haven't seen the posted resources
@pwdd wish I could help; best of luck!
pwdd
@pwdd
Nov 30 2015 05:19
@csundberg thanks :)
CamperBot
@camperbot
Nov 30 2015 05:19
pwdd sends brownie points to @csundberg :sparkles: :thumbsup: :sparkles:
:star: 219 | @csundberg | http://www.freecodecamp.com/csundberg
Logan Tegman
@ltegman
Nov 30 2015 05:23
@pwdd I don’t handle account stuff, but if you’re having an issue claiming your certificate please file a bug on the Free Code Camp repo: https://github.com/FreeCodeCamp/FreeCodeCamp/issues
@pwdd Someone should be able to look into it
Cassandra Sundberg
@csundberg
Nov 30 2015 05:24
@ltegman thanks!
CamperBot
@camperbot
Nov 30 2015 05:24
csundberg sends brownie points to @ltegman :sparkles: :thumbsup: :sparkles:
:star: 276 | @ltegman | http://www.freecodecamp.com/ltegman
Simeon McLean
@Kranktacular
Nov 30 2015 05:29
Thanks @csundberg, @hansinla
CamperBot
@camperbot
Nov 30 2015 05:29
kranktacular sends brownie points to @csundberg and @hansinla :sparkles: :thumbsup: :sparkles:
:star: 659 | @hansinla | http://www.freecodecamp.com/hansinla
:star: 220 | @csundberg | http://www.freecodecamp.com/csundberg
Jatudrei
@Jatudrei
Nov 30 2015 05:32
A quick question, guys. Can I do HTML code in Word? If I need a specialized HTML text editor, can you recommend a good one that's free and downloadable?
Cassandra Sundberg
@csundberg
Nov 30 2015 05:33
word is gross for that. At least use something like Notepad++ or sublime, or use the codepen stuff they have here
Jatudrei
@Jatudrei
Nov 30 2015 05:33
Notepad++ or Sublime? Great, thanks.
Cassandra Sundberg
@csundberg
Nov 30 2015 05:34
not sure what the honest standard is; perhaps you can also venture into VS Code, but that maybe heavier
Jatudrei
@Jatudrei
Nov 30 2015 05:34
Was that last to me, @csundberg?
Cassandra Sundberg
@csundberg
Nov 30 2015 05:34
yes
sublime is super popular, free in the nagware sense, notepad++ doesn't nag but perhaps a little less snazzy
Jatudrei
@Jatudrei
Nov 30 2015 05:36
What is the "nagware sense?" I just need something basic while I get the hang of HTML--I can always switch to something else later.
Robert Richey
@0x0936
Nov 30 2015 05:36
and my favorite editor, Atom
Cassandra Sundberg
@csundberg
Nov 30 2015 05:36
meaning every 50 times you save they ask you to buy their product, to which you can always decline and still use it
Jatudrei
@Jatudrei
Nov 30 2015 05:37
As a beginner that just wants something to practice on, are they all more or less equivalent?
I see, @csundberg. But neither Sublime nor Notepad++ does that?
Or Atom?
Cassandra Sundberg
@csundberg
Nov 30 2015 05:38
sublime does, Notepad++ doesn't and Atom is right in the same category (but I don't know, does it nag @0x0936 ?)
Robert Richey
@0x0936
Nov 30 2015 05:38
@csundberg nope, it's completely free
Jatudrei
@Jatudrei
Nov 30 2015 05:39
Thanks a lot, @csundberg and @0x0936. I'll just arbitrarily go with Notepad++ for now, and I can always switch later.
CamperBot
@camperbot
Nov 30 2015 05:39
jatudrei sends brownie points to @csundberg and @0x0936 :sparkles: :thumbsup: :sparkles:
:star: 492 | @0x0936 | http://www.freecodecamp.com/0x0936
:star: 221 | @csundberg | http://www.freecodecamp.com/csundberg
Cassandra Sundberg
@csundberg
Nov 30 2015 05:39
@Jatudrei cool beans :)
Jatudrei
@Jatudrei
Nov 30 2015 05:41
Notepad++ had some problem downloading, so I'm trying Atom. It seems like a biggish file, though--is that as it should be, @0x0936?
Herman Fassett
@HermanFassett
Nov 30 2015 05:42
Atom is large and some people complain it is slow, but honestly it is what I use and I love it
Robert Richey
@0x0936
Nov 30 2015 05:42
@Jatudrei 70mb? I never considered that to be a large download
Herman Fassett
@HermanFassett
Nov 30 2015 05:43
Comparatively
You are not downloading an OS :P
I use notepad++ when I just want to edit a file super quickly
Cassandra Sundberg
@csundberg
Nov 30 2015 05:44
i think the most important thing is fixed width fonts
Jatudrei
@Jatudrei
Nov 30 2015 05:44
I don't see a number of mb--I just see that my machine estimates it'll take 4-5 minutes to download, which strikes me as on the high side for a text editor.
Robert Richey
@0x0936
Nov 30 2015 05:44
@Jatudrei it is a feature rich editor that runs on the V8 javascript engine
Jatudrei
@Jatudrei
Nov 30 2015 05:45
I guess that makes sense, then, @0x0936. Thanks again, @csundberg, @0x0936, and @HermanFassett.
CamperBot
@camperbot
Nov 30 2015 05:45
jatudrei sends brownie points to @0x0936 and @csundberg and @0x0936 and @hermanfassett :sparkles: :thumbsup: :sparkles:
:warning: jatudrei already gave 0x0936 points
:warning: jatudrei already gave 0x0936 points
:warning: jatudrei already gave csundberg points
:star: 722 | @hermanfassett | http://www.freecodecamp.com/hermanfassett
Dominic Vargas
@iDominic
Nov 30 2015 05:45
Oh my god, Atom looks gorgeous.
Goodbye Geany.
Herman Fassett
@HermanFassett
Nov 30 2015 05:45
Atom is awesome and has some great plugins
If you're using Geany... yeah
Robert Richey
@0x0936
Nov 30 2015 05:46
@Jatudrei perhaps my favorite built-in feature with atom is markdown preview
Dominic Vargas
@iDominic
Nov 30 2015 05:46
Well, I only use Geany for PHP/HTML and the mixins there.
Jatudrei
@Jatudrei
Nov 30 2015 05:46
What's that, @iDominic? BTW, is anyone familiar with EditPad?
Herman Fassett
@HermanFassett
Nov 30 2015 05:46
I find Geany very ugly
Dominic Vargas
@iDominic
Nov 30 2015 05:47
@Jatudrei Geany is a text editor for Linux, most common on Debian systems.
Herman Fassett
@HermanFassett
Nov 30 2015 05:47
I've thought of trying Visual Studio Code since I like VS...
Geany isn't only linux ofc
Dominic Vargas
@iDominic
Nov 30 2015 05:47
@HermanFassett I did at first, but it grew on me when I was still using Crunchbang.
Jatudrei
@Jatudrei
Nov 30 2015 05:48
I had some trouble installing Atom--trying again.
Dominic Vargas
@iDominic
Nov 30 2015 05:48
@HermanFassett I wasn't actually aware that there were ports for other operating systems, whenever I venture back onto Windows I use Notepad++.
Jatudrei
@Jatudrei
Nov 30 2015 05:48
Atom works with Windows?
Herman Fassett
@HermanFassett
Nov 30 2015 05:48
Yes
I have Atom on windows 8.1 atm
Jatudrei
@Jatudrei
Nov 30 2015 05:49
Great.
Dominic Vargas
@iDominic
Nov 30 2015 05:49
I find it somewhat satisfying to see Windows in the "other platforms" category, for once.
Robert Richey
@0x0936
Nov 30 2015 05:49
I'm running Atom on 64-bit Linux Ubuntu
does anyone use a 32-bit OS anymore? that felt really redundant to type
Jatudrei
@Jatudrei
Nov 30 2015 05:50
Yay, it seems like Atom installed properly this time.
Dominic Vargas
@iDominic
Nov 30 2015 05:50
Well, unless you're over 4GB of RAM you're not generally going to need a 64-bit OS terribly much.
Herman Fassett
@HermanFassett
Nov 30 2015 05:51
I sometimes work on a 32 bit laptop but only from necessity... most often I'm on 64
Jatudrei
@Jatudrei
Nov 30 2015 05:52
Has anyone used EditPad for HTML?
Dominic Vargas
@iDominic
Nov 30 2015 05:52
I'm planning to get a laptop specifically for web development one of these days, just so that I can be more liberal with how I spent my dev time.
I swear, if Chrome OS were more liberal with giving access to the underlying Linux setup, it would be nearly perfect.
Jatudrei
@Jatudrei
Nov 30 2015 05:53
What do you mean, @iDominic?
Dominic Vargas
@iDominic
Nov 30 2015 05:53
@Jatudrei Oh, just that I wouldn't need to be tethered to my Desktop.
Jatudrei
@Jatudrei
Nov 30 2015 05:53
Ah, of course.
Dominic Vargas
@iDominic
Nov 30 2015 05:54
I stay connected with my phone, but it's a bit difficult to do any developing on it. :P
Jatudrei
@Jatudrei
Nov 30 2015 05:55
I can imagine.
Darren
@dkrutsi
Nov 30 2015 05:59
can you give a reference to more than one value to replace?
Matthew
@Matithyahu
Nov 30 2015 06:00
@iDominic I'm enjoying working with Atom as an editor, too.
Dominic Vargas
@iDominic
Nov 30 2015 06:05
@dkrutsi You can technically do so via Regular Expressions (regex).
Though, many people struggle with building regex patterns that work properly and efficiently.
Myself included, haha.
@Matithyahu Actually installing Atom right now, it just looks too good to pass up. :x
Herman Fassett
@HermanFassett
Nov 30 2015 06:08
It is awesome, and has some great plugins, including but not limited to, Sublime like side view, file sharing (pair programming), git commit inside the editor, etc... Tbh I haven't used many of them, but I love atom for just having them there :P
Dominic Vargas
@iDominic
Nov 30 2015 06:09
:D
Matthew
@Matithyahu
Nov 30 2015 06:10
@HermanFassett I'm interested in the file sharing (pair programming) feature. I find it difficult to connect with people locally who are web programmers and working with someone remotely would be a good solution.
Herman Fassett
@HermanFassett
Nov 30 2015 06:10
Here's the one I've tested https://atom.io/packages/atom-pair though not used really
Robert
@CoderBklyn
Nov 30 2015 06:11
i got so far today.... but sadly i have come to a point where I am confused how to pass
Matthew
@Matithyahu
Nov 30 2015 06:11
Thanks @HermanFassett
CamperBot
@camperbot
Nov 30 2015 06:11
matithyahu sends brownie points to @hermanfassett :sparkles: :thumbsup: :sparkles:
Robert
@CoderBklyn
Nov 30 2015 06:11
can anyone offer help?
CamperBot
@camperbot
Nov 30 2015 06:11
:star: 723 | @hermanfassett | http://www.freecodecamp.com/hermanfassett
Bill
@kirah1314
Nov 30 2015 06:12
@CoderBklyn we can try, what you need help with?
Robert
@CoderBklyn
Nov 30 2015 06:12
<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <div class="col-xs-6">

    </div>
    <div class="col-xs-6">

    </div>
  </div>
</div>
this is the last thing needed, and I dont understand Add a div element with the class well inside each of your div elements with the class "col-xs-6"
Bill
@kirah1314
Nov 30 2015 06:13
@CoderBklyn hmm, what's the waypoint title? I'll have to take a look at it first
Robert
@CoderBklyn
Nov 30 2015 06:13
Waypoint: Create Bootstrap Wells
h4r1m4u
@h4r1m4u
Nov 30 2015 06:13
@CoderBklyn how would you create a div with a class 'my-class'?
bear with me, i'm gonna point you to the solution
Cassandra Sundberg
@csundberg
Nov 30 2015 06:15
you already have the div with that class. , now you need new divs (hence "add") inside them with the class well
Chris
@chrisamoorejr
Nov 30 2015 06:15
help! on " Waypoint: Make Unique Objects by Passing Parameters to our Constructor"i cant figure out constructors! i have followed the instructions and i still get "wheel is not defined" what am i doing wrong??
CamperBot
@camperbot
Nov 30 2015 06:15
no wiki entry for: on waypoint make unique objects by passing parameters to our constructori cant figure out constructors i have followed the instructions and i still get wheel is not defined what am i doing wrong
:pencil: click here to create one now!after creating your page type update to reload it here
Bill
@kirah1314
Nov 30 2015 06:15
@CoderBklyn so you need to add a div with the class well just like <div class="col-xs-6">
Dominic Vargas
@iDominic
Nov 30 2015 06:15
<div class="well">
@CoderBklyn
Cassandra Sundberg
@csundberg
Nov 30 2015 06:16
need to see your code @chrisamoorejr
Chris
@chrisamoorejr
Nov 30 2015 06:16

var Car = function() {
//Change this constructor
this.wheels = wheels;
this.seats = seats;
this.engines = engines;
};

//Try it out here
var myCar = new Car(6, 3, 1);

// Only change code above this line

(function() {return JSON.stringify(myCar);})();

Robert
@CoderBklyn
Nov 30 2015 06:16
@iDominic let me try, I belive i tried that before and it did not go
Cassandra Sundberg
@csundberg
Nov 30 2015 06:16
help format
CamperBot
@camperbot
Nov 30 2015 06:16
no wiki entry for: format
:pencil: click here to create one now!after creating your page type update to reload it here
Bill
@kirah1314
Nov 30 2015 06:16
@CoderBklyn make sure to add 2 of them, 1 inside each <div class="col-xs-6">
Cassandra Sundberg
@csundberg
Nov 30 2015 06:16
format code
help format code
CamperBot
@camperbot
Nov 30 2015 06:17
no wiki entry for: format code
:pencil: click here to create one now!after creating your page type update to reload it here
h4r1m4u
@h4r1m4u
Nov 30 2015 06:17
explain format
CamperBot
@camperbot
Nov 30 2015 06:17

: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

h4r1m4u
@h4r1m4u
Nov 30 2015 06:17
:point_up:
Cassandra Sundberg
@csundberg
Nov 30 2015 06:17
ah!!!
Robert
@CoderBklyn
Nov 30 2015 06:17
ok one moment, ill post what I wrote
Cassandra Sundberg
@csundberg
Nov 30 2015 06:17
explain format
CamperBot
@camperbot
Nov 30 2015 06:17

: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

Cassandra Sundberg
@csundberg
Nov 30 2015 06:17
had to do it myself
Dominic Vargas
@iDominic
Nov 30 2015 06:17
Backticks are actually very interesting in PHP, as a random thought.
Bill
@kirah1314
Nov 30 2015 06:17
weird, help format always worked before
help format
CamperBot
@camperbot
Nov 30 2015 06:17

: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

Cassandra Sundberg
@csundberg
Nov 30 2015 06:17
var Car = function() {
  //Change this constructor
  this.wheels = wheels;
  this.seats = seats;
  this.engines = engines;
};

//Try it out here
var myCar = new Car(6, 3, 1);

// Only change code above this line

(function() {return JSON.stringify(myCar);})();
Chris
@chrisamoorejr
Nov 30 2015 06:18

'''
var Car = function() {
//Change this constructor
this.wheels = wheels;
this.seats = seats;
this.engines = engines;
};

//Try it out here
var myCar = new Car(6, 3, 1);

// Only change code above this line

(function() {return JSON.stringify(myCar);})();
'''

CamperBot
@camperbot
Nov 30 2015 06:18
:bulb: to format code use backticks! ``` more info
Cassandra Sundberg
@csundberg
Nov 30 2015 06:18
need to use the back tick located under the ~
Chris
@chrisamoorejr
Nov 30 2015 06:18
thank you i just found it
Cassandra Sundberg
@csundberg
Nov 30 2015 06:18
also you need to alter your constructor so that it takes parameters
Robert
@CoderBklyn
Nov 30 2015 06:19
ok so I wrore this and it wont accept it as correct
<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <div class="col-xs-6" div class="well">

    </div>
    <div class="col-xs-6" div class="well">

    </div>
  </div>
</div>
Cassandra Sundberg
@csundberg
Nov 30 2015 06:19
@chrisamoorejr your call to car takes in parameters Car(6,3,1)
Bill
@kirah1314
Nov 30 2015 06:19
@CoderBklyn you have break it down into 2 div's <div class="col-xs-6" div class="well">
Dominic Vargas
@iDominic
Nov 30 2015 06:19
@CoderBklyn div is the tagname, it's only used once per element.
Cassandra Sundberg
@csundberg
Nov 30 2015 06:19
@chrisamoorejr is that you literally pass in 6 3 and 1
h4r1m4u
@h4r1m4u
Nov 30 2015 06:19
@CoderBklyn you need to nest the well div inside the col-xs-6 div, same way you nested the col-xs-6 div inside the row div
Cassandra Sundberg
@csundberg
Nov 30 2015 06:20
@chrisamoorejr but you don't take that in in your definition
Dominic Vargas
@iDominic
Nov 30 2015 06:20
@CoderBklyn It's asking you to nest your classes INSIDE of a div element with the class well.
Bill
@kirah1314
Nov 30 2015 06:20
@CoderBklyn like this
    <div class="col-xs-6">
      <div class="well">
Chris
@chrisamoorejr
Nov 30 2015 06:20
@csundberg what do you mean?
Dominic Vargas
@iDominic
Nov 30 2015 06:20
@kirah1314 Actually, you've got them swapped, they should be nested the other way around.
Bill
@kirah1314
Nov 30 2015 06:21
@iDominic no this is correct, I just tried it and passed the tests
Dominic Vargas
@iDominic
Nov 30 2015 06:21
Odd.
Cassandra Sundberg
@csundberg
Nov 30 2015 06:21
@chrisamoorejr have you seen functions yet?
Dominic Vargas
@iDominic
Nov 30 2015 06:21
However, the subsequent challenges show them nested inversely.
Bill
@kirah1314
Nov 30 2015 06:21
@iDominic Nest one div element with the class well within each of your col-xs-6 div elements.
Chris
@chrisamoorejr
Nov 30 2015 06:21
i thought i had. i guess ill go back and look
Dominic Vargas
@iDominic
Nov 30 2015 06:21
Huh, maybe I'm just recalling it incorrectly.
My bad.
Bill
@kirah1314
Nov 30 2015 06:22
@iDominic no worries :)
Dominic Vargas
@iDominic
Nov 30 2015 06:22
:P
I tend to derp out a bit, later in the day. ;)
Cassandra Sundberg
@csundberg
Nov 30 2015 06:23
@chrisamoorejr when you set this.wheels = wheels, this.wheels is being defined right there in the object, but where did wheels (on the right side of the equation) come from?
Robert
@CoderBklyn
Nov 30 2015 06:23
ok thanks passed, i guess I forgot how to nest for a moment there, maybe the instructions were not clear to me
Chris
@chrisamoorejr
Nov 30 2015 06:24
@csundberg thats what the instructions told me to do
Cassandra Sundberg
@csundberg
Nov 30 2015 06:24
@chrisamoorejr (hint: no where! you expect to get that information from the user, but you never tell the program to expect incoming information!)
Bill
@kirah1314
Nov 30 2015 06:24
@CoderBklyn that's great! And if you have any questions, feel free to post it and someone will offer a hand :thumbsup:
Cassandra Sundberg
@csundberg
Nov 30 2015 06:24
@chrisamoorejr but you also need to pass it into the constructor
Chris
@chrisamoorejr
Nov 30 2015 06:25
@csundberg so do i add a function?
Cassandra Sundberg
@csundberg
Nov 30 2015 06:25
@chrisamoorejr
var func = function(a,b){ return a-b};
func(5,7); //this would give me -2
@chrisamoorejr in my function a dn b make since to the program because it knows to expect the information from somewhere else- the user.
Dominic Vargas
@iDominic
Nov 30 2015 06:26
@csundberg Out of jealousy, how do I enclose text in a container like that? :O
Cassandra Sundberg
@csundberg
Nov 30 2015 06:26
@chrisamoorejr it knows this because when we defined it, we said function(a,b)
explain format
CamperBot
@camperbot
Nov 30 2015 06:27

: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

Chris
@chrisamoorejr
Nov 30 2015 06:27
im sorry @csundberg maybe its late at night or maybe i'm just not getting it.
Dominic Vargas
@iDominic
Nov 30 2015 06:27
Ohhh, it's still the backticks.
Thank you, oh mighty @csundberg.
CamperBot
@camperbot
Nov 30 2015 06:27
idominic sends brownie points to @csundberg :sparkles: :thumbsup: :sparkles:
:star: 222 | @csundberg | http://www.freecodecamp.com/csundberg
Chris
@chrisamoorejr
Nov 30 2015 06:27
i appreciate your help though
Cassandra Sundberg
@csundberg
Nov 30 2015 06:29
@chrisamoorejr when you are telling the program the constructor is supposed to get outside info; you need to tell it:
var Car =  function(wheels) {
  //Change this constructor
  this.wheels = wheels;
}
var myCar = new Car(4);  // this car doesn't care about engines or seats.
@chrisamoorejr here the wheels - an object the program didn't have a context for before- does now, because it has been "passed in" to the constructor through the ()
@chrisamoorejr better?
maybe a little?
Chris
@chrisamoorejr
Nov 30 2015 06:31
it seems like what im already doing.
Cassandra Sundberg
@csundberg
Nov 30 2015 06:31
you have var Car = function() {...}
Chris
@chrisamoorejr
Nov 30 2015 06:32
thats correct
Cassandra Sundberg
@csundberg
Nov 30 2015 06:32
you need var Car = function(wheels, ...){...}
Chris
@chrisamoorejr
Nov 30 2015 06:32
ohhhh
ok let me try that
@csundberg ok! i get it now!! geez im thickheaded sometimes
Cassandra Sundberg
@csundberg
Nov 30 2015 06:33

@chrisamoorejr I was trying to let it sink in that they program doesn't know what wheels are unless you define it:

var wheels = 4;

or you pass it in from somewhere else

function (wheels){ ...}
Chris
@chrisamoorejr
Nov 30 2015 06:34
isnt there a way to give brownie points or something?
Cassandra Sundberg
@csundberg
Nov 30 2015 06:34
say thanks and then tag the person you are thanking
Chris
@chrisamoorejr
Nov 30 2015 06:34
so i can do it either way...ok i see
Cassandra Sundberg
@csundberg
Nov 30 2015 06:34
on the same line
Chris
@chrisamoorejr
Nov 30 2015 06:34
thanks @csundberg
CamperBot
@camperbot
Nov 30 2015 06:34
chrisamoorejr sends brownie points to @csundberg :sparkles: :thumbsup: :sparkles:
:star: 223 | @csundberg | http://www.freecodecamp.com/csundberg
Cassandra Sundberg
@csundberg
Nov 30 2015 06:34
:)
In the case of making a constructor @chrisamoorejr you want to pass it in. The point of constructors is to make it generic so you can reuse it. Otherwise you could never make a car with 3 wheels even if that was its only differing trait.
@chrisamoorejr it is literally THE WHOLE POINT of Object Oriented programming. Reuse.
@chrisamoorejr ok, that might be a minute exaggeration as there is something to be said about the mindset or organizing things as objects.
anywho.
Chris
@chrisamoorejr
Nov 30 2015 06:40
i think i understand what you are saying i will keep at it.
Cassandra Sundberg
@csundberg
Nov 30 2015 06:40
:)
Dominic Vargas
@iDominic
Nov 30 2015 06:47
@Matithyahu @HermanFassett @0x0936
Oh my god, thank you.
Atom is incredible.
CamperBot
@camperbot
Nov 30 2015 06:47
idominic sends brownie points to @matithyahu and @hermanfassett and @0x0936 :sparkles: :thumbsup: :sparkles:
:star: 493 | @0x0936 | http://www.freecodecamp.com/0x0936
:star: 9 | @matithyahu | http://www.freecodecamp.com/matithyahu
:star: 724 | @hermanfassett | http://www.freecodecamp.com/hermanfassett
Herman Fassett
@HermanFassett
Nov 30 2015 06:47
;P Join the Atom club! Now we have a larger army whever text editor wars start...
Dominic Vargas
@iDominic
Nov 30 2015 06:48
Right now, I'm mainly doing that I always do with new software:
Dredge through pages upon pages of plugins, because awesome.
Alexander Køpke
@alexanderkopke
Nov 30 2015 06:49
I like sublime
Christian Neeley
@Chris6312
Nov 30 2015 06:50
i use vs 2013 community only downside is you have to create your project folder outside visual studio then import it since it is mostly for c# or vb
Dominic Vargas
@iDominic
Nov 30 2015 06:51
https://atom.io/packages/activate-power-mode
I have no idea why I need this.
But I do know that nothing will prevent me from getting it.
Herman Fassett
@HermanFassett
Nov 30 2015 06:51
@Chris6312 why not Visual Studio Code?
I don't have either, what's the difference?
I have just have the 2015 studio... or is that community? Idk
OMG @iDominic yes yes yes need that
Christian Neeley
@Chris6312
Nov 30 2015 06:52
i tried code and didn't like it compared to vs2013
Herman Fassett
@HermanFassett
Nov 30 2015 06:52
Buggy it says :( but still looks awesome
Dominic Vargas
@iDominic
Nov 30 2015 06:52
I'm giggling like a madman at the prospect of it.
Christian Neeley
@Chris6312
Nov 30 2015 06:53
vs2013 allows for short code programming and completes the end tag for you automatically
Herman Fassett
@HermanFassett
Nov 30 2015 06:54
Well, I'm fine with Atom :P
Christian Neeley
@Chris6312
Nov 30 2015 06:54
not sure if code does but i used to use webmatrix before that
K2
@minto4644
Nov 30 2015 06:54
@iDominic i too use plugins to make software suit my needs. Sublime is awesome . Though i am using gedit with cool plugins.
Herman Fassett
@HermanFassett
Nov 30 2015 06:55
@minto4644 what do you like about sublime? I've used it a little and found it ok, I think I got annoyed with it asking me to buy it though :P
Is sublime 3 out yet?
Dominic Vargas
@iDominic
Nov 30 2015 06:55
@minto4644 I briefly tried Sublime the other day, wasn't really to my tastes. :l
Gedit used to be my default text editor under GNU/Linux, but I ended up switching to Geany when I was living in Crunchbang.
Herman Fassett
@HermanFassett
Nov 30 2015 06:56
This is awesome @iDominic installed power mode :P
Just great to keep me going
I like sublime seems nice enough...
Looks like a 3 beta is out, I'll have to test it
Dominic Vargas
@iDominic
Nov 30 2015 06:57
:D:D:D
K2
@minto4644
Nov 30 2015 06:58
I used sublime 2.0 . It was good in the sense it has different styles. Also it has code wrapping feature.
Now i am using gedit in ubuntu .
Yeah the sublime bugs a lot by asking it to buy.
Herman Fassett
@HermanFassett
Nov 30 2015 06:59
Just tried sublime 2 which I already had installed on a project... Uh it's opening all my files in the same tab when having folder open so I can't have multiple open...
Dominic Vargas
@iDominic
Nov 30 2015 06:59
:x
Herman Fassett
@HermanFassett
Nov 30 2015 07:00
I need multiple tabs (I know it can but need to be able to from folder view) and can it split view?
Atom can split view :P
K2
@minto4644
Nov 30 2015 07:00
you can use terminal to open individual files.
Herman Fassett
@HermanFassett
Nov 30 2015 07:00
LIKE FOREVER
Kathleen Antonio
@KathleenAntonio
Nov 30 2015 07:02
Hi all. I am quite new here. I am having trouble with Waypoint: Join Strings with Join. I was wondering if anyone could help me out on this one.
Herman Fassett
@HermanFassett
Nov 30 2015 07:02
#ATOM is awesome
Sure @KathleenAntonio what exactly is the problem?
K2
@minto4644
Nov 30 2015 07:02
My sublime is opening multiple tabs .
@iDominic which OS you are using?
Herman Fassett
@HermanFassett
Nov 30 2015 07:03
From folder view?
Can sublime do this?
Dominic Vargas
@iDominic
Nov 30 2015 07:03
@minto4644 I'm running Debian 8 (x64).
Herman Fassett
@HermanFassett
Nov 30 2015 07:03
:P
Dominic Vargas
@iDominic
Nov 30 2015 07:04
@HermanFassett Is....is this how you live?
Herman Fassett
@HermanFassett
Nov 30 2015 07:04
:laughing:
K2
@minto4644
Nov 30 2015 07:04
@HermanFassett That looks so messy. :smile:
Herman Fassett
@HermanFassett
Nov 30 2015 07:04
Interestingly it broke power mode when I did that :(
I don't usually code like that, just sayin'
Dominic Vargas
@iDominic
Nov 30 2015 07:05
Call me old fashioned, but I tend to just switch tabs for accessing other files.
Herman Fassett
@HermanFassett
Nov 30 2015 07:05
at most one split, generally just different tabs
Dominic Vargas
@iDominic
Nov 30 2015 07:05
Split view sounds useful for HTML/CSS side by side.
Herman Fassett
@HermanFassett
Nov 30 2015 07:05
Yeah that's what I use it for
Dominic Vargas
@iDominic
Nov 30 2015 07:05
:D
I'm actually very new to MEAN stack, I've started at FCC to kind of un-learn my bad habits from self-teaching and also to learn MEAN, since the component technologies seem to be in demand lately.
Not to mention having basically your whole stack speak the same language is awesome.
Herman Fassett
@HermanFassett
Nov 30 2015 07:06
Yeah I'm just getting into mean myself, doing my second basejump
It's pretty cool and I'm still pretty new at it
Dominic Vargas
@iDominic
Nov 30 2015 07:07
:D
Hey! We're in the same state. :O
K2
@minto4644
Nov 30 2015 07:08
changing layout to four columns or grid view in sublime might help
Christian Neeley
@Chris6312
Nov 30 2015 07:08
@KathleenAntonio what issue are you having?
Herman Fassett
@HermanFassett
Nov 30 2015 07:08
Awesome @iDominic are you east or west?
Dominic Vargas
@iDominic
Nov 30 2015 07:09
imitates urban demeanor
WEST SOIDE!
Herman Fassett
@HermanFassett
Nov 30 2015 07:09
Eh, I'm East/Central
Dominic Vargas
@iDominic
Nov 30 2015 07:09
I'm so sorry. :'(
:P
Herman Fassett
@HermanFassett
Nov 30 2015 07:10
I've only seen one camper within 50 or so miles from me before
I envy those with groups nearby... I was just listening to Quincy's podcast about programming with other people... realizing I've never done that...
Dominic Vargas
@iDominic
Nov 30 2015 07:10
I've actually only been to the east side once, to visit relatives.
It was pretty barren and much more humid. :s
Herman Fassett
@HermanFassett
Nov 30 2015 07:11
Honestly I prefer it :P
Can't stand traffic and rain
Dominic Vargas
@iDominic
Nov 30 2015 07:11
I love the rain.
I'm one of those people that goes "It's a terrible day, today...I love it."
Sometimes I wonder how many years it will be until HTML is phased out, at least partially.
K2
@minto4644
Nov 30 2015 07:21
Screenshot from 2015-11-30 12:49:34.png
@HermanFassett
Alexander Køpke
@alexanderkopke
Nov 30 2015 07:21
Html phased out. Why?
Herman Fassett
@HermanFassett
Nov 30 2015 07:22
Ah I see @minto4644 they have set layouts. Atom you can split pretty much forever
:P
But on windows when in folder view, clicking on a different file opens in same tab... that's all great, but I find it difficult to create new tabs too
Like this
K2
@minto4644
Nov 30 2015 07:24
:+1: Will switch to atom then some day. Yeah it took me some time to figure it out.
I used terminal to open sublime . Then changed layout to grid.
I think we should file this issue on their git hub page
@HermanFassett it says double click will do the task . Then move new tab to your preffered group.
Herman Fassett
@HermanFassett
Nov 30 2015 07:36
Ah thanks @minto4644
CamperBot
@camperbot
Nov 30 2015 07:36
hermanfassett sends brownie points to @minto4644 :sparkles: :thumbsup: :sparkles:
:star: 18 | @minto4644 | http://www.freecodecamp.com/minto4644
Herman Fassett
@HermanFassett
Nov 30 2015 07:36
18! Aw comeon we've got to get you more than that
K2
@minto4644
Nov 30 2015 07:37
:+1: I started camping hust 3 hours ago @HermanFassett .
Herman Fassett
@HermanFassett
Nov 30 2015 07:37
:D
K2
@minto4644
Nov 30 2015 07:38
It will go up with help from people like you.
Dominic Vargas
@iDominic
Nov 30 2015 07:38
Nevermind, figured it out. :P
K2
@minto4644
Nov 30 2015 07:39
@HermanFassett you are onto which lesson? Have you covered html and CSS section?
Herman Fassett
@HermanFassett
Nov 30 2015 07:40
I have only basejumps left, just finished my first one
K2
@minto4644
Nov 30 2015 07:40
@HermanFassett WOW!!
Herman Fassett
@HermanFassett
Nov 30 2015 07:41
about @hermanfassett I've been here a few months
CamperBot
@camperbot
Nov 30 2015 07:41
:star: 724 | @hermanfassett | http://www.freecodecamp.com/hermanfassett
K2
@minto4644
Nov 30 2015 07:44
:+1: :+1: . Make it :star: 1000.
Herman Fassett
@HermanFassett
Nov 30 2015 07:46
:P someday
Vince
@huangv22
Nov 30 2015 07:52
Evening guys
Dominic Vargas
@iDominic
Nov 30 2015 08:00
Hey! How's it going?
Vince
@huangv22
Nov 30 2015 08:01
Going through the waypoints and came across: http://www.regexr.com/
/giphy mind blown
Dominic Vargas
@iDominic
Nov 30 2015 08:02
Ah, I think that I've seen that before.
Useful tool. :P
Michael Chandler
@MMChandler
Nov 30 2015 08:02
@huangv22 regexr is a great resource. Love their sandbox and cheatsheet.
Vince
@huangv22
Nov 30 2015 08:03
Yeah was going to post a question, cuz I just learned a bit 'bout it. But was able to figure it out with regexr
there should be more regex material in the course. I see people using it all the time.
Michael Chandler
@MMChandler
Nov 30 2015 08:03
@huangv22 Nice
<--managed to make large messes with regex. It's useful, but can get unwieldy quickly
Vince
@huangv22
Nov 30 2015 08:05
got it
Dominic Vargas
@iDominic
Nov 30 2015 08:06

People tend to...not like regex.
It's a fairly daunting thing in and of itself, as far as becoming proficient with it goes.

Regex itself is a thing of beauty, but you tend to deal with the ugly side up until that point of proficiency.

Michael Chandler
@MMChandler
Nov 30 2015 08:06
Personally I both enjoy and dread what it does to my brain
Dominic Vargas
@iDominic
Nov 30 2015 08:07
I may be a bit biased, as one of those people that isn't particularly good with Regular Expressions. :P
Goje Samuel Andrei Daniel
@pringon
Nov 30 2015 08:20
Hello , what am i doing wrong with the radio buttons?

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

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

.smaller-image {
width: 100px;
}
</style>

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

<p>Click here for <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back" src="https://bit.ly/fcc-relaxing-cat"></a>

<p>Things cats love:</p>

<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>

<p>Top 3 things cats hate:</p>

<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>

<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>

<label><button type="radio" name="indoor-outdoor">indoor</button></label>

<label><button type="radio" name="indoor-outdoor">outdoor</button></label>

they are both at the bottom
Christian Neeley
@Chris6312
Nov 30 2015 08:23
its an input not a button
Anthony Guru
@mrguru2016
Nov 30 2015 08:24
Im back for a refresher and I need a little help
Waypoint: Inherit Styles from the Body Element
Christian Neeley
@Chris6312
Nov 30 2015 08:25
@pringon also so your text is not right up against the radio button you can add a space between the end of your input tag and indoor or outdoor
Anthony Guru
@mrguru2016
Nov 30 2015 08:25
<style>
  body {
    background-color: black;
  }
</style>
<h1> hello World </h1>
give all elements on your page the color of green by adding color: green; to your body element's style declaration.
Christian Neeley
@Chris6312
Nov 30 2015 08:25
inputs are also self closing so you don't need a </input>
@mrguru2016 add a new line after background color so it says color: green; before your closing bracket
Goje Samuel Andrei Daniel
@pringon
Nov 30 2015 08:27
@Chris6312 I am very new to html so could you explain it to me why it is not a button?
i am kinda confused right now
Christian Neeley
@Chris6312
Nov 30 2015 08:27
a button is a square box you press whereas a radio button is more of an input like a checkbox is
Goje Samuel Andrei Daniel
@pringon
Nov 30 2015 08:27
ooooh
ok i got it
and how do i add that space?
Anthony Guru
@mrguru2016
Nov 30 2015 08:28
@Chris6312 Thanks a ton kinda forgot some basics last few days
CamperBot
@camperbot
Nov 30 2015 08:28
mrguru2016 sends brownie points to @chris6312 :sparkles: :thumbsup: :sparkles:
:star: 190 | @chris6312 | http://www.freecodecamp.com/chris6312
Christian Neeley
@Chris6312
Nov 30 2015 08:28
<input....> indoor</label>
@mrguru2016 yw
Goje Samuel Andrei Daniel
@pringon
Nov 30 2015 08:28
oh, so i simply put a space there, thank you very much
Christian Neeley
@Chris6312
Nov 30 2015 08:29
no worries
Goje Samuel Andrei Daniel
@pringon
Nov 30 2015 08:29
thanks @Chris6312
CamperBot
@camperbot
Nov 30 2015 08:29
pringon sends brownie points to @chris6312 :sparkles: :thumbsup: :sparkles:
:star: 191 | @chris6312 | http://www.freecodecamp.com/chris6312
Goje Samuel Andrei Daniel
@pringon
Nov 30 2015 08:30
still having a problem with 3/5 challenges
Your page should have two radio button elements.
Give your radio buttons the name attribute of indoor-outdoor.
Each of your two radio button elements should be nested in its own label element.
Christian Neeley
@Chris6312
Nov 30 2015 08:30
help format
CamperBot
@camperbot
Nov 30 2015 08:30

: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

Christian Neeley
@Chris6312
Nov 30 2015 08:31
can you type your code in using the format provided?
Goje Samuel Andrei Daniel
@pringon
Nov 30 2015 08:32
'''
CamperBot
@camperbot
Nov 30 2015 08:32
:bulb: to format code use backticks! ``` more info
Goje Samuel Andrei Daniel
@pringon
Nov 30 2015 08:32

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

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

.smaller-image {
width: 100px;
}
</style>

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

<p>Click here for <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back" src="https://bit.ly/fcc-relaxing-cat"></a>

<p>Things cats love:</p>

<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>

<p>Top 3 things cats hate:</p>

<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>

<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>

<label><button type="radio" name="indoor-outdoor"> indoor</button></label>

<label><button type="radio" name="indoor-outdoor"> outdoor</button></label>

'''

CamperBot
@camperbot
Nov 30 2015 08:32
:bulb: to format code use backticks! ``` more info
Christian Neeley
@Chris6312
Nov 30 2015 08:32
use the ~ for backticks
Goje Samuel Andrei Daniel
@pringon
Nov 30 2015 08:32
ok

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

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

.smaller-image {
width: 100px;
}
</style>

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

<p>Click here for <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back" src="https://bit.ly/fcc-relaxing-cat"></a>

<p>Things cats love:</p>

<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>

<p>Top 3 things cats hate:</p>

<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>

<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>

<label><button type="radio" name="indoor-outdoor"> indoor</button></label>

<label><button type="radio" name="indoor-outdoor"> outdoor</button></label>

~~~

how do i do it?
sorry for bothering you , i don't really understand how i am suposed to do it
Christian Neeley
@Chris6312
Nov 30 2015 08:33
use the same button as tilde
without shift
Goje Samuel Andrei Daniel
@pringon
Nov 30 2015 08:33
so i put the 3 backsticks then press tilde?
then paste the code?
Christian Neeley
@Chris6312
Nov 30 2015 08:34
help format
CamperBot
@camperbot
Nov 30 2015 08:34

: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

Goje Samuel Andrei Daniel
@pringon
Nov 30 2015 08:35
<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;
  }

  .thick-green-border {
    border-color: green;
    border-width: 10px;
    border-style: solid;
    border-radius: 50%;
  }

  .smaller-image {
    width: 100px;
  }
</style>

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

<p>Click here for <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back" src="https://bit.ly/fcc-relaxing-cat"></a>

<p>Things cats love:</p>
<ul>
  <li>cat nip</li>
  <li>laser pointers</li>
  <li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
  <li>flea treatment</li>
  <li>thunder</li>
  <li>other cats</li>
</ol>
<form action="/submit-cat-photo">
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>

<label><button type="radio" name="indoor-outdoor"> indoor</button></label>

<label><button type="radio" name="indoor-outdoor"> outdoor</button></label>
like this?
Christian Neeley
@Chris6312
Nov 30 2015 08:35
yep
Goje Samuel Andrei Daniel
@pringon
Nov 30 2015 08:36
so , what do i have to change to pass those challenges?
Christian Neeley
@Chris6312
Nov 30 2015 08:36
you still have <button> instead of <input type="radio" name="indoor-outdoor"> and remove the </button>
Goje Samuel Andrei Daniel
@pringon
Nov 30 2015 08:36
so i should change button with input?
Christian Neeley
@Chris6312
Nov 30 2015 08:36
yep
Goje Samuel Andrei Daniel
@pringon
Nov 30 2015 08:37
okay , thanks
Christian Neeley
@Chris6312
Nov 30 2015 08:37
buttons don't have types but input have types of radio, checkbox, and textarea
Goje Samuel Andrei Daniel
@pringon
Nov 30 2015 08:37
oh ok
Christian Neeley
@Chris6312
Nov 30 2015 08:38
input can also have a single text line such as you see on a form whereas a textarea is for multi-lines
http://www.w3schools.com/html/html_form_input_types.asp input examples from w3c who writes what is and what is not valid when it comes to writing html and css
Gulshan Saini
@gulshansainis
Nov 30 2015 08:46
When ever I export as gist it shows created by anonymous for example: https://gist.github.com/anonymous/73f53f7fb374942e616e
i am not sure what’s wrong
i am logged in to github
i guess no body available here
moving this query to FreeCodeCamp
Anthony Guru
@mrguru2016
Nov 30 2015 08:52

Waypoint: Override Class Declarations by Styling ID Attributes

<style>
  body {
    background-color: black;
    font-family: Monospace;
    color: green;
  }
  .pink-text {
    color: pink;
  }
  .blue-text {
    color: blue;
  }
  #orange-text {
    color: orange;
  }
</style>
<h1 class="pink-text blue-text">Hello World!</h1>
<h1 id="orange-text">

Give your h1 element the id of orange-text.??

Christian Neeley
@Chris6312
Nov 30 2015 08:53
@mrguru2016 just like you have a class in h1 you need to add an id which is set to orange-text
if not css does not know where to style #orange-text
Anthony Guru
@mrguru2016
Nov 30 2015 08:54
I guess im lost on adding the id in particular @Chris6312
Christian Neeley
@Chris6312
Nov 30 2015 08:55
<h1 id="orange-text" class="pink-text blue-text">Hello World</h1>
it should all be in one h1 tag not two
Anthony Guru
@mrguru2016
Nov 30 2015 08:57
@Chris6312 hmm so I was supposed to add the orange txt inside the already made h1 class
Christian Neeley
@Chris6312
Nov 30 2015 08:57
yep
Anthony Guru
@mrguru2016
Nov 30 2015 08:57
@Chris6312 I see thanks a ton Chris
CamperBot
@camperbot
Nov 30 2015 08:57
mrguru2016 sends brownie points to @chris6312 :sparkles: :thumbsup: :sparkles:
:warning: mrguru2016 already gave chris6312 points
Christian Neeley
@Chris6312
Nov 30 2015 08:58
an id is something you plan on using once whereas a class may be call multiple times throughout your code
Traian
@traianmunteanu
Nov 30 2015 08:59
Hello! I could use a little help. I managed to make an infinite loop from one of the scripting exercises. It seems that the code is now stored in local storage or something and everytime I try to restart the exercise, it freezes again and again. Any idea how I should approach this? Thank a lot!
Anthony Guru
@mrguru2016
Nov 30 2015 08:59
That definitely clears up the knowledge and understanding @Chris6312
Christian Neeley
@Chris6312
Nov 30 2015 08:59
:smile:
@traianmunteanu if you are stuck in the loop can you click the reset code button?
Traian
@traianmunteanu
Nov 30 2015 09:00
Nope, the window basically freezes.
Christian Neeley
@Chris6312
Nov 30 2015 09:01
try closing the browser...worst case a computer reboot
Traian
@traianmunteanu
Nov 30 2015 09:02
Well, this happened last night, my machine was closed until now, but still.
Aleksander Gębicki
@Takumar
Nov 30 2015 09:03
@traianmunteanu you have to clear the cache of your browser.
Christian Neeley
@Chris6312
Nov 30 2015 09:04
http://stackoverflow.com/questions/7616143/cancel-infinite-loop-execution take a look at the got it without developer mode
basically open new tab hit shift + esc kill task
Traian
@traianmunteanu
Nov 30 2015 09:06
I solved it! I went into chrome setting, under the privacy tab, and deleted the cookies for local storage.
@Chris6312 should have worked too. Thank you for your help. Thank you, @Takumar
CamperBot
@camperbot
Nov 30 2015 09:07
traianmunteanu sends brownie points to @chris6312 and @takumar :sparkles: :thumbsup: :sparkles:
:star: 192 | @chris6312 | http://www.freecodecamp.com/chris6312
:star: 916 | @takumar | http://www.freecodecamp.com/takumar
Cheng Yanan
@mrcheng0910
Nov 30 2015 09:08
palindrome("1 eye for of 1 eye.") should return false., is it false?
Christian Neeley
@Chris6312
Nov 30 2015 09:09
yes
1 is the first alphanumeric word normal where as eye is the first alphanumeric word in reverse
you are including numbers and letters for this palindrome to work
Cheng Yanan
@mrcheng0910
Nov 30 2015 09:12
@Chris6312 ,thanks for your explaination,I done it
CamperBot
@camperbot
Nov 30 2015 09:12
mrcheng0910 sends brownie points to @chris6312 :sparkles: :thumbsup: :sparkles:
:star: 193 | @chris6312 | http://www.freecodecamp.com/chris6312
Cheng Yanan
@mrcheng0910
Nov 30 2015 09:13
function palindrome(str) {
  // Good luck!
  var expression = /[^a-z0-9]/ig;
  newstr = str.replace(expression,'');
  if (newstr.toLowerCase() == newstr.split('').reverse().join('').toLowerCase()){
        return true;
    }
    else{
        return false;
    }
}
Christian Neeley
@Chris6312
Nov 30 2015 09:13
nice :smile:
mine looked like this
function palindrome(str) {
  // Good luck!
  str = str.toLowerCase().replace(/[^a-z0-9]+/g, '');
  return str === str.split('').reverse().join('');
} 
palindrome("eye");
Cheng Yanan
@mrcheng0910
Nov 30 2015 09:15
@Chris6312 ,brilliant!!!,I learned a lot
Christian Neeley
@Chris6312
Nov 30 2015 09:16
many ways to do it...i think yours follows the recursive format
dc
@dcsan
Nov 30 2015 09:16
botstatus
CamperBot
@camperbot
Nov 30 2015 09:16
All bot systems are go!
botVersion: 0.0.11
env: prod
botname: camperbot
dc
@dcsan
Nov 30 2015 09:16
explain ternary
CamperBot
@camperbot
Nov 30 2015 09:16

:point_right: js ternary [wiki]

The Ternary operator replaces an if/then block in a very small compact way.
It's mostly used in one liners for simple tests and replacements, like this:

var x = false;
var s = x ? "yes" : "no";
console.log(s);  //→ "no"

:pencil: read more about js ternary on the FCC Wiki

dc
@dcsan
Nov 30 2015 09:16
thanks @mrcheng0910
CamperBot
@camperbot
Nov 30 2015 09:16
dcsan sends brownie points to @mrcheng0910 :sparkles: :thumbsup: :sparkles:
:star: 186 | @mrcheng0910 | http://www.freecodecamp.com/mrcheng0910
dc
@dcsan
Nov 30 2015 09:17
bf funkey
CamperBot
@camperbot
Nov 30 2015 09:17
Sorry, can't find a bonfire called funkey. [ Check the map? ]
dc
@dcsan
Nov 30 2015 09:17
bonfire monkey
CamperBot
@camperbot
Nov 30 2015 09:17

:fire:Bonfire: Chunky Monkey :link:

function chunk(arr, size) {
  // Break it up.
  return arr;
}

chunk(['a', 'b', 'c', 'd'], 2);

Write a function that splits an array (first argument) into groups the length of size (second argument) and returns them as a multidimensional array.

more info:  bf details | bf links | hint

dc
@dcsan
Nov 30 2015 09:17
bf hint
CamperBot
@camperbot
Nov 30 2015 09:17
:construction: Spoilers are only in the Bonfire's Custom Room :point_right:
Anthony Guru
@mrguru2016
Nov 30 2015 09:21

Waypoint: Use Responsive Design with Bootstrap Fluid Containers

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

  .thick-green-border {
    border-color: green;
    border-width: 10px;
    border-style: solid;
    border-radius: 50%;
  }

  .smaller-image {
    width: 100px;
  }
</style>

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

<p>Click here for <a href="#">cat photos</a>.</p>

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

<p>Things cats love:</p>
<ul>
  <li>cat nip</li>
  <li>laser pointers</li>
  <li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
  <li>flea treatment</li>
  <li>thunder</li>
  <li>other cats</li>
</ol>
<form action="/submit-cat-photo">
  <label><input type="radio" name="indoor-outdoor"> Indoor</label>
  <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
  <label><input type="checkbox" name="personality"> Loving</label>
  <label><input type="checkbox" name="personality"> Lazy</label>
  <label><input type="checkbox" name="personality"> Crazy</label>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
<div class="container-fluid">

nest all of our HTML in a div element with the class container-fluid??

Christian Neeley
@Chris6312
Nov 30 2015 09:22
basically your div should be the very first and last tag
last tag being the closing div tag
nested just means put all your code with some tag and then closed with that tag i.e <div> rest of code </div>
Annis Monadjem
@Annis-Monadjem
Nov 30 2015 09:39
I need your help with understanding Bootstrap. As I work freecodecamp for an added workout I been have running freecodecamp code examples on my desktop's Chrome browser and everything first looked fine. Once I started the chapter on Responsive Design with Bootstrap I have noticed that Bootstrap is not working well with my desktop screen. Has anyone noticed that or am I missing out something? My original impression was that Bootstrap should run across desktop and mobile. But now I see that for example the class block button 'btn-block' is not setting the button on my desktop browser the way I see it on the viewing panel on freecddecamp website. Also why the Bootstrap button 'text-center' is not centering the h2 element on Chrome browser? Note, that I use: <link type="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" > and also i use container-fluid class. Grateful, for your comments and suggestions.
Christian Neeley
@Chris6312
Nov 30 2015 09:45
if you are not running from fcc but on a text editor did you include <meta name="viewport" content="width=device-width, initial-scale=1"> in the head tag?
Annis Monadjem
@Annis-Monadjem
Nov 30 2015 09:51
@Chris6312 still the same and no visual improvement. What else please?
Christian Neeley
@Chris6312
Nov 30 2015 09:58
have you included the js cdn as well?
there should be one for css which you have listed but there is a js cdn also
Annis Monadjem
@Annis-Monadjem
Nov 30 2015 09:59
@Chris6312 well i just know the 5 first sessions on Bootstrap, so my best answer is 'no'
Christian Neeley
@Chris6312
Nov 30 2015 09:59
it should look like <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha256-KXn5puMvxCw+dAYznun+drMdG1IFl3agK0p/pqT9KAo= sha512-2e8qq0ETcfWRI4HJBzQiA3UoyFk6tbNyG+qSaIBZLyW9Xf3sWZHN/lxe9fTh1U45DpPf07yj94KsUHHWe4Yk1A==" crossorigin="anonymous"></script>
that is if you are not doing it using the freecodecamp editor
Annis Monadjem
@Annis-Monadjem
Nov 30 2015 10:02
@Chris6312 do i also need to use the earlier 'meta' you suggested above?
Christian Neeley
@Chris6312
Nov 30 2015 10:02
yes that is what sets the zoom for the different media sizes whether it be desktop, mobile, or tablet
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>
this is a minimal template for bootstrap
here on fcc we don't have to worry about it
Christian Neeley
@Chris6312
Nov 30 2015 10:08
we just have to type what's in between the body tags
Jatudrei
@Jatudrei
Nov 30 2015 10:13
Does anybody know how I can use Google Chrome or Microsoft Edge to preview my html before I put it up on public display?
Christian Neeley
@Chris6312
Nov 30 2015 10:15
use an html editor such as notepad++ then click the run tab which will give you a browser to test it on
Anthony Guru
@mrguru2016
Nov 30 2015 10:15
Waypoint: Use Responsive Design with Bootstrap Fluid Containers Im back and still kind of lost on the <div> nesting tag
<div>
<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;
  }

  .thick-green-border {
    border-color: green;
    border-width: 10px;
    border-style: solid;
    border-radius: 50%;
  }

  .smaller-image {
    width: 100px;
  }
</style>

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

<p>Click here for <a href="#">cat photos</a>.</p>

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

<p>Things cats love:</p>
<ul>
  <li>cat nip</li>
  <li>laser pointers</li>
  <li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
  <li>flea treatment</li>
  <li>thunder</li>
  <li>other cats</li>
</ol>
<form action="/submit-cat-photo">
  <label><input type="radio" name="indoor-outdoor"> Indoor</label>
  <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
  <label><input type="checkbox" name="personality"> Loving</label>
  <label><input type="checkbox" name="personality"> Lazy</label>
  <label><input type="checkbox" name="personality"> Crazy</label>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
<div class="container-fluid">
  </div>
Sanket Somani
@sanket25
Nov 30 2015 10:15

jQuery also has a similar function called .text() that only alters text without adding tags.

Change the button with id target4 by italicizing its text.

Anthony Guru
@mrguru2016
Nov 30 2015 10:16
Which portions are to be placed in <div>
hemu1819
@hemu1819
Nov 30 2015 10:16
+= what does this mean?
Christian Neeley
@Chris6312
Nov 30 2015 10:16
@mrguru2016 move the div with container-fluid to the top just above the h2 with red-text class
Jatudrei
@Jatudrei
Nov 30 2015 10:16
@Chris6312, I'm using Atom, but I don't see a Run tab.
Anthony Guru
@mrguru2016
Nov 30 2015 10:17
@Chris6312 ok
Christian Neeley
@Chris6312
Nov 30 2015 10:18
@hemu1819 += is the same as str = str + length for example
Anthony Guru
@mrguru2016
Nov 30 2015 10:18
That did it :)
Christian Neeley
@Chris6312
Nov 30 2015 10:18
@mrguru2016 :thumbsup:
hemu1819
@hemu1819
Nov 30 2015 10:19
@Chris6312 ok
Christian Neeley
@Chris6312
Nov 30 2015 10:20
@Jatudrei dont use atom but their should be a compile or debug option which allows you to view it in a particular browser
Jatudrei
@Jatudrei
Nov 30 2015 10:20
Compile or debug? I'll look for that.
Adrian
@Adrian95
Nov 30 2015 10:22
i feel like the 10 hours i put into html, css, bootstrap and jquery is not enough too feel confident at them. should i go thourgh one more time for repition?
Dirigista
@Dirigista
Nov 30 2015 10:24

<div class="container-fluid">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

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

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

.smaller-image {
width: 100px;
}
</style>

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

<p>Click here for <a href="#">cat photos</a>.</p>

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

<p>Things cats love:</p>

<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>

<p>Top 3 things cats hate:</p>

<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>

<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>

sorry... first message
how to import code here?
Jatudrei
@Jatudrei
Nov 30 2015 10:25
Don't see anything that says compile or debug, @Chris6312. Any other ideas?
Christian Neeley
@Chris6312
Nov 30 2015 10:25
help format
CamperBot
@camperbot
Nov 30 2015 10:25

: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

Christian Neeley
@Chris6312
Nov 30 2015 10:25
no ive been trying to google it but havent seen anything
Dirigista
@Dirigista
Nov 30 2015 10:26
...

...

<div class="container-fluid">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

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

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

.smaller-image {
width: 100px;
}
</style>

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

<p>Click here for <a href="#">cat photos</a>.</p>

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

<p>Things cats love:</p>

<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>

<p>Top 3 things cats hate:</p>

<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>

<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
...

Jatudrei
@Jatudrei
Nov 30 2015 10:26
Thanks anyways, @Chris6312. I appreciate your trying to help me.
CamperBot
@camperbot
Nov 30 2015 10:26
jatudrei sends brownie points to @chris6312 :sparkles: :thumbsup: :sparkles:
:star: 195 | @chris6312 | http://www.freecodecamp.com/chris6312
Jatudrei
@Jatudrei
Nov 30 2015 10:28
Well, it seems to open in a browser if I open it from the file folder--but that seems pretty clunky. Whatever,it'll do for now.
Dirigista
@Dirigista
Nov 30 2015 10:33
<div class="container-fluid">
  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
  <link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

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

  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }

  .thick-green-border {
    border-color: green;
    border-width: 10px;
    border-style: solid;
    border-radius: 50%;
  }

  .smaller-image {
    width: 100px;
  }
</style>

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

<p>Click here for <a href="#">cat photos</a>.</p>

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

<p>Things cats love:</p>
<ul>
  <li>cat nip</li>
  <li>laser pointers</li>
  <li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
  <li>flea treatment</li>
  <li>thunder</li>
  <li>other cats</li>
</ol>
<form action="/submit-cat-photo">
  <label><input type="radio" name="indoor-outdoor"> Indoor</label>
  <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
  <label><input type="checkbox" name="personality"> Loving</label>
  <label><input type="checkbox" name="personality"> Lazy</label>
  <label><input type="checkbox" name="personality"> Crazy</label>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
where i have to move the div class container-fluid?
Anthony Guru
@mrguru2016
Nov 30 2015 10:34
atop
above red-text
@Dirigista right above the red-text element
Waypoint: Make Images Mobile Responsive
new image should be below your old one and have the class img-responsive??
<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;
  }

  .thick-green-border {
    border-color: green;
    border-width: 10px;
    border-style: solid;
    border-radius: 50%;
  }

  .smaller-image {
    width: 100px;
  }
</style>

<div class="container-fluid">
  <h2 class="red-text">CatPhotoApp</h2>

  <p>Click here for <a href="#">cat photos</a>.</p>

  <a href="#"><img class="smaller-image thick-green-border" src="http://bit.ly/fcc-relaxing-cat"></a>
  <img src=http://bit.ly/fcc-running-cats>

  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
  <form action="/submit-cat-photo">
    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
    <label><input type="checkbox" name="personality"> Loving</label>
    <label><input type="checkbox" name="personality"> Lazy</label>
    <label><input type="checkbox" name="personality"> Crazy</label>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
</div>
Dirigista
@Dirigista
Nov 30 2015 10:37
@mrguru2016 Ty