Fetch the repository succeeded.
This action will force synchronization from FreeCodeCamp/freecodecamp.cn, which will overwrite any changes that you have made since you forked the repository, and can not be recovered!!!
Synchronous operation will process in the background and will refresh the page when finishing processing. Please be patient.
var obj = {
"progressTimestamps" : [
{
"timestamp" : 1460051412338
},
{
"timestamp" : 1461850905694,
"completedChallenge" : "bd7158d8c442eddfbeb5bd1f"
},
{
"timestamp" : 1461854043990,
"completedChallenge" : "bd7158d2c442eddfbeb5bd1f"
},
{
"timestamp" : 1461854044008,
"completedChallenge" : "bd7158d2c442eddfbeb5bd1f"
},
{
"timestamp" : 1461899275997,
"completedChallenge" : "a302f7aae1aa3152a5b413bc"
},
{
"timestamp" : 1462101383356,
"completedChallenge" : "ab31c21b530c0dafa9e241ee"
},
{
"timestamp" : 1462109037999,
"completedChallenge" : "a24c1a4622e3c05097f71d67"
},
{
"timestamp" : 1462241078035,
"completedChallenge" : "560add10cb82ac38a17513be"
},
{
"timestamp" : 1462242032956,
"completedChallenge" : "560add37cb82ac38a17513bf"
},
{
"timestamp" : 1462242257257,
"completedChallenge" : "560add56cb82ac38a17513c0"
},
{
"timestamp" : 1462242295554,
"completedChallenge" : "560add71cb82ac38a17513c2"
},
{
"timestamp" : 1462242514658,
"completedChallenge" : "560add8ccb82ac38a17513c4"
},
{
"timestamp" : 1462244368154,
"completedChallenge" : "bd7123c8c441eddfaeb5bdef"
},
{
"timestamp" : 1462244984451,
"completedChallenge" : "bad87fee1348bd9aedf0887a"
},
{
"timestamp" : 1462244994182,
"completedChallenge" : "bad87fee1348bd9aedf08801"
},
{
"timestamp" : 1462245177972,
"completedChallenge" : "bad87fee1348bd9aedf08802"
},
{
"timestamp" : 1462245377880,
"completedChallenge" : "bad87fee1348bd9aedf08804"
},
{
"timestamp" : 1462251352803,
"completedChallenge" : "bad87fee1348bd9aedf08833"
},
{
"timestamp" : 1462251406737,
"completedChallenge" : "bad87fed1348bd9aedf08833"
},
{
"timestamp" : 1462251577194,
"completedChallenge" : "bad87fee1348bd9aedf08803"
},
{
"timestamp" : 1462252013280,
"completedChallenge" : "bad87fee1348bd9aedf08805"
},
{
"timestamp" : 1462355644231,
"completedChallenge" : "bad87fee1348bd9aecf08806"
},
{
"timestamp" : 1462355683651,
"completedChallenge" : "bad87fee1348bd9aefe08806"
},
{
"timestamp" : 1462355744710,
"completedChallenge" : "bad87fee1348bd9aedf08806"
},
{
"timestamp" : 1462355762618,
"completedChallenge" : "bad87fee1348bd9aede08807"
},
{
"timestamp" : 1462356332290,
"completedChallenge" : "bad87fee1348bd9aedf08807"
},
{
"timestamp" : 1462356358287,
"completedChallenge" : "bad87fee1348bd9aedf08808"
},
{
"timestamp" : 1462356369465,
"completedChallenge" : "bad87fee1348bd9aedf08812"
},
{
"timestamp" : 1462356639113,
"completedChallenge" : "bad87fee1348bd9acdf08812"
},
{
"timestamp" : 1462356710012,
"completedChallenge" : "bad87fee1348bd9bedf08813"
},
{
"timestamp" : 1462425068659,
"completedChallenge" : "bad87fee1348bd9aedf08814"
},
{
"timestamp" : 1462425096436,
"completedChallenge" : "bad87fee1348bd9aedf08815"
},
{
"timestamp" : 1462425214182,
"completedChallenge" : "bad87fee1348bd9aedf08816"
},
{
"timestamp" : 1462426196990,
"completedChallenge" : "bad87fee1348bd9aede08817"
},
{
"timestamp" : 1462426422817,
"completedChallenge" : "bad87fee1348bd9aedf08817"
},
{
"timestamp" : 1462426609369,
"completedChallenge" : "bad87fee1348bd9aedf08820"
},
{
"timestamp" : 1462426736505,
"completedChallenge" : "bad87fee1348bd9aedf08818"
},
{
"timestamp" : 1462752373324,
"completedChallenge" : "bad87fee1348bd9aedf08827"
},
{
"timestamp" : 1462752702512,
"completedChallenge" : "bad87fee1348bd9aedf08828"
},
{
"timestamp" : 1462752725358,
"completedChallenge" : "bad87fee1348bd9aedf08829"
},
{
"timestamp" : 1462752993102,
"completedChallenge" : "bad87fee1348bd9aedf08830"
},
{
"timestamp" : 1462753185378,
"completedChallenge" : "bad87fee1348bd9aede08830"
},
{
"timestamp" : 1462753266395,
"completedChallenge" : "bad87fee1348bd9aedd08830"
},
{
"timestamp" : 1462753415353,
"completedChallenge" : "bad87fee1348bd9aedc08830"
},
{
"timestamp" : 1462762368918,
"completedChallenge" : "bad87fee1348bd9aedf08834"
},
{
"timestamp" : 1462762865107,
"completedChallenge" : "bad87fee1348bd9aedf08835"
},
{
"timestamp" : 1462762979934,
"completedChallenge" : "bad87fee1348bd9aedd08835"
},
{
"timestamp" : 1462763564186,
"completedChallenge" : "bad87fee1348bd9aede08835"
},
{
"timestamp" : 1462763669084,
"completedChallenge" : "bad87fed1348bd9aede07836"
},
{
"timestamp" : 1462763745535,
"completedChallenge" : "bad87eee1348bd9aede07836"
},
{
"timestamp" : 1462763864820,
"completedChallenge" : "bad87dee1348bd9aede07836"
},
{
"timestamp" : 1462764223569,
"completedChallenge" : "bad88fee1348bd9aedf08825"
},
{
"timestamp" : 1462764436439,
"completedChallenge" : "bad87fee1348bd9aedf08822"
},
{
"timestamp" : 1462764624914,
"completedChallenge" : "bad87fee1348bd9aedf08823"
},
{
"timestamp" : 1462764765571,
"completedChallenge" : "bad87fee1348bd9aedf08824"
},
{
"timestamp" : 1462764856966,
"completedChallenge" : "bad87fee1248bd9aedf08824"
},
{
"timestamp" : 1462765288150,
"completedChallenge" : "bad87fee1348bd9aedf08826"
},
{
"timestamp" : 1462767630231,
"completedChallenge" : "bad87fee1348bd9afdf08726"
},
{
"timestamp" : 1462767693017,
"completedChallenge" : "bad87fee1348bd9aedf08736"
},
{
"timestamp" : 1462767894317,
"completedChallenge" : "bad87fee1348bd9aedf08746"
},
{
"timestamp" : 1462768117074,
"completedChallenge" : "bad87fee1348bd9aedf08756"
},
{
"timestamp" : 1462768252161,
"completedChallenge" : "bad87fee1348bd9aedf04756"
},
{
"timestamp" : 1462768347521,
"completedChallenge" : "bad87fee1348bd8aedf06756"
},
{
"timestamp" : 1462768440548,
"completedChallenge" : "bad87fee1348bd9aedf06756"
},
{
"timestamp" : 1462769426912,
"completedChallenge" : "bad87fee1348bd9aedf07756"
},
{
"timestamp" : 1462769721501,
"completedChallenge" : "bad87fee1348bd9aedf08726"
},
{
"timestamp" : 1462772138056,
"completedChallenge" : "bad87fee1348bd9aedf08725"
},
{
"timestamp" : 1462772465843,
"completedChallenge" : "bad87fee1348bd9aedf08724"
},
{
"timestamp" : 1462772491093,
"completedChallenge" : "bad87fee1348bd9aedf08723"
},
{
"timestamp" : 1462772504899,
"completedChallenge" : "bad87fee1348bd9aedf08722"
},
{
"timestamp" : 1462772554616,
"completedChallenge" : "bad87fee1348bd9aedf08721"
},
{
"timestamp" : 1462772625381,
"completedChallenge" : "bad87fee1348bd9aede08720"
},
{
"timestamp" : 1462772864956,
"completedChallenge" : "bad87fee1348bd9aedf08720"
},
{
"timestamp" : 1462772911466,
"completedChallenge" : "bad87fee1348bd9aedf08719"
},
{
"timestamp" : 1462773269006,
"completedChallenge" : "bad87fee1348bd9aede08718"
},
{
"timestamp" : 1462773383535,
"completedChallenge" : "bad88fee1348bd9aedf08726"
},
{
"timestamp" : 1462773484346,
"completedChallenge" : "bad89fee1348bd9aedf08724"
},
{
"timestamp" : 1462773516372,
"completedChallenge" : "bad80fee1348bd9aedf08723"
},
{
"timestamp" : 1462773527876,
"completedChallenge" : "bad81fee1348bd9aedf08722"
},
{
"timestamp" : 1462773547316,
"completedChallenge" : "bad82fee1348bd9aedf08721"
},
{
"timestamp" : 1462773716276,
"completedChallenge" : "bad87fee1348bd9acde08712"
},
{
"timestamp" : 1462774105128,
"completedChallenge" : "bad87fee1348bd9acde08812"
},
{
"timestamp" : 1462774178199,
"completedChallenge" : "bad87fee1348bd8acde08812"
},
{
"timestamp" : 1462774278702,
"completedChallenge" : "bad87fee1348cd8acdf08812"
},
{
"timestamp" : 1462774406822,
"completedChallenge" : "bad87fee1348cd8acef08812"
},
{
"timestamp" : 1462774487826,
"completedChallenge" : "bad87fee1348cd8acef08811"
},
{
"timestamp" : 1462774887926,
"completedChallenge" : "bad87fee1348cd8acef08813"
},
{
"timestamp" : 1462775031922,
"completedChallenge" : "bad87fee1348ce8acef08814"
},
{
"timestamp" : 1462775273853,
"completedChallenge" : "bad88fee1348ce8acef08815"
},
{
"timestamp" : 1462775605809,
"completedChallenge" : "bad87fee1347bd9aedf08845"
},
{
"timestamp" : 1462775845583,
"completedChallenge" : "bad87fee1348bd9aedf08845"
},
{
"timestamp" : 1462776106106,
"completedChallenge" : "bad87fee1348bd9aede08845"
},
{
"timestamp" : 1462776378972,
"completedChallenge" : "bad87fee1348bd9aedd08845"
},
{
"timestamp" : 1462776670489,
"completedChallenge" : "bad87fee1348bd9aedc08845"
},
{
"timestamp" : 1462776986584,
"completedChallenge" : "bad87fee1348bd9aedb08845"
},
{
"timestamp" : 1462777132932,
"completedChallenge" : "bad87fee1348bd9aeda08845"
},
{
"timestamp" : 1462777503182,
"completedChallenge" : "bad87fee1348bd9aed908845"
},
{
"timestamp" : 1462777639526,
"completedChallenge" : "bad87fee1348bd9aec908845"
},
{
"timestamp" : 1462777690621,
"completedChallenge" : "bad87fee1348bd9aec908846"
},
{
"timestamp" : 1462777817279,
"completedChallenge" : "bad87fee1348bd9aec908746"
},
{
"timestamp" : 1462777831972,
"completedChallenge" : "bad87fee1348bd9bec908846"
},
{
"timestamp" : 1462777854058,
"completedChallenge" : "bad87fee1348bd9aec908847"
},
{
"timestamp" : 1462791212142,
"completedChallenge" : "bad87fee1348bd9aec908848"
},
{
"timestamp" : 1462791286814,
"completedChallenge" : "bad87fee1348bd9aec908849"
},
{
"timestamp" : 1462791337013,
"completedChallenge" : "bad87fee1348bd9aec908850"
},
{
"timestamp" : 1462791402310,
"completedChallenge" : "bad87fee1348bd9aec908852"
},
{
"timestamp" : 1462791473488,
"completedChallenge" : "bad87fee1348bd9aec908853"
},
{
"timestamp" : 1462791612164,
"completedChallenge" : "bad87fee1348bd9aec908854"
},
{
"timestamp" : 1462791710424,
"completedChallenge" : "bad87fee1348bd9aec908855"
},
{
"timestamp" : 1462791876536,
"completedChallenge" : "bad87fee1348bd9aec908856"
},
{
"timestamp" : 1462792017602,
"completedChallenge" : "bad87fee1348bd9aec908857"
},
{
"timestamp" : 1462792116630,
"completedChallenge" : "570add8ccb82ac38a17513c3"
},
{
"timestamp" : 1462792215233,
"completedChallenge" : "560adc65cb82ac38a17513c2"
},
{
"timestamp" : 1462792215243,
"completedChallenge" : "560adc65cb82ac38a17513c2"
},
{
"timestamp" : 1462792236571,
"completedChallenge" : "560adf65cb82ac38a17513c2"
},
{
"timestamp" : 1462792281918,
"completedChallenge" : "560ade65cb82ac38a17513c2"
},
{
"timestamp" : 1462793087511,
"completedChallenge" : "560add8ccb81ac38a17513c4"
},
{
"timestamp" : 1462795221368,
"completedChallenge" : "bad87fee1348bd9acdd08826"
},
{
"timestamp" : 1462795761942,
"completedChallenge" : "bad87fee1348bd9bedc08826"
},
{
"timestamp" : 1462796323986,
"completedChallenge" : "bad87fee1348bd9aedc08826"
},
{
"timestamp" : 1462796679841,
"completedChallenge" : "bad87fee1348bd9aeda08826"
},
{
"timestamp" : 1462796760829,
"completedChallenge" : "bad87fee1348bd9aeda08726"
},
{
"timestamp" : 1462797962296,
"completedChallenge" : "bad87fee1348bd9aed908626"
},
{
"timestamp" : 1462798344325,
"completedChallenge" : "bad87fee1348bd9aed918626"
},
{
"timestamp" : 1462798458782,
"completedChallenge" : "bad87fee1348bd9aed908826"
},
{
"timestamp" : 1462798690027,
"completedChallenge" : "bad87fee1348bd9aed808826"
},
{
"timestamp" : 1462844063834,
"completedChallenge" : "564944c91be2204b269d51e3"
},
{
"timestamp" : 1462844095735,
"completedChallenge" : "bad87fee1348bd9aed708826"
},
{
"timestamp" : 1462844311041,
"completedChallenge" : "bad87fee1348bd9aed608826"
},
{
"timestamp" : 1462844804422,
"completedChallenge" : "bad87fee1348bd9aed508826"
},
{
"timestamp" : 1462846056266,
"completedChallenge" : "bad87fee1348bd9aed308826"
},
{
"timestamp" : 1462846619204,
"completedChallenge" : "bad87fee1348bd9aed208826"
},
{
"timestamp" : 1462847783225,
"completedChallenge" : "bad87fee1348bd9aed108826"
},
{
"timestamp" : 1462848985198,
"completedChallenge" : "bad87fee1348bd9aed008826"
},
{
"timestamp" : 1462849236872,
"completedChallenge" : "bad87fee1348bd9aecb08826"
},
{
"timestamp" : 1462849992851,
"completedChallenge" : "bd7158d8c442eddfaeb5bd18"
},
{
"timestamp" : 1462876333267,
"completedChallenge" : "bd7123c9c441eddfaeb4bdef"
},
{
"timestamp" : 1462877580140,
"completedChallenge" : "bd7123c9c443eddfaeb5bdef"
},
{
"timestamp" : 1462878027816,
"completedChallenge" : "56533eb9ac21ba0edf2244a8"
},
{
"timestamp" : 1462878147267,
"completedChallenge" : "56533eb9ac21ba0edf2244a9"
},
{
"timestamp" : 1462878480430,
"completedChallenge" : "56533eb9ac21ba0edf2244aa"
},
{
"timestamp" : 1462879350315,
"completedChallenge" : "56533eb9ac21ba0edf2244ab"
},
{
"timestamp" : 1462881232885,
"completedChallenge" : "cf1111c1c11feddfaeb3bdef"
},
{
"timestamp" : 1462881248603,
"completedChallenge" : "cf1111c1c11feddfaeb4bdef"
},
{
"timestamp" : 1462881260926,
"completedChallenge" : "cf1231c1c11feddfaeb5bdef"
},
{
"timestamp" : 1462881403573,
"completedChallenge" : "cf1111c1c11feddfaeb6bdef"
},
{
"timestamp" : 1462881603671,
"completedChallenge" : "56533eb9ac21ba0edf2244ac"
},
{
"timestamp" : 1462881705246,
"completedChallenge" : "56533eb9ac21ba0edf2244ad"
},
{
"timestamp" : 1462881944248,
"completedChallenge" : "cf1391c1c11feddfaeb4bdef"
},
{
"timestamp" : 1462882061971,
"completedChallenge" : "bd7993c9c69feddfaeb7bdef"
},
{
"timestamp" : 1462882083863,
"completedChallenge" : "bd7993c9ca9feddfaeb7bdef"
},
{
"timestamp" : 1462882866679,
"completedChallenge" : "56533eb9ac21ba0edf2244ae"
},
{
"timestamp" : 1462883294849,
"completedChallenge" : "56533eb9ac21ba0edf2244af"
},
{
"timestamp" : 1462883485430,
"completedChallenge" : "56533eb9ac21ba0edf2244b0"
},
{
"timestamp" : 1462883605850,
"completedChallenge" : "56533eb9ac21ba0edf2244b1"
},
{
"timestamp" : 1462883680665,
"completedChallenge" : "56533eb9ac21ba0edf2244b2"
},
{
"timestamp" : 1462884364080,
"completedChallenge" : "56533eb9ac21ba0edf2244b3"
},
{
"timestamp" : 1462884476294,
"completedChallenge" : "bd7123c9c444eddfaeb5bdef"
},
{
"timestamp" : 1462884836703,
"completedChallenge" : "56533eb9ac21ba0edf2244b5"
},
{
"timestamp" : 1462885203638,
"completedChallenge" : "56533eb9ac21ba0edf2244b4"
},
{
"timestamp" : 1462885424595,
"completedChallenge" : "56533eb9ac21ba0edf2244b6"
},
{
"timestamp" : 1462928504015,
"completedChallenge" : "56533eb9ac21ba0edf2244b7"
},
{
"timestamp" : 1462928786479,
"completedChallenge" : "56533eb9ac21ba0edf2244b8"
},
{
"timestamp" : 1462929160649,
"completedChallenge" : "56533eb9ac21ba0edf2244b9"
},
{
"timestamp" : 1462929332489,
"completedChallenge" : "56533eb9ac21ba0edf2244ed"
},
{
"timestamp" : 1462929600133,
"completedChallenge" : "bd7123c9c448eddfaeb5bdef"
},
{
"timestamp" : 1462930382328,
"completedChallenge" : "bd7123c9c549eddfaeb5bdef"
},
{
"timestamp" : 1462931131701,
"completedChallenge" : "56533eb9ac21ba0edf2244ba"
},
{
"timestamp" : 1462931979558,
"completedChallenge" : "bd7123c9c450eddfaeb5bdef"
},
{
"timestamp" : 1462932119783,
"completedChallenge" : "bd7123c9c451eddfaeb5bdef"
},
{
"timestamp" : 1462932438256,
"completedChallenge" : "bd7123c9c452eddfaeb5bdef"
},
{
"timestamp" : 1462933080563,
"completedChallenge" : "56533eb9ac21ba0edf2244bb"
},
{
"timestamp" : 1462934128127,
"completedChallenge" : "bd7993c9c69feddfaeb8bdef"
},
{
"timestamp" : 1462934237148,
"completedChallenge" : "cf1111c1c11feddfaeb7bdef"
},
{
"timestamp" : 1462934388602,
"completedChallenge" : "56bbb991ad1ed5201cd392ca"
},
{
"timestamp" : 1462935267711,
"completedChallenge" : "cf1111c1c11feddfaeb8bdef"
},
{
"timestamp" : 1462935674245,
"completedChallenge" : "56592a60ddddeae28f7aa8e1"
},
{
"timestamp" : 1462935777417,
"completedChallenge" : "56bbb991ad1ed5201cd392cb"
},
{
"timestamp" : 1462935971612,
"completedChallenge" : "56bbb991ad1ed5201cd392cc"
},
{
"timestamp" : 1462935995505,
"completedChallenge" : "56bbb991ad1ed5201cd392cd"
},
{
"timestamp" : 1462936228491,
"completedChallenge" : "56bbb991ad1ed5201cd392ce"
},
{
"timestamp" : 1462936586564,
"completedChallenge" : "56533eb9ac21ba0edf2244bc"
},
{
"timestamp" : 1462936980281,
"completedChallenge" : "56bbb991ad1ed5201cd392cf"
},
{
"timestamp" : 1462937636195,
"completedChallenge" : "56533eb9ac21ba0edf2244bd"
},
{
"timestamp" : 1462938267271,
"completedChallenge" : "56533eb9ac21ba0edf2244be"
},
{
"timestamp" : 1462945970622,
"completedChallenge" : "56533eb9ac21ba0edf2244bf"
},
{
"timestamp" : 1462946283912,
"completedChallenge" : "56533eb9ac21ba0edf2244c0"
},
{
"timestamp" : 1462946402831,
"completedChallenge" : "56533eb9ac21ba0edf2244c2"
},
{
"timestamp" : 1462946638280,
"completedChallenge" : "56533eb9ac21ba0edf2244c3"
},
{
"timestamp" : 1462947515435,
"completedChallenge" : "56533eb9ac21ba0edf2244c6"
},
{
"timestamp" : 1462947695382,
"completedChallenge" : "bd7123c9c441eddfaeb5bdef"
},
{
"timestamp" : 1462947959846,
"completedChallenge" : "cf1111c1c12feddfaeb3bdef"
},
{
"timestamp" : 1462948169192,
"completedChallenge" : "56533eb9ac21ba0edf2244d0"
},
{
"timestamp" : 1462948373286,
"completedChallenge" : "56533eb9ac21ba0edf2244d1"
},
{
"timestamp" : 1462948435565,
"completedChallenge" : "56533eb9ac21ba0edf2244d2"
},
{
"timestamp" : 1462948496967,
"completedChallenge" : "56533eb9ac21ba0edf2244d3"
},
{
"timestamp" : 1462948583533,
"completedChallenge" : "56533eb9ac21ba0edf2244d4"
},
{
"timestamp" : 1462948741805,
"completedChallenge" : "56533eb9ac21ba0edf2244d5"
},
{
"timestamp" : 1462948764506,
"completedChallenge" : "56533eb9ac21ba0edf2244d6"
},
{
"timestamp" : 1462948786474,
"completedChallenge" : "56533eb9ac21ba0edf2244d7"
},
{
"timestamp" : 1462949450043,
"completedChallenge" : "56533eb9ac21ba0edf2244d8"
},
{
"timestamp" : 1462950380613,
"completedChallenge" : "56533eb9ac21ba0edf2244d9"
},
{
"timestamp" : 1462950810171,
"completedChallenge" : "56533eb9ac21ba0edf2244da"
},
{
"timestamp" : 1462951052946,
"completedChallenge" : "56533eb9ac21ba0edf2244db"
},
{
"timestamp" : 1462952233276,
"completedChallenge" : "5690307fddb111c6084545d7"
},
{
"timestamp" : 1462952920080,
"completedChallenge" : "56533eb9ac21ba0edf2244dc"
},
{
"timestamp" : 1462955735383,
"completedChallenge" : "5664820f61c48e80c9fa476c"
},
{
"timestamp" : 1462957184771,
"completedChallenge" : "56533eb9ac21ba0edf2244dd"
},
{
"timestamp" : 1462957970167,
"completedChallenge" : "56533eb9ac21ba0edf2244de"
},
{
"timestamp" : 1462963834193,
"completedChallenge" : "56533eb9ac21ba0edf2244df"
},
{
"timestamp" : 1462964351154,
"completedChallenge" : "56533eb9ac21ba0edf2244e0"
}
],
"challengeMap" : {
"bd7158d8c442eddfbeb5bd1f" : {
"id" : "bd7158d8c442eddfbeb5bd1f",
"challengeType" : 7,
"name" : "Get Set for our Front End Development Projects",
"completedDate" : 1461850905694,
"lastUpdated" : 1462849251440
},
"bd7158d2c442eddfbeb5bd1f" : {
"id" : "bd7158d2c442eddfbeb5bd1f",
"challengeType" : 7,
"name" : "Get Set for our Algorithm Challenges",
"completedDate" : 1461854044008
},
"a302f7aae1aa3152a5b413bc" : {
"id" : "a302f7aae1aa3152a5b413bc",
"challengeType" : 5,
"solution" : "function factorialize(num) {\n var result =1;\n for(var i=1;i<=num;i++){\n result = result*i;\n }\n return result;\n}\n\nfactorialize(5);\n",
"name" : "Factorialize a Number",
"completedDate" : 1461899275997
},
"ab31c21b530c0dafa9e241ee" : {
"id" : "ab31c21b530c0dafa9e241ee",
"challengeType" : 5,
"solution" : "function slasher(arr, howMany) {\n // it doesn't always pay to be first\n arr.splice(arr,howMany);\n return arr;\n}\n\nslasher([1, 2, 3], 2);\n",
"name" : "Slasher Flick",
"completedDate" : 1462101383356
},
"a24c1a4622e3c05097f71d67" : {
"id" : "a24c1a4622e3c05097f71d67",
"challengeType" : 5,
"solution" : "function where(arr, num) {\n // Find my place in this sorted array.\n arr.push(num);\n arr.sort(function(a,b){\n return a-b;\n });\n return arr.indexOf(num);\n}\n\nwhere([40, 60], 50);\n",
"name" : "Where do I belong",
"completedDate" : 1462109037998)
},
"560add10cb82ac38a17513be" : {
"id" : "560add10cb82ac38a17513be",
"challengeType" : 7,
"name" : "Learn how Free Code Camp Works",
"completedDate" : 1462241078035)
},
"560add37cb82ac38a17513bf" : {
"id" : "560add37cb82ac38a17513bf",
"challengeType" : 7,
"name" : "Create a GitHub Account and Join our Chat Rooms",
"completedDate" : 1462242032955)
},
"560add56cb82ac38a17513c0" : {
"id" : "560add56cb82ac38a17513c0",
"challengeType" : 7,
"name" : "Configure your Code Portfolio",
"completedDate" : 1462242257256)
},
"560add71cb82ac38a17513c2" : {
"id" : "560add71cb82ac38a17513c2",
"challengeType" : 7,
"name" : "Join a Campsite in Your City",
"completedDate" : 1462242295554)
},
"560add8ccb82ac38a17513c4" : {
"id" : "560add8ccb82ac38a17513c4",
"challengeType" : 7,
"name" : "Learn What to Do If You Get Stuck",
"completedDate" : 1462242514658)
},
"bd7123c8c441eddfaeb5bdef" : {
"id" : "bd7123c8c441eddfaeb5bdef",
"challengeType" : 0,
"solution" : "<h1>Hello world</h1>\n",
"name" : "Say Hello to HTML Element",
"completedDate" : 1462244368153),
"lastUpdated" : 1462244636559)
},
"bad87fee1348bd9aedf0887a" : {
"id" : "bad87fee1348bd9aedf0887a",
"challengeType" : 0,
"solution" : "<h1>Hello World</h1>\n\n<h2>CatPhotoApp</h2>",
"name" : "Headline with the h2 Element",
"completedDate" : 1462244984451)
},
"bad87fee1348bd9aedf08801" : {
"id" : "bad87fee1348bd9aedf08801",
"challengeType" : 0,
"solution" : "<h1>Hello World</h1>\n<h2>CatPhotoApp</h2>\n<p>Hello Paragraph</p>",
"name" : "Inform with the Paragraph Element",
"completedDate" : 1462244994182)
},
"bad87fee1348bd9aedf08802" : {
"id" : "bad87fee1348bd9aedf08802",
"challengeType" : 0,
"solution" : "\n<h1>Hello World</h1>\n\n<h2>CatPhotoApp</h2>\n\n<p>Hello Paragraph</p>\n\n",
"name" : "Uncomment HTML",
"completedDate" : 1462245177972),
"lastUpdated" : 1462245744993)
},
"bad87fee1348bd9aedf08804" : {
"id" : "bad87fee1348bd9aedf08804",
"challengeType" : 0,
"solution" : "<!--\n<h1>Hello World</h1>\n-->\n<h2>CatPhotoApp</h2>\n<!--\n<p>Hello Paragraph</p>\n-->\n",
"name" : "Comment out HTML",
"completedDate" : 1462245377880),
"lastUpdated" : 1462245751912)
},
"bad87fee1348bd9aedf08833" : {
"id" : "bad87fee1348bd9aedf08833",
"challengeType" : 0,
"solution" : "<h1>西游记</h1>\n\n<h2>齐天大圣</h2>\n\n<h2>孙悟空</h2>\n\n<p>Monkey code 猴哥猴哥,你真了不得,金箍棒在手,问世间谁是英雄。</p>\n",
"name" : "Fill in the Blank with Placeholder Text",
"completedDate" : 1462251352803),
"lastUpdated" : 1462353308258)
},
"bad87fed1348bd9aedf08833" : {
"id" : "bad87fed1348bd9aedf08833",
"challengeType" : 0,
"solution" : "\n\n<h2>我家的猫咪</h2>\n\n<p>在大家心目中,猫是慵懒的可爱的化身,它可以睡饱了再起来吃饭,可以逗趣小耗子,可以卖得了萌,使得了坏,这样百变的小怪兽就集结在一只宠物上,可猫可狗。</p>\n",
"name" : "Delete HTML Elements",
"completedDate" : 1462251406737),
"lastUpdated" : 1462353599633)
},
"bad87fee1348bd9aedf08803" : {
"id" : "bad87fee1348bd9aedf08803",
"challengeType" : 0,
"solution" : "<style>\n h2{color:red;}\n</style>\n<h2>我家的猫咪</h2>\n\n<p>在大家心目中,猫是慵懒的可爱的化身,它可以睡饱了再起来吃饭,可以逗趣小耗子,可以卖得了萌,使得了坏,这样百变的小怪兽就集结在一只宠物上,可猫可狗。</p>\n",
"name" : "Change the Color of Text",
"completedDate" : 1462251577194),
"lastUpdated" : 1462355574112)
},
"bad87fee1348bd9aedf08805" : {
"id" : "bad87fee1348bd9aedf08805",
"challengeType" : 0,
"solution" : "<style>\n h2{color:blue;}\n</style>\n<h2>CatPhotoApp</h2>\n\n<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>\n",
"name" : "Use CSS Selectors to Style Elements",
"completedDate" : 1462252013280),
"lastUpdated" : 1462355584415)
},
"bad87fee1348bd9aecf08806" : {
"id" : "bad87fee1348bd9aecf08806",
"challengeType" : 0,
"solution" : "<style>\n .red-text {\n color: red;\n }\n</style>\n\n<h2 class=\"red-text\">CatPhotoApp</h2>\n\n<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>\n",
"name" : "Use a CSS Class to Style an Element",
"completedDate" : 1462355644231)
},
"bad87fee1348bd9aefe08806" : {
"id" : "bad87fee1348bd9aefe08806",
"challengeType" : 0,
"solution" : "<style>\n .red-text {\n color: red;\n }\n</style>\n\n<h2 class=\"red-text\">CatPhotoApp</h2>\n\n<p class=\"red-text\">在大家心目中,猫是慵懒的可爱的化身,它可以睡饱了再起来吃饭,可以逗趣小耗子,可以卖得了萌,使得了坏,这样百变的小怪兽就集结在一只宠物上,可猫可狗。</p>\n",
"name" : "Style Multiple Elements with a CSS Class",
"completedDate" : 1462355683651)
},
"bad87fee1348bd9aedf08806" : {
"id" : "bad87fee1348bd9aedf08806",
"challengeType" : 0,
"solution" : "<style>\n .red-text {\n color: red;\n }\n p{font-size:16px;}\n</style>\n\n<h2 class=\"red-text\">CatPhotoApp</h2>\n\n<p class=\"red-text\">在大家心目中,猫是慵懒的可爱的化身,它可以睡饱了再起来吃饭,可以逗趣小耗子,可以卖得了萌,使得了坏,这样百变的小怪兽就集结在一只宠物上,可猫可狗。</p>\n\n<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>",
"name" : "Change the Font Size of an Element",
"completedDate" : 1462355744710)
},
"bad87fee1348bd9aede08807" : {
"id" : "bad87fee1348bd9aede08807",
"challengeType" : 0,
"solution" : "<style>\n .red-text {\n color: red;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n</style>\n\n<h2 class=\"red-text\">CatPhotoApp</h2>\n\n<p class=\"red-text\">在大家心目中,猫是慵懒的可爱的化身,它可以睡饱了再起来吃饭,可以逗趣小耗子,可以卖得了萌,使得了坏,这样百变的小怪兽就集结在一只宠物上,可猫可狗。</p>\n<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>\n",
"name" : "Set the Font Family of an Element",
"completedDate" : 1462355762618)
},
"bad87fee1348bd9aedf08807" : {
"id" : "bad87fee1348bd9aedf08807",
"challengeType" : 0,
"solution" : "<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n h2 {font-family:Lobster;}\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n</style>\n\n<h2 class=\"red-text\">CatPhotoApp</h2>\n\n<p class=\"red-text\">在大家心目中,猫是慵懒的可爱的化身,它可以睡饱了再起来吃饭,可以逗趣小耗子,可以卖得了萌,使得了坏,这样百变的小怪兽就集结在一只宠物上,可猫可狗。</p>\n<p class=\"red-text\">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>\n",
"name" : "Import a Google Font",
"completedDate" : 1462356332290)
},
"bad87fee1348bd9aedf08808" : {
"id" : "bad87fee1348bd9aedf08808",
"challengeType" : 0,
"solution" : "<!--<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">-->\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n</style>\n\n<h2 class=\"red-text\">CatPhotoApp</h2>\n\n<p class=\"red-text\">在大家心目中,猫是慵懒的可爱的化身,它可以睡饱了再起来吃饭,可以逗趣小耗子,可以卖得了萌,使得了坏,这样百变的小怪兽就集结在一只宠物上,可猫可狗。</p>\n<p class=\"red-text\">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>\n",
"name" : "Specify How Fonts Should Degrade",
"completedDate" : 1462356358287)
},
"bad87fee1348bd9aedf08812" : {
"id" : "bad87fee1348bd9aedf08812",
"challengeType" : 0,
"solution" : "<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n</style>\n\n<h2 class=\"red-text\">我家的猫咪</h2>\n<img src=\"/images/relaxing-cat.jpg\" alt=\"\">\n<p class=\"red-text\">猫咪猫咪我就喜欢你</p>\n<p class=\"red-text\">深深地爱上你</p>\n<p class=\"red-text\">没有理由没有原因</p>\n<p class=\"red-text\">从见到你的那一天起</p>\n<p class=\"red-text\">你知道我在等你吗?</p>\n<p class=\"red-text\">你如果真的在乎我</p>\n<p class=\"red-text\">又怎会让无尽的夜陪我度过</p>\n<p class=\"red-text\">猫咪猫咪我就喜欢你</p>\n<p class=\"red-text\">深深地爱上你</p>\n<p class=\"red-text\">在黑夜里倾听你的声音</p>\n",
"name" : "Add Images to your Website",
"completedDate" : 1462356369465,
"lastUpdated" : 1462424785609
},
"bad87fee1348bd9acdf08812" : {
"id" : "bad87fee1348bd9acdf08812",
"challengeType" : 0,
"solution" : "<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n \n .smaller-image {\n width:100px;\n }\n</style>\n\n<h2 class=\"red-text\">CatPhotoApp</h2>\n\n<img src=\"https://bit.ly/fcc-relaxing-cat\" class=\"smaller-image\">\n\n<p class=\"red-text\">在大家心目中,猫是慵懒的可爱的化身,它可以睡饱了再起来吃饭,可以逗趣小耗子,可以卖得了萌,使得了坏,这样百变的小怪兽就集结在一只宠物上,可猫可狗。</p>\n<p class=\"red-text\">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>\n",
"name" : "Size your Images",
"completedDate" : 1462356639113,
"lastUpdated" : 1462424795870
},
"bad87fee1348bd9bedf08813" : {
"id" : "bad87fee1348bd9bedf08813",
"challengeType" : 0,
"solution" : "<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n\n .smaller-image {\n width: 100px;\n }\n \n .thick-green-border{\n border-width:10px;\n border-style:solid;\n border-color:green;\n }\n</style>\n\n<h2 class=\"red-text\">CatPhotoApp</h2>\n\n<img class=\"smaller-image thick-green-border\" src=\"/images/relaxing-cat.jpg\">\n\n<p class=\"red-text\">在大家心目中,猫是慵懒的可爱的化身,它可以睡饱了再起来吃饭,可以逗趣小耗子,可以卖得了萌,使得了坏,这样百变的小怪兽就集结在一只宠物上,可猫可狗。</p>\n<p class=\"red-text\">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>\n",
"name" : "Add Borders Around your Elements",
"completedDate" : 1462356710012,
"lastUpdated" : 1462424962674
},
"bad87fee1348bd9aedf08814" : {
"id" : "bad87fee1348bd9aedf08814",
"challengeType" : 0,
"solution" : "<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 10px;\n }\n\n .smaller-image {\n width: 100px;\n }\n</style>\n\n<h2 class=\"red-text\">CatPhotoApp</h2>\n\n<img class=\"smaller-image thick-green-border\" src=\"/images/relaxing-cat.jpg\">\n\n<p class=\"red-text\">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>\n<p class=\"red-text\">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>\n",
"name" : "Add Rounded Corners with a Border Radius",
"completedDate" : 1462425068659
},
"bad87fee1348bd9aedf08815" : {
"id" : "bad87fee1348bd9aedf08815",
"challengeType" : 0,
"solution" : "<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n .smaller-image {\n width: 100px;\n }\n</style>\n\n<h2 class=\"red-text\">CatPhotoApp</h2>\n\n<img class=\"smaller-image thick-green-border\" src=\"/images/relaxing-cat.jpg\">\n\n<p class=\"red-text\">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>\n<p class=\"red-text\">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>\n",
"name" : "Make Circular Images with a Border Radius",
"completedDate" : 1462425096436
},
"bad87fee1348bd9aedf08816" : {
"id" : "bad87fee1348bd9aedf08816",
"challengeType" : 0,
"solution" : "<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n .smaller-image {\n width: 100px;\n }\n</style>\n\n<h2 class=\"red-text\">CatPhotoApp</h2>\n\n<img class=\"smaller-image thick-green-border\" src=\"/images/relaxing-cat.jpg\">\n\n<a href=\"http://freecatphotoapp.com\">cat photos</a>\n\n<p class=\"red-text\">在大家心目中,猫是慵懒的可爱的化身,它可以睡饱了再起来吃饭,可以逗趣小耗子,可以卖得了萌,使得了坏,这样百变的小怪兽就集结在一只宠物上,可猫可狗。</p>\n<p class=\"red-text\">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>\n",
"name" : "Link to External Pages with Anchor Elements",
"completedDate" : 1462425214181
},
"bad87fee1348bd9aede08817" : {
"id" : "bad87fee1348bd9aede08817",
"challengeType" : 0,
"solution" : "<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n .smaller-image {\n width: 100px;\n }\n</style>\n\n<h2 class=\"red-text\">CatPhotoApp</h2>\n\n<p>View more \n <a href=\"http://www.freecatphotoapp.com\">cat photos</a>\n \n</p>\n\n<img class=\"smaller-image thick-green-border\" src=\"/images/relaxing-cat.jpg\">\n\n<p class=\"red-text\">在大家心目中,猫是慵懒的可爱的化身,它可以睡饱了再起来吃饭,可以逗趣小耗子,可以卖得了萌,使得了坏,这样百变的小怪兽就集结在一只宠物上,可猫可狗。</p>\n<p class=\"red-text\">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>\n",
"name" : "Nest an Anchor Element within a Paragraph",
"completedDate" : 1462426196990
},
"bad87fee1348bd9aedf08817" : {
"id" : "bad87fee1348bd9aedf08817",
"challengeType" : 0,
"solution" : "<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n .smaller-image {\n width: 100px;\n }\n</style>\n\n<h2 class=\"red-text\">CatPhotoApp</h2>\n\n<p>Click here for <a href=\"#\">cat photos</a>.</p>\n\n<img class=\"smaller-image thick-green-border\" src=\"/images/relaxing-cat.jpg\">\n\n<p class=\"red-text\">在大家心目中,猫是慵懒的可爱的化身,它可以睡饱了再起来吃饭,可以逗趣小耗子,可以卖得了萌,使得了坏,这样百变的小怪兽就集结在一只宠物上,可猫可狗。</p>\n<p class=\"red-text\">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>\n",
"name" : "Make Dead Links using the Hash Symbol",
"completedDate" : 1462426422817
},
"bad87fee1348bd9aedf08820" : {
"id" : "bad87fee1348bd9aedf08820",
"challengeType" : 0,
"solution" : "<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n .smaller-image {\n width: 100px;\n }\n</style>\n\n<h2 class=\"red-text\">CatPhotoApp</h2>\n\n<p>Click here for <a href=\"#\">cat photos</a>.</p>\n\n<a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"/images/relaxing-cat.jpg\"></a>\n\n<p class=\"red-text\">在大家心目中,猫是慵懒的可爱的化身,它可以睡饱了再起来吃饭,可以逗趣小耗子,可以卖得了萌,使得了坏,这样百变的小怪兽就集结在一只宠物上,可猫可狗。</p>\n<p class=\"red-text\">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>\n",
"name" : "Turn an Image into a Link",
"completedDate" : 1462426609369
},
"bad87fee1348bd9aedf08818" : {
"id" : "bad87fee1348bd9aedf08818",
"challengeType" : 0,
"solution" : "<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n .smaller-image {\n width: 100px;\n }\n</style>\n\n<h2 class=\"red-text\">CatPhotoApp</h2>\n\n<p>Click here for <a href=\"#\">cat photos</a>.</p>\n\n<a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"/images/relaxing-cat.jpg\" alt=\"A cute orange cat lying on its back\"></a>\n\n<p class=\"red-text\">在大家心目中,猫是慵懒的可爱的化身,它可以睡饱了再起来吃饭,可以逗趣小耗子,可以卖得了萌,使得了坏,这样百变的小怪兽就集结在一只宠物上,可猫可狗。</p>\n<p class=\"red-text\">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>\n",
"name" : "Add Alt Text to an Image for Accessibility",
"completedDate" : 1462426736505
},
"bad87fee1348bd9aedf08827" : {
"id" : "bad87fee1348bd9aedf08827",
"challengeType" : 0,
"solution" : "<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n .smaller-image {\n width: 100px;\n }\n</style>\n\n<h2 class=\"red-text\">CatPhotoApp</h2>\n\n<p>Click here for <a href=\"#\">cat photos</a>.</p>\n\n<a href=\"#\"><img class=\"smaller-image thick-green-border\" alt=\"A cute orange cat lying on its back\" src=\"/images/relaxing-cat.jpg\"></a>\n\n<ul>\n <li>fish</li>\n <li>rabbit</li>\n <li>sleep</li>\n</ul>\n",
"name" : "Create a Bulleted Unordered List",
"completedDate" : 1462752373324
},
"bad87fee1348bd9aedf08828" : {
"id" : "bad87fee1348bd9aedf08828",
"challengeType" : 0,
"solution" : "<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n .smaller-image {\n width: 100px;\n }\n</style>\n\n<h2 class=\"red-text\">CatPhotoApp</h2>\n\n<p>Click here for <a href=\"#\">cat photos</a>.</p>\n\n<a href=\"#\"><img class=\"smaller-image thick-green-border\" alt=\"A cute orange cat lying on its back\" src=\"/images/relaxing-cat.jpg\"></a>\n\n<p>Things cats love:</p>\n<ul>\n <li>cat nip</li>\n <li>laser pointers</li>\n <li>lasagna</li>\n</ul>\n<p>Top 3 things cats hate:</p>\n<ol>\n <li>dog</li>\n <li>wolf</li>\n <li>water</li>\n</ol>\n",
"name" : "Create an Ordered List",
"completedDate" : 1462752702511
},
"bad87fee1348bd9aedf08829" : {
"id" : "bad87fee1348bd9aedf08829",
"challengeType" : 0,
"solution" : "<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n .smaller-image {\n width: 100px;\n }\n</style>\n\n<h2 class=\"red-text\">CatPhotoApp</h2>\n\n<p>Click here for <a href=\"#\">cat photos</a>.</p>\n\n<a href=\"#\"><img class=\"smaller-image thick-green-border\" alt=\"A cute orange cat lying on its back\" src=\"/images/relaxing-cat.jpg\"></a>\n\n<p>Things cats love:</p>\n<ul>\n <li>cat nip</li>\n <li>laser pointers</li>\n <li>lasagna</li>\n</ul>\n<p>Top 3 things cats hate:</p>\n<ol>\n <li>flea treatment</li>\n <li>thunder</li>\n <li>other cats</li>\n</ol>\n<input type=\"text\">\n",
"name" : "Create a Text Field",
"completedDate" : 1462752725358
},
"bad87fee1348bd9aedf08830" : {
"id" : "bad87fee1348bd9aedf08830",
"challengeType" : 0,
"solution" : "<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n .smaller-image {\n width: 100px;\n }\n</style>\n\n<h2 class=\"red-text\">CatPhotoApp</h2>\n\n<p>Click here for <a href=\"#\">cat photos</a>.</p>\n\n<a href=\"#\"><img class=\"smaller-image thick-green-border\" alt=\"A cute orange cat lying on its back\" src=\"/images/relaxing-cat.jpg\"></a>\n\n<p>Things cats love:</p>\n<ul>\n <li>cat nip</li>\n <li>laser pointers</li>\n <li>lasagna</li>\n</ul>\n<p>Top 3 things cats hate:</p>\n<ol>\n <li>flea treatment</li>\n <li>thunder</li>\n <li>other cats</li>\n</ol>\n<input type=\"text\" placeholder=\"cat photo URL\" >\n",
"name" : "Add Placeholder Text to a Text Field",
"completedDate" : 1462752993102
},
"bad87fee1348bd9aede08830" : {
"id" : "bad87fee1348bd9aede08830",
"challengeType" : 0,
"solution" : "<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n .smaller-image {\n width: 100px;\n }\n</style>\n\n<h2 class=\"red-text\">CatPhotoApp</h2>\n\n<p>Click here for <a href=\"#\">cat photos</a>.</p>\n\n<a href=\"#\"><img class=\"smaller-image thick-green-border\" alt=\"A cute orange cat lying on its back\" src=\"/images/relaxing-cat.jpg\"></a>\n\n<p>Things cats love:</p>\n<ul>\n <li>cat nip</li>\n <li>laser pointers</li>\n <li>lasagna</li>\n</ul>\n<p>Top 3 things cats hate:</p>\n<ol>\n <li>flea treatment</li>\n <li>thunder</li>\n <li>other cats</li>\n</ol>\n<form action=\"/submit-cat-photo\">\n <input type=\"text\" placeholder=\"cat photo URL\">\n</form>\n\n",
"name" : "Create a Form Element",
"completedDate" : 1462753185378
},
"bad87fee1348bd9aedd08830" : {
"id" : "bad87fee1348bd9aedd08830",
"challengeType" : 0,
"solution" : "<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n .smaller-image {\n width: 100px;\n }\n</style>\n\n<h2 class=\"red-text\">CatPhotoApp</h2>\n\n<p>Click here for <a href=\"#\">cat photos</a>.</p>\n\n<a href=\"#\"><img class=\"smaller-image thick-green-border\" alt=\"A cute orange cat lying on its back\" src=\"/images/relaxing-cat.jpg\"></a>\n\n<p>Things cats love:</p>\n<ul>\n <li>cat nip</li>\n <li>laser pointers</li>\n <li>lasagna</li>\n</ul>\n<p>Top 3 things cats hate:</p>\n<ol>\n <li>flea treatment</li>\n <li>thunder</li>\n <li>other cats</li>\n</ol>\n<form action=\"/submit-cat-photo\">\n <input type=\"text\" placeholder=\"cat photo URL\">\n <button type=\"submit\">Submit</button>\n</form>\n",
"name" : "Add a Submit Button to a Form",
"completedDate" : 1462753266395
},
"bad87fee1348bd9aedc08830" : {
"id" : "bad87fee1348bd9aedc08830",
"challengeType" : 0,
"solution" : "<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n .smaller-image {\n width: 100px;\n }\n</style>\n\n<h2 class=\"red-text\">CatPhotoApp</h2>\n\n<p>Click here for <a href=\"#\">cat photos</a>.</p>\n\n<a href=\"#\"><img class=\"smaller-image thick-green-border\" alt=\"A cute orange cat lying on its back\" src=\"/images/relaxing-cat.jpg\"></a>\n\n<p>Things cats love:</p>\n<ul>\n <li>cat nip</li>\n <li>laser pointers</li>\n <li>lasagna</li>\n</ul>\n<p>Top 3 things cats hate:</p>\n<ol>\n <li>flea treatment</li>\n <li>thunder</li>\n <li>other cats</li>\n</ol>\n<form action=\"/submit-cat-photo\">\n <input type=\"text\" placeholder=\"cat photo URL\" required>\n <button type=\"submit\">Submit</button>\n</form>\n",
"name" : "Use HTML5 to Require a Field",
"completedDate" : 1462753415353
},
"bad87fee1348bd9aedf08834" : {
"id" : "bad87fee1348bd9aedf08834",
"challengeType" : 0,
"solution" : "<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n .smaller-image {\n width: 100px;\n }\n</style>\n\n<h2 class=\"red-text\">CatPhotoApp</h2>\n\n<p>Click here for <a href=\"#\">cat photos</a>.</p>\n\n<a href=\"#\"><img class=\"smaller-image thick-green-border\" alt=\"A cute orange cat lying on its back\" src=\"/images/relaxing-cat.jpg\"></a>\n\n<p>Things cats love:</p>\n<ul>\n <li>cat nip</li>\n <li>laser pointers</li>\n <li>lasagna</li>\n</ul>\n<p>Top 3 things cats hate:</p>\n<ol>\n <li>flea treatment</li>\n <li>thunder</li>\n <li>other cats</li>\n</ol>\n<form action=\"/submit-cat-photo\">\n <input type=\"text\" placeholder=\"cat photo URL\" required>\n <button type=\"submit\">Submit</button>\n <label for=\"indoor-outdoor\"><input type=\"radio\" name=\"indoor-outdoor\">indoor</label>\n <label for=\"indoor-outdoor\"><input type=\"radio\" name=\"indoor-outdoor\">outdoor</label>\n</form>\n",
"name" : "Create a Set of Radio Buttons",
"completedDate" : 1462762368918
},
"bad87fee1348bd9aedf08835" : {
"id" : "bad87fee1348bd9aedf08835",
"challengeType" : 0,
"solution" : "<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n .smaller-image {\n width: 100px;\n }\n</style>\n\n<h2 class=\"red-text\">CatPhotoApp</h2>\n\n<p>Click here for <a href=\"#\">cat photos</a>.</p>\n\n<a href=\"#\"><img class=\"smaller-image thick-green-border\" alt=\"A cute orange cat lying on its back\" src=\"/images/relaxing-cat.jpg\"></a>\n\n<p>Things cats love:</p>\n<ul>\n <li>cat nip</li>\n <li>laser pointers</li>\n <li>lasagna</li>\n</ul>\n<p>Top 3 things cats hate:</p>\n<ol>\n <li>flea treatment</li>\n <li>thunder</li>\n <li>other cats</li>\n</ol>\n<form action=\"/submit-cat-photo\">\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>\n <input type=\"text\" placeholder=\"cat photo URL\" required>\n <button type=\"submit\">Submit</button><br>\n <label><input type=\"checkbox\" name=\"personality\">loving</label>\n <label><input type=\"checkbox\" name=\"personality\">hobby</label>\n <label><input type=\"checkbox\" name=\"personality\">hate</label>\n</form>\n",
"name" : "Create a Set of Checkboxes",
"completedDate" : 1462762865107
},
"bad87fee1348bd9aedd08835" : {
"id" : "bad87fee1348bd9aedd08835",
"challengeType" : 0,
"solution" : "<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n .smaller-image {\n width: 100px;\n }\n</style>\n\n<h2 class=\"red-text\">CatPhotoApp</h2>\n\n<p>Click here for <a href=\"#\">cat photos</a>.</p>\n\n<a href=\"#\"><img class=\"smaller-image thick-green-border\" alt=\"A cute orange cat lying on its back\" src=\"/images/relaxing-cat.jpg\"></a>\n\n<p>Things cats love:</p>\n<ul>\n <li>cat nip</li>\n <li>laser pointers</li>\n <li>lasagna</li>\n</ul>\n<p>Top 3 things cats hate:</p>\n<ol>\n <li>flea treatment</li>\n <li>thunder</li>\n <li>other cats</li>\n</ol>\n<form action=\"/submit-cat-photo\">\n <label><input type=\"radio\" name=\"indoor-outdoor\" checked> Indoor</label>\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label><br>\n <label><input type=\"checkbox\" name=\"personality\" checked> Loving</label>\n <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>\n <label><input type=\"checkbox\" name=\"personality\"> Energetic</label>\n <input type=\"text\" placeholder=\"cat photo URL\" required>\n <button type=\"submit\">Submit</button>\n</form>\n",
"name" : "Check Radio Buttons and Checkboxes by Default",
"completedDate" : 1462762979934
},
"bad87fee1348bd9aede08835" : {
"id" : "bad87fee1348bd9aede08835",
"challengeType" : 0,
"solution" : "<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n .smaller-image {\n width: 100px;\n }\n</style>\n\n<h2 class=\"red-text\">CatPhotoApp</h2>\n\n<p>Click here for <a href=\"#\">cat photos</a>.</p>\n\n<a href=\"#\"><img class=\"smaller-image thick-green-border\" alt=\"A cute orange cat lying on its back\" src=\"/images/relaxing-cat.jpg\"></a>\n\n<div>\n <p>Things cats love:</p>\n <ul>\n <li>cat nip</li>\n <li>laser pointers</li>\n <li>lasagna</li>\n </ul>\n <p>Top 3 things cats hate:</p>\n <ol>\n <li>flea treatment</li>\n <li>thunder</li>\n <li>other cats</li>\n </ol> \n</div>\n\n\n<form action=\"/submit-cat-photo\">\n <label><input type=\"radio\" name=\"indoor-outdoor\" checked> Indoor</label>\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>\n <label><input type=\"checkbox\" name=\"personality\" checked> Loving</label>\n <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>\n <label><input type=\"checkbox\" name=\"personality\"> Energetic</label>\n <input type=\"text\" placeholder=\"cat photo URL\" required>\n <button type=\"submit\">Submit</button>\n</form>\n",
"name" : "Nest Many Elements within a Single Div Element",
"completedDate" : 1462763564186
},
"bad87fed1348bd9aede07836" : {
"id" : "bad87fed1348bd9aede07836",
"challengeType" : 0,
"solution" : "<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n .gray-background {\n background-color:gray; \n }\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n .smaller-image {\n width: 100px;\n }\n</style>\n\n<h2 class=\"red-text\">CatPhotoApp</h2>\n\n<p>Click here for <a href=\"#\">cat photos</a>.</p>\n\n<a href=\"#\"><img class=\"smaller-image thick-green-border\" alt=\"A cute orange cat lying on its back\" src=\"/images/relaxing-cat.jpg\"></a>\n\n<div class=\"gray-background\">\n <p>Things cats love:</p>\n <ul>\n <li>cat nip</li>\n <li>laser pointers</li>\n <li>lasagna</li>\n </ul>\n <p>Top 3 things cats hate:</p>\n <ol>\n <li>flea treatment</li>\n <li>thunder</li>\n <li>other cats</li>\n </ol>\n</div>\n\n<form action=\"/submit-cat-photo\">\n <label><input type=\"radio\" name=\"indoor-outdoor\" checked> Indoor</label>\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>\n <label><input type=\"checkbox\" name=\"personality\" checked> Loving</label>\n <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>\n <label><input type=\"checkbox\" name=\"personality\"> Energetic</label>\n <input type=\"text\" placeholder=\"cat photo URL\" required>\n <button type=\"submit\">Submit</button>\n</form>\n",
"name" : "Give a Background Color to a Div Element",
"completedDate" : 1462763669084
},
"bad87eee1348bd9aede07836" : {
"id" : "bad87eee1348bd9aede07836",
"challengeType" : 0,
"solution" : "<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n .smaller-image {\n width: 100px;\n }\n .gray-background {\n background-color: gray;\n }\n</style>\n\n<h2 class=\"red-text\">CatPhotoApp</h2>\n\n<p>Click here for <a href=\"#\">cat photos</a>.</p>\n\n<a href=\"#\"><img class=\"smaller-image thick-green-border\" alt=\"A cute orange cat lying on its back\" src=\"/images/relaxing-cat.jpg\"></a>\n\n<div class=\"gray-background\">\n <p>Things cats love:</p>\n <ul>\n <li>cat nip</li>\n <li>laser pointers</li>\n <li>lasagna</li>\n </ul>\n <p>Top 3 things cats hate:</p>\n <ol>\n <li>flea treatment</li>\n <li>thunder</li>\n <li>other cats</li>\n </ol>\n</div>\n\n<form action=\"/submit-cat-photo\" id=\"cat-photo-form\">\n <label><input type=\"radio\" name=\"indoor-outdoor\" checked> Indoor</label>\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>\n <label><input type=\"checkbox\" name=\"personality\" checked> Loving</label>\n <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>\n <label><input type=\"checkbox\" name=\"personality\"> Energetic</label>\n <input type=\"text\" placeholder=\"cat photo URL\" required>\n <button type=\"submit\">Submit</button>\n</form>\n",
"name" : "Set the ID of an Element",
"completedDate" : 1462763745535
},
"bad87dee1348bd9aede07836" : {
"id" : "bad87dee1348bd9aede07836",
"challengeType" : 0,
"solution" : "<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n .smaller-image {\n width: 100px;\n }\n\n .gray-background {\n background-color: gray;\n }\n #cat-photo-form {\n background-color: green;\n }\n</style>\n\n<h2 class=\"red-text\">CatPhotoApp</h2>\n\n<p>Click here for <a href=\"#\">cat photos</a>.</p>\n\n<a href=\"#\"><img class=\"smaller-image thick-green-border\" alt=\"A cute orange cat lying on its back\" src=\"/images/relaxing-cat.jpg\"></a>\n\n<div class=\"gray-background\">\n <p>Things cats love:</p>\n <ul>\n <li>cat nip</li>\n <li>laser pointers</li>\n <li>lasagna</li>\n </ul>\n <p>Top 3 things cats hate:</p>\n <ol>\n <li>flea treatment</li>\n <li>thunder</li>\n <li>other cats</li>\n </ol>\n</div>\n\n<form action=\"/submit-cat-photo\" id=\"cat-photo-form\">\n <label><input type=\"radio\" name=\"indoor-outdoor\" checked> Indoor</label>\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>\n <label><input type=\"checkbox\" name=\"personality\" checked> Loving</label>\n <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>\n <label><input type=\"checkbox\" name=\"personality\"> Energetic</label>\n <input type=\"text\" placeholder=\"cat photo URL\" required>\n <button type=\"submit\">Submit</button>\n</form>\n",
"name" : "Use an ID Attribute to Style an Element",
"completedDate" : 1462763864820
},
"bad88fee1348bd9aedf08825" : {
"id" : "bad88fee1348bd9aedf08825",
"challengeType" : 0,
"solution" : "<style>\n .injected-text {\n margin-bottom: -25px;\n text-align: center;\n }\n\n .box {\n border-style: solid;\n border-color: black;\n border-width: 5px;\n text-align: center;\n }\n\n .yellow-box {\n background-color: yellow;\n padding: 10px;\n }\n \n .red-box {\n background-color: red;\n padding: 20px;\n }\n\n .green-box {\n background-color: green;\n padding: 20px;\n }\n</style>\n<h5 class=\"injected-text\">margin</h5>\n\n<div class=\"box yellow-box\">\n <h5 class=\"box red-box\">padding</h5>\n <h5 class=\"box green-box\">padding</h5>\n</div>\n",
"name" : "Adjusting the Padding of an Element",
"completedDate" : 1462764223569
},
"bad87fee1348bd9aedf08822" : {
"id" : "bad87fee1348bd9aedf08822",
"challengeType" : 0,
"solution" : "<style>\n .injected-text {\n margin-bottom: -25px;\n text-align: center;\n }\n\n .box {\n border-style: solid;\n border-color: black;\n border-width: 5px;\n text-align: center;\n }\n\n .yellow-box {\n background-color: yellow;\n padding: 10px;\n }\n \n .red-box {\n background-color: red;\n padding: 20px;\n margin: 20px;\n }\n\n .green-box {\n background-color: green;\n padding: 20px;\n margin: 20px;\n }\n</style>\n<h5 class=\"injected-text\">margin</h5>\n\n<div class=\"box yellow-box\">\n <h5 class=\"box red-box\">padding</h5>\n <h5 class=\"box green-box\">padding</h5>\n</div>\n",
"name" : "Adjust the Margin of an Element",
"completedDate" : 1462764436438
},
"bad87fee1348bd9aedf08823" : {
"id" : "bad87fee1348bd9aedf08823",
"challengeType" : 0,
"solution" : "<style>\n .injected-text {\n margin-bottom: -25px;\n text-align: center;\n }\n\n .box {\n border-style: solid;\n border-color: black;\n border-width: 5px;\n text-align: center;\n }\n\n .yellow-box {\n background-color: yellow;\n padding: 10px;\n }\n \n .red-box {\n background-color: red;\n padding: 20px;\n margin: -15px;\n }\n\n .green-box {\n background-color: green;\n padding: 20px;\n margin: -15px;\n }\n</style>\n\n<div class=\"box yellow-box\">\n <h5 class=\"box red-box\">padding</h5>\n <h5 class=\"box green-box\">padding</h5>\n</div>\n",
"name" : "Add a Negative Margin to an Element",
"completedDate" : 1462764624914
},
"bad87fee1348bd9aedf08824" : {
"id" : "bad87fee1348bd9aedf08824",
"challengeType" : 0,
"solution" : "<style>\n .injected-text {\n margin-bottom: -25px;\n text-align: center;\n }\n\n .box {\n border-style: solid;\n border-color: black;\n border-width: 5px;\n text-align: center;\n }\n\n .yellow-box {\n background-color: yellow;\n padding: 10px;\n }\n \n .red-box {\n background-color: red;\n padding-top: 40px;\n padding-right: 20px;\n padding-bottom: 20px;\n padding-left: 40px;\n }\n\n .green-box {\n background-color: green;\n padding-top:40px;\n padding-left:40px;\n padding-right:20px;\n padding-bottom:20px;\n }\n</style>\n<h5 class=\"injected-text\">margin</h5>\n\n<div class=\"box yellow-box\">\n <h5 class=\"box red-box\">padding</h5>\n <h5 class=\"box green-box\">padding</h5>\n</div>\n",
"name" : "Add Different Padding to Each Side of an Element",
"completedDate" : 1462764765571
},
"bad87fee1248bd9aedf08824" : {
"id" : "bad87fee1248bd9aedf08824",
"challengeType" : 0,
"solution" : "<style>\n .injected-text {\n margin-bottom: -25px;\n text-align: center;\n }\n\n .box {\n border-style: solid;\n border-color: black;\n border-width: 5px;\n text-align: center;\n }\n\n .yellow-box {\n background-color: yellow;\n padding: 10px;\n }\n \n .red-box {\n background-color: red;\n margin-top: 40px;\n margin-right: 20px;\n margin-bottom: 20px;\n margin-left: 40px;\n }\n\n .green-box {\n background-color: green;\n margin-top:40px;\n margin-left:40px;\n margin-right:20px;\n margin-bottom:20px;\n }\n</style>\n<h5 class=\"injected-text\">margin</h5>\n\n<div class=\"box yellow-box\">\n <h5 class=\"box red-box\">padding</h5>\n <h5 class=\"box green-box\">padding</h5>\n</div>\n",
"name" : "Add Different Margins to Each Side of an Element",
"completedDate" : 1462764856966
},
"bad87fee1348bd9aedf08826" : {
"id" : "bad87fee1348bd9aedf08826",
"challengeType" : 0,
"solution" : "<style>\n .injected-text {\n margin-bottom: -25px;\n text-align: center;\n }\n\n .box {\n border-style: solid;\n border-color: black;\n border-width: 5px;\n text-align: center;\n }\n\n .yellow-box {\n background-color: yellow;\n padding: 20px 40px 20px 40px;\n }\n \n .red-box {\n background-color: red;\n padding: 20px 40px 20px 40px;\n }\n\n .green-box {\n background-color: green;\n padding: 40px 20px 20px 40px;\n }\n</style>\n<h5 class=\"injected-text\">margin</h5>\n\n<div class=\"box yellow-box\">\n <h5 class=\"box red-box\">padding</h5>\n <h5 class=\"box green-box\">padding</h5>\n</div>\n",
"name" : "Use Clockwise Notation to Specify the Padding of an Element",
"completedDate" : 1462765288150
},
"bad87fee1348bd9afdf08726" : {
"id" : "bad87fee1348bd9afdf08726",
"challengeType" : 0,
"solution" : "<style>\n .injected-text {\n margin-bottom: -25px;\n text-align: center;\n }\n\n .box {\n border-style: solid;\n border-color: black;\n border-width: 5px;\n text-align: center;\n }\n\n .yellow-box {\n background-color: yellow;\n padding: 20px 40px 20px 40px;\n }\n \n .red-box {\n background-color: red;\n margin: 20px 40px 20px 40px;\n }\n\n .green-box {\n background-color: green;\n margin: 40px 20px 20px 40px;\n }\n</style>\n<h5 class=\"injected-text\">margin</h5>\n\n<div class=\"box yellow-box\">\n <h5 class=\"box red-box\">padding</h5>\n <h5 class=\"box green-box\">padding</h5>\n</div>\n",
"name" : "Use Clockwise Notation to Specify the Margin of an Element",
"completedDate" : 1462767630231
},
"bad87fee1348bd9aedf08736" : {
"id" : "bad87fee1348bd9aedf08736",
"challengeType" : 0,
"solution" : "<style>\n body{\n background-color:black;\n }\n</style>\n",
"name" : "Style the HTML Body Element",
"completedDate" : 1462767693017
},
"bad87fee1348bd9aedf08746" : {
"id" : "bad87fee1348bd9aedf08746",
"challengeType" : 0,
"solution" : "<style>\n body {\n background-color: black;\n color:green;\n font-family:Monospace;\n }\n\n</style>\n\n<h1>Hello World</h1>\n",
"name" : "Inherit Styles from the Body Element",
"completedDate" : 1462767894317
},
"bad87fee1348bd9aedf08756" : {
"id" : "bad87fee1348bd9aedf08756",
"challengeType" : 0,
"solution" : "<style>\n body {\n background-color: black;\n font-family: Monospace;\n color: green;\n }\n .pink-text{\n color: pink;\n }\n\n</style>\n<h1 class=\"pink-text\">Hello World!</h1>\n",
"name" : "Prioritize One Style Over Another",
"completedDate" : 1462768117074
},
"bad87fee1348bd9aedf04756" : {
"id" : "bad87fee1348bd9aedf04756",
"challengeType" : 0,
"solution" : "<style>\n body {\n background-color: black;\n font-family: Monospace;\n color: green;\n }\n .pink-text {\n color: pink;\n }\n .blue-text {\n color: blue;\n }\n</style>\n<h1 class=\"pink-text blue-text\">Hello World!</h1>\n",
"name" : "Override Styles in Subsequent CSS",
"completedDate" : 1462768252161
},
"bad87fee1348bd8aedf06756" : {
"id" : "bad87fee1348bd8aedf06756",
"challengeType" : 0,
"solution" : "<style>\n body {\n background-color: black;\n font-family: Monospace;\n color: green;\n }\n .pink-text {\n color: pink;\n }\n .blue-text {\n color: blue;\n }\n #orange-text {\n color: orange;\n }\n</style>\n<h1 id=\"orange-text\" class=\"pink-text blue-text\">Hello World!</h1>\n",
"name" : "Override Class Declarations by Styling ID Attributes",
"completedDate" : 1462768347521
},
"bad87fee1348bd9aedf06756" : {
"id" : "bad87fee1348bd9aedf06756",
"challengeType" : 0,
"solution" : "<style>\n body {\n background-color: black;\n font-family: Monospace;\n color: green;\n }\n #orange-text {\n color: orange;\n }\n .pink-text {\n color: pink;\n }\n .blue-text {\n color: blue;\n }\n</style>\n<h1 style=\"color:white;\" id=\"orange-text\" class=\"pink-text blue-text\">Hello World!</h1>\n",
"name" : "Override Class Declarations with Inline Styles",
"completedDate" : 1462768440548
},
"bad87fee1348bd9aedf07756" : {
"id" : "bad87fee1348bd9aedf07756",
"challengeType" : 0,
"solution" : "<style>\n body {\n background-color: black;\n font-family: Monospace;\n color: green;\n }\n #orange-text {\n color: orange;\n }\n .pink-text {\n color: pink !important;\n }\n .blue-text {\n color: blue;\n }\n</style>\n<h1 id=\"orange-text\" class=\"pink-text blue-text\" style=\"color: white\">Hello World!</h1>\n",
"name" : "Override All Other Styles by using Important",
"completedDate" : 1462769426912
},
"bad87fee1348bd9aedf08726" : {
"id" : "bad87fee1348bd9aedf08726",
"challengeType" : 0,
"solution" : "<style>\n body {\n background-color: #000000;\n }\n</style>\n",
"name" : "Use Hex Code for Specific Colors",
"completedDate" : 1462769721501
},
"bad87fee1348bd9aedf08725" : {
"id" : "bad87fee1348bd9aedf08725",
"challengeType" : 0,
"solution" : "<style>\n body {\n background-color: #ffffff;\n }\n</style>\n",
"name" : "Use Hex Code to Color Elements White",
"completedDate" : 1462772138056
},
"bad87fee1348bd9aedf08724" : {
"id" : "bad87fee1348bd9aedf08724",
"challengeType" : 0,
"solution" : "<style>\n body {\n background-color: #FF0000;\n }\n</style>\n",
"name" : "Use Hex Code to Color Elements Red",
"completedDate" : 1462772465843
},
"bad87fee1348bd9aedf08723" : {
"id" : "bad87fee1348bd9aedf08723",
"challengeType" : 0,
"solution" : "<style>\n body {\n background-color: #00ff00;\n }\n</style>\n",
"name" : "Use Hex Code to Color Elements Green",
"completedDate" : 1462772491093
},
"bad87fee1348bd9aedf08722" : {
"id" : "bad87fee1348bd9aedf08722",
"challengeType" : 0,
"solution" : "<style>\n body {\n background-color: #0000ff;\n }\n</style>\n",
"name" : "Use Hex Code to Color Elements Blue",
"completedDate" : 1462772504899
},
"bad87fee1348bd9aedf08721" : {
"id" : "bad87fee1348bd9aedf08721",
"challengeType" : 0,
"solution" : "<style>\n body {\n background-color: #ffa500;\n }\n</style>\n",
"name" : "Use Hex Code to Mix Colors",
"completedDate" : 1462772554616
},
"bad87fee1348bd9aede08720" : {
"id" : "bad87fee1348bd9aede08720",
"challengeType" : 0,
"solution" : "<style>\n body {\n background-color: #808080;\n }\n</style>\n",
"name" : "Use Hex Code to Color Elements Gray",
"completedDate" : 1462772625381
},
"bad87fee1348bd9aedf08720" : {
"id" : "bad87fee1348bd9aedf08720",
"challengeType" : 0,
"solution" : "<style>\n body {\n background-color: #111111;\n }\n</style>\n",
"name" : "Use Hex Code for Specific Shades of Gray",
"completedDate" : 1462772864956
},
"bad87fee1348bd9aedf08719" : {
"id" : "bad87fee1348bd9aedf08719",
"challengeType" : 0,
"solution" : "<style>\n body {\n background-color: #f00;\n }\n</style>\n",
"name" : "Use Abbreviated Hex Code",
"completedDate" : 1462772911466
},
"bad87fee1348bd9aede08718" : {
"id" : "bad87fee1348bd9aede08718",
"challengeType" : 0,
"solution" : "<style>\n body {\n background-color: rgb(0,0,0);\n }\n</style>\n",
"name" : "Use RGB values to Color Elements",
"completedDate" : 1462773269006
},
"bad88fee1348bd9aedf08726" : {
"id" : "bad88fee1348bd9aedf08726",
"challengeType" : 0,
"solution" : "<style>\n body {\n background-color: rgb(255, 255, 255);\n }\n</style>\n",
"name" : "Use RGB to Color Elements White",
"completedDate" : 1462773383535
},
"bad89fee1348bd9aedf08724" : {
"id" : "bad89fee1348bd9aedf08724",
"challengeType" : 0,
"solution" : "<style>\n body {\n background-color: rgb(255, 0, 0);\n }\n</style>\n",
"name" : "Use RGB to Color Elements Red",
"completedDate" : 1462773484346
},
"bad80fee1348bd9aedf08723" : {
"id" : "bad80fee1348bd9aedf08723",
"challengeType" : 0,
"solution" : "<style>\n body {\n background-color: rgb(0, 255, 0);\n }\n</style>\n",
"name" : "Use RGB to Color Elements Green",
"completedDate" : 1462773516372
},
"bad81fee1348bd9aedf08722" : {
"id" : "bad81fee1348bd9aedf08722",
"challengeType" : 0,
"solution" : "<style>\n body {\n background-color: rgb(0, 0, 255);\n }\n</style>\n",
"name" : "Use RGB to Color Elements Blue",
"completedDate" : 1462773527876
},
"bad82fee1348bd9aedf08721" : {
"id" : "bad82fee1348bd9aedf08721",
"challengeType" : 0,
"solution" : "<style>\n body {\n background-color: rgb(255, 165, 0);\n }\n</style>\n",
"name" : "Use RGB to Mix Colors",
"completedDate" : 1462773547316
},
"bad87fee1348bd9acde08712" : {
"id" : "bad87fee1348bd9acde08712",
"challengeType" : 0,
"solution" : "<link href=\"//fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n .smaller-image {\n width: 100px;\n }\n</style>\n\n<div class=\"container-fluid\">\n<h2 class=\"red-text\">CatPhotoApp</h2>\n\n<p>Click here for <a href=\"#\">cat photos</a>.</p>\n\n<a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"/images/relaxing-cat.jpg\"></a>\n\n<p>Things cats love:</p>\n<ul>\n <li>cat nip</li>\n <li>laser pointers</li>\n <li>lasagna</li>\n</ul>\n<p>Top 3 things cats hate:</p>\n<ol>\n <li>flea treatment</li>\n <li>thunder</li>\n <li>other cats</li>\n</ol>\n<form action=\"/submit-cat-photo\">\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>\n <label><input type=\"checkbox\" name=\"personality\"> Loving</label>\n <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>\n <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>\n <input type=\"text\" placeholder=\"cat photo URL\" required>\n <button type=\"submit\">Submit</button>\n</form> \n</div>\n\n",
"name" : "Use Responsive Design with Bootstrap Fluid Containers",
"completedDate" : 1462773716276
},
"bad87fee1348bd9acde08812" : {
"id" : "bad87fee1348bd9acde08812",
"challengeType" : 0,
"solution" : "<link href=\"//fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n .smaller-image {\n width: 100px;\n }\n</style>\n\n<div class=\"container-fluid\">\n <h2 class=\"red-text\">CatPhotoApp</h2>\n\n <p>Click here for <a href=\"#\">cat photos</a>.</p>\n\n <a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"/images/relaxing-cat.jpg\"></a>\n <img src=\"/images/running-cat.jpg\" class=\"img-responsive\"/>\n\n <p>Things cats love:</p>\n <ul>\n <li>cat nip</li>\n <li>laser pointers</li>\n <li>lasagna</li>\n </ul>\n <p>Top 3 things cats hate:</p>\n <ol>\n <li>flea treatment</li>\n <li>thunder</li>\n <li>other cats</li>\n </ol>\n <form action=\"/submit-cat-photo\">\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>\n <label><input type=\"checkbox\" name=\"personality\"> Loving</label>\n <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>\n <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>\n <input type=\"text\" placeholder=\"cat photo URL\" required>\n <button type=\"submit\">Submit</button>\n </form>\n</div>\n",
"name" : "Make Images Mobile Responsive",
"completedDate" : 1462774105128,
"lastUpdated" : 1462880130410
},
"bad87fee1348bd8acde08812" : {
"id" : "bad87fee1348bd8acde08812",
"challengeType" : 0,
"solution" : "<link href=\"//fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n .smaller-image {\n width: 100px;\n }\n</style>\n\n<div class=\"container-fluid\">\n <h2 class=\"red-text text-center\">CatPhotoApp</h2>\n\n <p>Click here for <a href=\"#\">cat photos</a>.</p>\n\n <a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"/images/relaxing-cat.jpg\"></a>\n\n <img src=\"/images/running-cat.jpg\" class=\"img-responsive\">\n <p>Things cats love:</p>\n <ul>\n <li>cat nip</li>\n <li>laser pointers</li>\n <li>lasagna</li>\n </ul>\n <p>Top 3 things cats hate:</p>\n <ol>\n <li>flea treatment</li>\n <li>thunder</li>\n <li>other cats</li>\n </ol>\n <form action=\"/submit-cat-photo\">\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>\n <label><input type=\"checkbox\" name=\"personality\"> Loving</label>\n <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>\n <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>\n <input type=\"text\" placeholder=\"cat photo URL\" required>\n <button type=\"submit\">Submit</button>\n </form>\n</div>\n",
"name" : "Center Text with Bootstrap",
"completedDate" : 1462774178199
},
"bad87fee1348cd8acdf08812" : {
"id" : "bad87fee1348cd8acdf08812",
"challengeType" : 0,
"solution" : "<link href=\"//fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n .smaller-image {\n width: 100px;\n }\n</style>\n\n<div class=\"container-fluid\">\n <h2 class=\"red-text text-center\">CatPhotoApp</h2>\n\n <p>Click here for <a href=\"#\">cat photos</a>.</p>\n\n <a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"/images/relaxing-cat.jpg\"></a>\n\n <img src=\"/images/running-cat.jpg\" class=\"img-responsive\">\n \n <button class=\"btn\">Like</button>\n <p>Things cats love:</p>\n <ul>\n <li>cat nip</li>\n <li>laser pointers</li>\n <li>lasagna</li>\n </ul>\n <p>Top 3 things cats hate:</p>\n <ol>\n <li>flea treatment</li>\n <li>thunder</li>\n <li>other cats</li>\n </ol>\n <form action=\"/submit-cat-photo\">\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>\n <label><input type=\"checkbox\" name=\"personality\"> Loving</label>\n <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>\n <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>\n <input type=\"text\" placeholder=\"cat photo URL\" required>\n <button type=\"submit\">Submit</button>\n </form>\n</div>\n",
"name" : "Create a Bootstrap Button",
"completedDate" : 1462774278702
},
"bad87fee1348cd8acef08812" : {
"id" : "bad87fee1348cd8acef08812",
"challengeType" : 0,
"solution" : "<link href=\"//fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n .smaller-image {\n width: 100px;\n }\n</style>\n\n<div class=\"container-fluid\">\n <h2 class=\"red-text text-center\">CatPhotoApp</h2>\n\n <p>Click here for <a href=\"#\">cat photos</a>.</p>\n\n <a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"/images/relaxing-cat.jpg\"></a>\n\n <img src=\"/images/running-cat.jpg\" class=\"img-responsive\">\n <button class=\"btn btn-block\">Like</button>\n <p>Things cats love:</p>\n <ul>\n <li>cat nip</li>\n <li>laser pointers</li>\n <li>lasagna</li>\n </ul>\n <p>Top 3 things cats hate:</p>\n <ol>\n <li>flea treatment</li>\n <li>thunder</li>\n <li>other cats</li>\n </ol>\n <form action=\"/submit-cat-photo\">\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>\n <label><input type=\"checkbox\" name=\"personality\"> Loving</label>\n <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>\n <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>\n <input type=\"text\" placeholder=\"cat photo URL\" required>\n <button type=\"submit\">Submit</button>\n </form>\n</div>\n",
"name" : "Create a Block Element Bootstrap Button",
"completedDate" : 1462774406822
},
"bad87fee1348cd8acef08811" : {
"id" : "bad87fee1348cd8acef08811",
"challengeType" : 0,
"solution" : "<link href=\"//fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n .smaller-image {\n width: 100px;\n }\n</style>\n\n<div class=\"container-fluid\">\n <h2 class=\"red-text text-center\">CatPhotoApp</h2>\n\n <p>Click here for <a href=\"#\">cat photos</a>.</p>\n\n <a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"/images/relaxing-cat.jpg\"></a>\n\n <img src=\"/images/running-cat.jpg\" class=\"img-responsive\">\n <button class=\"btn btn-block btn-primary\">Like</button>\n <p>Things cats love:</p>\n <ul>\n <li>cat nip</li>\n <li>laser pointers</li>\n <li>lasagna</li>\n </ul>\n <p>Top 3 things cats hate:</p>\n <ol>\n <li>flea treatment</li>\n <li>thunder</li>\n <li>other cats</li>\n </ol>\n <form action=\"/submit-cat-photo\">\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>\n <label><input type=\"checkbox\" name=\"personality\"> Loving</label>\n <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>\n <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>\n <input type=\"text\" placeholder=\"cat photo URL\" required>\n <button type=\"submit\">Submit</button>\n </form>\n</div>\n",
"name" : "Taste the Bootstrap Button Color Rainbow",
"completedDate" : 1462774487826
},
"bad87fee1348cd8acef08813" : {
"id" : "bad87fee1348cd8acef08813",
"challengeType" : 0,
"solution" : "<link href=\"//fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n .smaller-image {\n width: 100px;\n }\n</style>\n\n<div class=\"container-fluid\">\n <h2 class=\"red-text text-center\">CatPhotoApp</h2>\n\n <p>Click here for <a href=\"#\">cat photos</a>.</p>\n\n <a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"/images/relaxing-cat.jpg\"></a>\n\n <img src=\"/images/running-cat.jpg\" class=\"img-responsive\">\n <button class=\"btn btn-block btn-primary\">Like</button>\n <button class=\"btn btn-block btn-info\">Info</button>\n <p>Things cats love:</p>\n <ul>\n <li>cat nip</li>\n <li>laser pointers</li>\n <li>lasagna</li>\n </ul>\n <p>Top 3 things cats hate:</p>\n <ol>\n <li>flea treatment</li>\n <li>thunder</li>\n <li>other cats</li>\n </ol>\n <form action=\"/submit-cat-photo\">\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>\n <label><input type=\"checkbox\" name=\"personality\"> Loving</label>\n <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>\n <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>\n <input type=\"text\" placeholder=\"cat photo URL\" required>\n <button type=\"submit\">Submit</button>\n </form>\n</div>\n",
"name" : "Call out Optional Actions with Button Info",
"completedDate" : 1462774887926
},
"bad87fee1348ce8acef08814" : {
"id" : "bad87fee1348ce8acef08814",
"challengeType" : 0,
"solution" : "<link href=\"//fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n .smaller-image {\n width: 100px;\n }\n</style>\n\n<div class=\"container-fluid\">\n <h2 class=\"red-text text-center\">CatPhotoApp</h2>\n\n <p>Click here for <a href=\"#\">cat photos</a>.</p>\n\n <a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"/images/relaxing-cat.jpg\"></a>\n\n <img src=\"/images/running-cat.jpg\" class=\"img-responsive\">\n <button class=\"btn btn-block btn-primary\">Like</button>\n <button class=\"btn btn-block btn-info\">Info</button>\n <button class=\"btn btn-block btn-danger\">Delete</button>\n <p>Things cats love:</p>\n <ul>\n <li>cat nip</li>\n <li>laser pointers</li>\n <li>lasagna</li>\n </ul>\n <p>Top 3 things cats hate:</p>\n <ol>\n <li>flea treatment</li>\n <li>thunder</li>\n <li>other cats</li>\n </ol>\n <form action=\"/submit-cat-photo\">\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>\n <label><input type=\"checkbox\" name=\"personality\"> Loving</label>\n <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>\n <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>\n <input type=\"text\" placeholder=\"cat photo URL\" required>\n <button type=\"submit\">Submit</button>\n </form>\n</div>\n",
"name" : "Warn your Users of a Dangerous Action",
"completedDate" : 1462775031922
},
"bad88fee1348ce8acef08815" : {
"id" : "bad88fee1348ce8acef08815",
"challengeType" : 0,
"solution" : "<link href=\"//fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n .red-text {\n color: red;\n }\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n p {\n font-size: 16px;\n font-family: Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n .smaller-image {\n width: 100px;\n }\n</style>\n\n<div class=\"container-fluid\">\n <h2 class=\"red-text text-center\">CatPhotoApp</h2>\n\n <p>Click here for <a href=\"#\">cat photos</a>.</p>\n\n <a href=\"#\"><img class=\"smaller-image thick-green-border\" src=\"/images/relaxing-cat.jpg\"></a>\n\n <img src=\"/images/running-cat.jpg\" class=\"img-responsive\">\n <div class=\"row\">\n <div class=\"col-xs-4\">\n <button class=\"btn btn-block btn-primary\">Like</button>\n </div>\n <div class=\"col-xs-4\">\n <button class=\"btn btn-block btn-primary\">Like</button>\n </div>\n <div class=\"col-xs-4\">\n <button class=\"btn btn-block btn-primary\">Like</button>\n </div>\n </div>\n <p>Things cats love:</p>\n <ul>\n <li>cat nip</li>\n <li>laser pointers</li>\n <li>lasagna</li>\n </ul>\n <p>Top 3 things cats hate:</p>\n <ol>\n <li>flea treatment</li>\n <li>thunder</li>\n <li>other cats</li>\n </ol>\n <form action=\"/submit-cat-photo\">\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>\n <label><input type=\"checkbox\" name=\"personality\"> Loving</label>\n <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>\n <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>\n <input type=\"text\" placeholder=\"cat photo URL\" required>\n <button type=\"submit\">Submit</button>\n </form>\n</div>\n",
"name" : "Use the Bootstrap Grid to Put Elements Side By Side",
"completedDate" : 1462775273853
},
"bad87fee1347bd9aedf08845" : {
"id" : "bad87fee1347bd9aedf08845",
"challengeType" : 0,
"solution" : "<link href=\"//fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n h2 {\n font-family: Lobster, Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n</style>\n\n<div class=\"container-fluid\">\n <h2 class=\"text-primary text-center\">CatPhotoApp</h2>\n\n <a href=\"#\"><img class=\"img-responsive thick-green-border\" src=\"/images/relaxing-cat.jpg\"></a>\n\n <img src=\"/images/running-cat.jpg\" class=\"img-responsive\">\n <div class=\"row\">\n <div class=\"col-xs-4\">\n <button class=\"btn btn-block btn-primary\">Like</button>\n </div>\n <div class=\"col-xs-4\">\n <button class=\"btn btn-block btn-info\">Info</button>\n </div>\n <div class=\"col-xs-4\">\n <button class=\"btn btn-block btn-danger\">Delete</button>\n </div>\n </div>\n <p>Things cats love:</p>\n <ul>\n <li>cat nip</li>\n <li>laser pointers</li>\n <li>lasagna</li>\n </ul>\n <p>Top 3 things cats hate:</p>\n <ol>\n <li>flea treatment</li>\n <li>thunder</li>\n <li>other cats</li>\n </ol>\n <form action=\"/submit-cat-photo\">\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>\n <label><input type=\"checkbox\" name=\"personality\"> Loving</label>\n <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>\n <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>\n <input type=\"text\" placeholder=\"cat photo URL\" required>\n <button type=\"submit\">Submit</button>\n </form>\n</div>\n",
"name" : "Ditch Custom CSS for Bootstrap",
"completedDate" : 1462775605809
},
"bad87fee1348bd9aedf08845" : {
"id" : "bad87fee1348bd9aedf08845",
"challengeType" : 0,
"solution" : "<link href=\"//fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n\n h2 {\n font-family: Lobster, Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n</style>\n\n<div class=\"container-fluid\">\n <h2 class=\"text-primary text-center\">CatPhotoApp</h2>\n\n <a href=\"#\"><img class=\"img-responsive thick-green-border\" src=\"/images/relaxing-cat.jpg\"></a>\n\n <img src=\"/images/running-cat.jpg\" class=\"img-responsive\">\n <div class=\"row\">\n <div class=\"col-xs-4\">\n <button class=\"btn btn-block btn-primary\">Like</button>\n </div>\n <div class=\"col-xs-4\">\n <button class=\"btn btn-block btn-info\">Info</button>\n </div>\n <div class=\"col-xs-4\">\n <button class=\"btn btn-block btn-danger\">Delete</button>\n </div>\n </div>\n <p>Things cats <span class=\"text-danger\">love:</span></p>\n <ul>\n <li>cat nip</li>\n <li>laser pointers</li>\n <li>lasagna</li>\n </ul>\n <p>Top 3 things cats hate:</p>\n <ol>\n <li>flea treatment</li>\n <li>thunder</li>\n <li>other cats</li>\n </ol>\n <form action=\"/submit-cat-photo\">\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>\n <label><input type=\"checkbox\" name=\"personality\"> Loving</label>\n <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>\n <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>\n <input type=\"text\" placeholder=\"cat photo URL\" required>\n <button type=\"submit\">Submit</button>\n </form>\n</div>\n",
"name" : "Use Spans for Inline Elements",
"completedDate" : 1462775845582
},
"bad87fee1348bd9aede08845" : {
"id" : "bad87fee1348bd9aede08845",
"challengeType" : 0,
"solution" : "<link href=\"//fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n\n<style>\n h2 {\n font-family: Lobster, Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n</style>\n\n<div class=\"container-fluid\">\n <div class=\"row\">\n <div class=\"col-xs-8\">\n <h2 class=\"text-primary text-center\">CatPhotoApp</h2>\n </div>\n <div class=\"col-xs-4\">\n <a href=\"#\"><img class=\"img-responsive thick-green-border\" src=\"/images/relaxing-cat.jpg\"></a>\n </div> \n </div>\n\n <img src=\"/images/running-cat.jpg\" class=\"img-responsive\">\n <div class=\"row\">\n <div class=\"col-xs-4\">\n <button class=\"btn btn-block btn-primary\">Like</button>\n </div>\n <div class=\"col-xs-4\">\n <button class=\"btn btn-block btn-info\">Info</button>\n </div>\n <div class=\"col-xs-4\">\n <button class=\"btn btn-block btn-danger\">Delete</button>\n </div>\n </div>\n <p>Things cats <span class=\"text-danger\">love:</span></p>\n <ul>\n <li>cat nip</li>\n <li>laser pointers</li>\n <li>lasagna</li>\n </ul>\n <p>Top 3 things cats hate:</p>\n <ol>\n <li>flea treatment</li>\n <li>thunder</li>\n <li>other cats</li>\n </ol>\n <form action=\"/submit-cat-photo\">\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>\n <label><input type=\"checkbox\" name=\"personality\"> Loving</label>\n <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>\n <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>\n <input type=\"text\" placeholder=\"cat photo URL\" required>\n <button type=\"submit\">Submit</button>\n </form>\n</div>\n",
"name" : "Create a Custom Heading",
"completedDate" : 1462776106106
},
"bad87fee1348bd9aedd08845" : {
"id" : "bad87fee1348bd9aedd08845",
"challengeType" : 0,
"solution" : "<link href=\"//fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n h2 {\n font-family: Lobster, Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n</style>\n\n<div class=\"container-fluid\">\n <div class=\"row\">\n <div class=\"col-xs-8\">\n <h2 class=\"text-primary text-center\">CatPhotoApp</h2>\n </div>\n <div class=\"col-xs-4\">\n <a href=\"#\"><img class=\"img-responsive thick-green-border\" src=\"/images/relaxing-cat.jpg\"></a>\n </div>\n </div>\n <img src=\"/images/running-cat.jpg\" class=\"img-responsive\">\n <div class=\"row\">\n <div class=\"col-xs-4\">\n <button class=\"btn btn-block btn-primary\">\n <i class=\"fa fa-thumbs-up\"></i>Like\n </button>\n </div>\n <div class=\"col-xs-4\">\n <button class=\"btn btn-block btn-info\">Info</button>\n </div>\n <div class=\"col-xs-4\">\n <button class=\"btn btn-block btn-danger\">Delete</button>\n </div>\n </div>\n <p>Things cats <span class=\"text-danger\">love:</span></p>\n <ul>\n <li>cat nip</li>\n <li>laser pointers</li>\n <li>lasagna</li>\n </ul>\n <p>Top 3 things cats hate:</p>\n <ol>\n <li>flea treatment</li>\n <li>thunder</li>\n <li>other cats</li>\n </ol>\n <form action=\"/submit-cat-photo\">\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>\n <label><input type=\"checkbox\" name=\"personality\"> Loving</label>\n <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>\n <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>\n <input type=\"text\" placeholder=\"cat photo URL\" required>\n <button type=\"submit\">Submit</button>\n </form>\n</div>\n",
"name" : "Add Font Awesome Icons to our Buttons",
"completedDate" : 1462776378972
},
"bad87fee1348bd9aedc08845" : {
"id" : "bad87fee1348bd9aedc08845",
"challengeType" : 0,
"solution" : "<link href=\"//fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n h2 {\n font-family: Lobster, Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n</style>\n\n<div class=\"container-fluid\">\n <div class=\"row\">\n <div class=\"col-xs-8\">\n <h2 class=\"text-primary text-center\">CatPhotoApp</h2>\n </div>\n <div class=\"col-xs-4\">\n <a href=\"#\"><img class=\"img-responsive thick-green-border\" src=\"/images/relaxing-cat.jpg\"></a>\n </div>\n </div>\n <img src=\"/images/running-cat.jpg\" class=\"img-responsive\">\n <div class=\"row\">\n <div class=\"col-xs-4\">\n <button class=\"btn btn-block btn-primary\">\n <i class=\"fa fa-thumbs-up\"></i> Like\n </button>\n </div>\n <div class=\"col-xs-4\">\n <button class=\"btn btn-block btn-info\">\n <i class=\"fa fa-info-circle\"></i> Info\n </button>\n </div>\n <div class=\"col-xs-4\">\n <button class=\"btn btn-block btn-danger\">\n <i class=\"fa fa-trash\"></i>Delete\n </button>\n </div>\n </div>\n <p>Things cats <span class=\"text-danger\">love:</span></p>\n <ul>\n <li>cat nip</li>\n <li>laser pointers</li>\n <li>lasagna</li>\n </ul>\n <p>Top 3 things cats hate:</p>\n <ol>\n <li>flea treatment</li>\n <li>thunder</li>\n <li>other cats</li>\n </ol>\n <form action=\"/submit-cat-photo\">\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>\n <label><input type=\"checkbox\" name=\"personality\"> Loving</label>\n <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>\n <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>\n <input type=\"text\" placeholder=\"cat photo URL\" required>\n <button type=\"submit\">Submit</button>\n </form>\n</div>\n",
"name" : "Add Font Awesome Icons to all of our Buttons",
"completedDate" : 1462776670489
},
"bad87fee1348bd9aedb08845" : {
"id" : "bad87fee1348bd9aedb08845",
"challengeType" : 0,
"solution" : "<link href=\"//fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n h2 {\n font-family: Lobster, Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n</style>\n\n<div class=\"container-fluid\">\n <div class=\"row\">\n <div class=\"col-xs-8\">\n <h2 class=\"text-primary text-center\">CatPhotoApp</h2>\n </div>\n <div class=\"col-xs-4\">\n <a href=\"#\"><img class=\"img-responsive thick-green-border\" src=\"/images/relaxing-cat.jpg\"></a>\n </div>\n </div>\n <img src=\"/images/running-cat.jpg\" class=\"img-responsive\">\n <div class=\"row\">\n <div class=\"col-xs-4\">\n <button class=\"btn btn-block btn-primary\"><i class=\"fa fa-thumbs-up\"></i>Like</button>\n </div>\n <div class=\"col-xs-4\">\n <button class=\"btn btn-block btn-info\"><i class=\"fa fa-info-circle\"></i>Info</button>\n </div>\n <div class=\"col-xs-4\">\n <button class=\"btn btn-block btn-danger\"><i class=\"fa fa-trash\"></i>Delete</button>\n </div>\n </div>\n <p>Things cats <span class=\"text-danger\">love:</span></p>\n <ul>\n <li>cat nip</li>\n <li>laser pointers</li>\n <li>lasagna</li>\n </ul>\n <p>Top 3 things cats hate:</p>\n <ol>\n <li>flea treatment</li>\n <li>thunder</li>\n <li>other cats</li>\n </ol>\n <form action=\"/submit-cat-photo\">\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>\n </div>\n <div class=\"col-xs-6\">\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>\n </div>\n </div>\n <label><input type=\"checkbox\" name=\"personality\"> Loving</label>\n <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>\n <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>\n <input type=\"text\" placeholder=\"cat photo URL\" required>\n <button type=\"submit\">Submit</button>\n </form>\n</div>\n",
"name" : "Responsively Style Radio Buttons",
"completedDate" : 1462776986584
},
"bad87fee1348bd9aeda08845" : {
"id" : "bad87fee1348bd9aeda08845",
"challengeType" : 0,
"solution" : "<link href=\"//fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n h2 {\n font-family: Lobster, Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n</style>\n\n<div class=\"container-fluid\">\n <div class=\"row\">\n <div class=\"col-xs-8\">\n <h2 class=\"text-primary text-center\">CatPhotoApp</h2>\n </div>\n <div class=\"col-xs-4\">\n <a href=\"#\"><img class=\"img-responsive thick-green-border\" src=\"/images/relaxing-cat.jpg\"></a>\n </div>\n </div>\n <img src=\"/images/running-cat.jpg\" class=\"img-responsive\">\n <div class=\"row\">\n <div class=\"col-xs-4\">\n <button class=\"btn btn-block btn-primary\"><i class=\"fa fa-thumbs-up\"></i> Like</button>\n </div>\n <div class=\"col-xs-4\">\n <button class=\"btn btn-block btn-info\"><i class=\"fa fa-info-circle\"></i> Info</button>\n </div>\n <div class=\"col-xs-4\">\n <button class=\"btn btn-block btn-danger\"><i class=\"fa fa-trash\"></i> Delete</button>\n </div>\n </div>\n <p>Things cats <span class=\"text-danger\">love:</span></p>\n <ul>\n <li>cat nip</li>\n <li>laser pointers</li>\n <li>lasagna</li>\n </ul>\n <p>Top 3 things cats hate:</p>\n <ol>\n <li>flea treatment</li>\n <li>thunder</li>\n <li>other cats</li>\n </ol>\n <form action=\"/submit-cat-photo\">\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>\n </div>\n <div class=\"col-xs-6\">\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-xs-4\">\n <label><input type=\"checkbox\" name=\"personality\"> Loving</label>\n </div>\n <div class=\"col-xs-4\">\n <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>\n </div>\n <div class=\"col-xs-4\">\n <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>\n </div>\n </div>\n <input type=\"text\" placeholder=\"cat photo URL\" required>\n <button type=\"submit\">Submit</button>\n </form>\n</div>\n",
"name" : "Responsively Style Checkboxes",
"completedDate" : 1462777132932
},
"bad87fee1348bd9aed908845" : {
"id" : "bad87fee1348bd9aed908845",
"challengeType" : 0,
"solution" : "<link href=\"//fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n h2 {\n font-family: Lobster, Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n</style>\n\n<div class=\"container-fluid\">\n <div class=\"row\">\n <div class=\"col-xs-8\">\n <h2 class=\"text-primary text-center\">CatPhotoApp</h2>\n </div>\n <div class=\"col-xs-4\">\n <a href=\"#\"><img class=\"img-responsive thick-green-border\" src=\"/images/relaxing-cat.jpg\"></a>\n </div>\n </div>\n <img src=\"/images/running-cat.jpg\" class=\"img-responsive\">\n <div class=\"row\">\n <div class=\"col-xs-4\">\n <button class=\"btn btn-block btn-primary\"><i class=\"fa fa-thumbs-up\"></i> Like</button>\n </div>\n <div class=\"col-xs-4\">\n <button class=\"btn btn-block btn-info\"><i class=\"fa fa-info-circle\"></i> Info</button>\n </div>\n <div class=\"col-xs-4\">\n <button class=\"btn btn-block btn-danger\"><i class=\"fa fa-trash\"></i> Delete</button>\n </div>\n </div>\n <p>Things cats <span class=\"text-danger\">love:</span></p>\n <ul>\n <li>cat nip</li>\n <li>laser pointers</li>\n <li>lasagna</li>\n </ul>\n <p>Top 3 things cats hate:</p>\n <ol>\n <li>flea treatment</li>\n <li>thunder</li>\n <li>other cats</li>\n </ol>\n <form action=\"/submit-cat-photo\">\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>\n </div>\n <div class=\"col-xs-6\">\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-xs-4\">\n <label><input type=\"checkbox\" name=\"personality\"> Loving</label>\n </div>\n <div class=\"col-xs-4\">\n <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>\n </div>\n <div class=\"col-xs-4\">\n <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>\n </div>\n </div>\n <input type=\"text\" class=\"form-control\" placeholder=\"cat photo URL\" required>\n <button type=\"submit\" class=\"btn btn-primary\"><i class=\"fa fa-paper-plane\"></i> Submit</button>\n </form>\n</div>\n",
"name" : "Style Text Inputs as Form Controls",
"completedDate" : 1462777503182
},
"bad87fee1348bd9aec908845" : {
"id" : "bad87fee1348bd9aec908845",
"challengeType" : 0,
"solution" : "<link href=\"//fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n<style>\n h2 {\n font-family: Lobster, Monospace;\n }\n\n .thick-green-border {\n border-color: green;\n border-width: 10px;\n border-style: solid;\n border-radius: 50%;\n }\n\n</style>\n\n<div class=\"container-fluid\">\n <div class=\"row\">\n <div class=\"col-xs-8\">\n <h2 class=\"text-primary text-center\">CatPhotoApp</h2>\n </div>\n <div class=\"col-xs-4\">\n <a href=\"#\"><img class=\"img-responsive thick-green-border\" src=\"/images/relaxing-cat.jpg\"></a>\n </div>\n </div>\n <img src=\"/images/running-cat.jpg\" class=\"img-responsive\">\n <div class=\"row\">\n <div class=\"col-xs-4\">\n <button class=\"btn btn-block btn-primary\"><i class=\"fa fa-thumbs-up\"></i> Like</button>\n </div>\n <div class=\"col-xs-4\">\n <button class=\"btn btn-block btn-info\"><i class=\"fa fa-info-circle\"></i> Info</button>\n </div>\n <div class=\"col-xs-4\">\n <button class=\"btn btn-block btn-danger\"><i class=\"fa fa-trash\"></i> Delete</button>\n </div>\n </div>\n <p>Things cats <span class=\"text-danger\">love:</span></p>\n <ul>\n <li>cat nip</li>\n <li>laser pointers</li>\n <li>lasagna</li>\n </ul>\n <p>Top 3 things cats hate:</p>\n <ol>\n <li>flea treatment</li>\n <li>thunder</li>\n <li>other cats</li>\n </ol>\n <form action=\"/submit-cat-photo\">\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Indoor</label>\n </div>\n <div class=\"col-xs-6\">\n <label><input type=\"radio\" name=\"indoor-outdoor\"> Outdoor</label>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-xs-4\">\n <label><input type=\"checkbox\" name=\"personality\"> Loving</label>\n </div>\n <div class=\"col-xs-4\">\n <label><input type=\"checkbox\" name=\"personality\"> Lazy</label>\n </div>\n <div class=\"col-xs-4\">\n <label><input type=\"checkbox\" name=\"personality\"> Crazy</label>\n </div>\n </div>\n <div class=\"row\">\n <div class=\"col-xs-7\">\n <input type=\"text\" class=\"form-control\" placeholder=\"cat photo URL\" required>\n </div>\n <div class=\"col-xs-5\">\n <button type=\"submit\" class=\"btn btn-primary\"><i class=\"fa fa-paper-plane\"></i> Submit</button>\n </div>\n </div>\n </form>\n</div>\n",
"name" : "Line up Form Elements Responsively with Bootstrap",
"completedDate" : 1462777639526
},
"bad87fee1348bd9aec908846" : {
"id" : "bad87fee1348bd9aec908846",
"challengeType" : 0,
"solution" : "<h3 class=\"text-primary text-center\">jQuery Playground</h3>\n\n\n",
"name" : "Create a Bootstrap Headline",
"completedDate" : 1462777690621
},
"bad87fee1348bd9aec908746" : {
"id" : "bad87fee1348bd9aec908746",
"challengeType" : 0,
"solution" : "<div class=\"container-fluid\">\n <h3 class=\"text-primary text-center\">jQuery Playground</h3> \n</div>\n\n\n\n",
"name" : "House our page within a Bootstrap Container Fluid Div",
"completedDate" : 1462777817279
},
"bad87fee1348bd9bec908846" : {
"id" : "bad87fee1348bd9bec908846",
"challengeType" : 0,
"solution" : "<div class=\"container-fluid\">\n <h3 class=\"text-primary text-center\">jQuery Playground</h3>\n <div class=\"row\"></div>\n</div>\n\n",
"name" : "Create a Bootstrap Row",
"completedDate" : 1462777831972
},
"bad87fee1348bd9aec908847" : {
"id" : "bad87fee1348bd9aec908847",
"challengeType" : 0,
"solution" : "<div class=\"container-fluid\">\n <h3 class=\"text-primary text-center\">jQuery Playground</h3>\n <div class=\"row\">\n <div class=\"col-xs-6\"></div>\n <div class=\"col-xs-6\"></div>\n\n </div>\n</div>\n",
"name" : "Split your Bootstrap Row",
"completedDate" : 1462777854058
},
"bad87fee1348bd9aec908848" : {
"id" : "bad87fee1348bd9aec908848",
"challengeType" : 0,
"solution" : "<div class=\"container-fluid\">\n <h3 class=\"text-primary text-center\">jQuery Playground</h3>\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <div class=\"well\"></div>\n </div>\n <div class=\"col-xs-6\">\n <div class=\"well\"></div>\n </div>\n </div>\n</div>\n",
"name" : "Create Bootstrap Wells",
"completedDate" : 1462791212142
},
"bad87fee1348bd9aec908849" : {
"id" : "bad87fee1348bd9aec908849",
"challengeType" : 0,
"solution" : "<div class=\"container-fluid\">\n <h3 class=\"text-primary text-center\">jQuery Playground</h3>\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <div class=\"well\">\n <button></button>\n <button></button>\n <button></button>\n\n\n </div>\n </div>\n <div class=\"col-xs-6\">\n <div class=\"well\">\n <button></button>\n <button></button>\n <button></button>\n\n\n </div>\n </div>\n </div>\n</div>\n",
"name" : "Add Elements within your Bootstrap Wells",
"completedDate" : 1462791286814
},
"bad87fee1348bd9aec908850" : {
"id" : "bad87fee1348bd9aec908850",
"challengeType" : 0,
"solution" : "<div class=\"container-fluid\">\n <h3 class=\"text-primary text-center\">jQuery Playground</h3>\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <div class=\"well\">\n <button class=\"btn btn-default\"></button>\n <button class=\"btn btn-default\"></button>\n <button class=\"btn btn-default\"></button>\n </div>\n </div>\n <div class=\"col-xs-6\">\n <div class=\"well\">\n <button class=\"btn btn-default\"></button>\n <button class=\"btn btn-default\"></button>\n <button class=\"btn btn-default\"></button>\n </div>\n </div>\n </div>\n</div>\n",
"name" : "Apply the Default Bootstrap Button Style",
"completedDate" : 1462791337013
},
"bad87fee1348bd9aec908852" : {
"id" : "bad87fee1348bd9aec908852",
"challengeType" : 0,
"solution" : "<div class=\"container-fluid\">\n <h3 class=\"text-primary text-center\">jQuery Playground</h3>\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <div class=\"well\">\n <button class=\"btn btn-default target\"></button>\n <button class=\"btn btn-default target\"></button>\n <button class=\"btn btn-default target\"></button>\n </div>\n </div>\n <div class=\"col-xs-6\">\n <div class=\"well\">\n <button class=\"btn btn-default target\"></button>\n <button class=\"btn btn-default target\"></button>\n <button class=\"btn btn-default target\"></button>\n </div>\n </div>\n </div>\n</div>\n",
"name" : "Create a Class to Target with jQuery Selectors",
"completedDate" : 1462791402310
},
"bad87fee1348bd9aec908853" : {
"id" : "bad87fee1348bd9aec908853",
"challengeType" : 0,
"solution" : "<div class=\"container-fluid\">\n <h3 class=\"text-primary text-center\">jQuery Playground</h3>\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <div id=\"left-well\" class=\"well\">\n <button class=\"btn btn-default target\"></button>\n <button class=\"btn btn-default target\"></button>\n <button class=\"btn btn-default target\"></button>\n </div>\n </div>\n <div class=\"col-xs-6\">\n <div id=\"right-well\" class=\"well\">\n <button class=\"btn btn-default target\"></button>\n <button class=\"btn btn-default target\"></button>\n <button class=\"btn btn-default target\"></button>\n </div>\n </div>\n </div>\n</div>\n",
"name" : "Add ID Attributes to Bootstrap Elements",
"completedDate" : 1462791473488
},
"bad87fee1348bd9aec908854" : {
"id" : "bad87fee1348bd9aec908854",
"challengeType" : 0,
"solution" : "<div class=\"container-fluid\">\n <h3 class=\"text-primary text-center\">jQuery Playground</h3>\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <h4>#left-well</h4>\n <div class=\"well\" id=\"left-well\">\n <button class=\"btn btn-default target\"> \n </button>\n <button class=\"btn btn-default target\"></button>\n <button class=\"btn btn-default target\"></button>\n </div>\n </div>\n <div class=\"col-xs-6\">\n <h4>#right-well</h4>\n <div class=\"well\" id=\"right-well\">\n <button class=\"btn btn-default target\"></button>\n <button class=\"btn btn-default target\"></button>\n <button class=\"btn btn-default target\"></button>\n </div>\n </div>\n </div>\n</div>\n",
"name" : "Label Bootstrap Wells",
"completedDate" : 1462791612164
},
"bad87fee1348bd9aec908855" : {
"id" : "bad87fee1348bd9aec908855",
"challengeType" : 0,
"solution" : "<div class=\"container-fluid\">\n <h3 class=\"text-primary text-center\">jQuery Playground</h3>\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <h4>#left-well</h4>\n <div class=\"well\" id=\"left-well\">\n <button id=\"target1\" class=\"btn btn-default target\"></button>\n <button id=\"target2\" class=\"btn btn-default target\"></button>\n <button id=\"target3\" class=\"btn btn-default target\"></button>\n </div>\n </div>\n <div class=\"col-xs-6\">\n <h4>#right-well</h4>\n <div class=\"well\" id=\"right-well\">\n <button id=\"target4\" class=\"btn btn-default target\"></button>\n <button id=\"target5\" class=\"btn btn-default target\"></button>\n <button id=\"target6\" class=\"btn btn-default target\"></button>\n </div>\n </div>\n </div>\n</div>\n",
"name" : "Give Each Element a Unique ID",
"completedDate" : 1462791710424
},
"bad87fee1348bd9aec908856" : {
"id" : "bad87fee1348bd9aec908856",
"challengeType" : 0,
"solution" : "<div class=\"container-fluid\">\n <h3 class=\"text-primary text-center\">jQuery Playground</h3>\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <h4>#left-well</h4>\n <div class=\"well\" id=\"left-well\">\n <button class=\"btn btn-default target\" id=\"target1\">#target1</button>\n <button class=\"btn btn-default target\" id=\"target2\">#target2</button>\n <button class=\"btn btn-default target\" id=\"target3\">#target3</button>\n </div>\n </div>\n <div class=\"col-xs-6\">\n <h4>#right-well</h4>\n <div class=\"well\" id=\"right-well\">\n <button class=\"btn btn-default target\" id=\"target4\">#target4</button>\n <button class=\"btn btn-default target\" id=\"target5\">#target5</button>\n <button class=\"btn btn-default target\" id=\"target6\">#target6</button>\n </div>\n </div>\n </div>\n</div>\n",
"name" : "Label Bootstrap Buttons",
"completedDate" : 1462791876536
},
"bad87fee1348bd9aec908857" : {
"id" : "bad87fee1348bd9aec908857",
"challengeType" : 0,
"solution" : "<!-- Only change code above this line.-->\n<div class=\"container-fluid\">\n <h3 class=\"text-primary text-center\">jQuery Playground</h3>\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <h4>#left-well</h4>\n <div class=\"well\" id=\"left-well\">\n <button class=\"btn btn-default target\" id=\"target1\">#target1</button>\n <button class=\"btn btn-default target\" id=\"target2\">#target2</button>\n <button class=\"btn btn-default target\" id=\"target3\">#target3</button>\n </div>\n </div>\n <div class=\"col-xs-6\">\n <h4>#right-well</h4>\n <div class=\"well\" id=\"right-well\">\n <button class=\"btn btn-default target\" id=\"target4\">#target4</button>\n <button class=\"btn btn-default target\" id=\"target5\">#target5</button>\n <button class=\"btn btn-default target\" id=\"target6\">#target6</button>\n </div>\n </div>\n </div>\n</div>\n",
"name" : "Use Comments to Clarify Code",
"completedDate" : 1462792017602
},
"570add8ccb82ac38a17513c3" : {
"id" : "570add8ccb82ac38a17513c3",
"challengeType" : 7,
"name" : "Join our LinkedIn Alumni Network",
"completedDate" : 1462792116630
},
"560adc65cb82ac38a17513c2" : {
"id" : "560adc65cb82ac38a17513c2",
"challengeType" : 7,
"name" : "Join our Subreddit",
"completedDate" : 1462792215243
},
"560adf65cb82ac38a17513c2" : {
"id" : "560adf65cb82ac38a17513c2",
"challengeType" : 7,
"name" : "Read Coding News on our Medium Publication",
"completedDate" : 1462792236571
},
"560ade65cb82ac38a17513c2" : {
"id" : "560ade65cb82ac38a17513c2",
"challengeType" : 7,
"name" : "Watch us Code Live on Twitchtv",
"completedDate" : 1462792281918
},
"560add8ccb81ac38a17513c4" : {
"id" : "560add8ccb81ac38a17513c4",
"challengeType" : 7,
"name" : "Commit to a Goal and a Nonprofit",
"completedDate" : 1462793087511
},
"bad87fee1348bd9acdd08826" : {
"id" : "bad87fee1348bd9acdd08826",
"challengeType" : 0,
"solution" : "<script>\n$(document).ready(function(){\n \n});\n \n</script>\n<!-- Only change code above this line. -->\n\n<div class=\"container-fluid\">\n <h3 class=\"text-primary text-center\">jQuery Playground</h3>\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <h4>#left-well</h4>\n <div class=\"well\" id=\"left-well\">\n <button class=\"btn btn-default target\" id=\"target1\">#target1</button>\n <button class=\"btn btn-default target\" id=\"target2\">#target2</button>\n <button class=\"btn btn-default target\" id=\"target3\">#target3</button>\n </div>\n </div>\n <div class=\"col-xs-6\">\n <h4>#right-well</h4>\n <div class=\"well\" id=\"right-well\">\n <button class=\"btn btn-default target\" id=\"target4\">#target4</button>\n <button class=\"btn btn-default target\" id=\"target5\">#target5</button>\n <button class=\"btn btn-default target\" id=\"target6\">#target6</button>\n </div>\n </div>\n </div>\n</div>\n",
"name" : "Learn how Script Tags and Document Ready Work",
"completedDate" : 1462795221368
},
"bad87fee1348bd9bedc08826" : {
"id" : "bad87fee1348bd9bedc08826",
"challengeType" : 0,
"solution" : "<script>\n $(document).ready(function() {\n $(\"button\").addClass('animated bounce')\n });\n</script>\n\n<!-- Only change code above this line. -->\n\n<div class=\"container-fluid\">\n <h3 class=\"text-primary text-center\">jQuery Playground</h3>\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <h4>#left-well</h4>\n <div class=\"well\" id=\"left-well\">\n <button class=\"btn btn-default target\" id=\"target1\">#target1</button>\n <button class=\"btn btn-default target\" id=\"target2\">#target2</button>\n <button class=\"btn btn-default target\" id=\"target3\">#target3</button>\n </div>\n </div>\n <div class=\"col-xs-6\">\n <h4>#right-well</h4>\n <div class=\"well\" id=\"right-well\">\n <button class=\"btn btn-default target\" id=\"target4\">#target4</button>\n <button class=\"btn btn-default target\" id=\"target5\">#target5</button>\n <button class=\"btn btn-default target\" id=\"target6\">#target6</button>\n </div>\n </div>\n </div>\n</div>\n",
"name" : "Target HTML Elements with Selectors Using jQuery",
"completedDate" : 1462795761941
},
"bad87fee1348bd9aedc08826" : {
"id" : "bad87fee1348bd9aedc08826",
"challengeType" : 0,
"solution" : "<script>\n $(document).ready(function() {\n $(\"button\").addClass(\"animated bounce\");\n $(\".well\").addClass(\"animated shake\");\n });\n</script>\n\n<!-- Only change code above this line. -->\n\n<div class=\"container-fluid\">\n <h3 class=\"text-primary text-center\">jQuery Playground</h3>\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <h4>#left-well</h4>\n <div class=\"well\" id=\"left-well\">\n <button class=\"btn btn-default target\" id=\"target1\">#target1</button>\n <button class=\"btn btn-default target\" id=\"target2\">#target2</button>\n <button class=\"btn btn-default target\" id=\"target3\">#target3</button>\n </div>\n </div>\n <div class=\"col-xs-6\">\n <h4>#right-well</h4>\n <div class=\"well\" id=\"right-well\">\n <button class=\"btn btn-default target\" id=\"target4\">#target4</button>\n <button class=\"btn btn-default target\" id=\"target5\">#target5</button>\n <button class=\"btn btn-default target\" id=\"target6\">#target6</button>\n </div>\n </div>\n </div>\n</div>\n",
"name" : "Target Elements by Class Using jQuery",
"completedDate" : 1462796323986
},
"bad87fee1348bd9aeda08826" : {
"id" : "bad87fee1348bd9aeda08826",
"challengeType" : 0,
"solution" : "<script>\n $(document).ready(function() {\n $(\"button\").addClass(\"animated bounce\");\n $(\".well\").addClass(\"animated shake\");\n $(\"#target3\").addClass(\"animated fadeout\");\n });\n</script>\n\n<!-- Only change code above this line. -->\n\n<div class=\"container-fluid\">\n <h3 class=\"text-primary text-center\">jQuery Playground</h3>\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <h4>#left-well</h4>\n <div class=\"well\" id=\"left-well\">\n <button class=\"btn btn-default target\" id=\"target1\">#target1</button>\n <button class=\"btn btn-default target\" id=\"target2\">#target2</button>\n <button class=\"btn btn-default target\" id=\"target3\">#target3</button>\n </div>\n </div>\n <div class=\"col-xs-6\">\n <h4>#right-well</h4>\n <div class=\"well\" id=\"right-well\">\n <button class=\"btn btn-default target\" id=\"target4\">#target4</button>\n <button class=\"btn btn-default target\" id=\"target5\">#target5</button>\n <button class=\"btn btn-default target\" id=\"target6\">#target6</button>\n </div>\n </div>\n </div>\n</div>\n",
"name" : "Target Elements by ID Using jQuery",
"completedDate" : 1462796679841
},
"bad87fee1348bd9aeda08726" : {
"id" : "bad87fee1348bd9aeda08726",
"challengeType" : 0,
"solution" : "<script>\n $(document).ready(function() {\n\n });\n</script>\n\n<!-- Only change code above this line. -->\n\n<div class=\"container-fluid\">\n <h3 class=\"text-primary text-center\">jQuery Playground</h3>\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <h4>#left-well</h4>\n <div class=\"well\" id=\"left-well\">\n <button class=\"btn btn-default target\" id=\"target1\">#target1</button>\n <button class=\"btn btn-default target\" id=\"target2\">#target2</button>\n <button class=\"btn btn-default target\" id=\"target3\">#target3</button>\n </div>\n </div>\n <div class=\"col-xs-6\">\n <h4>#right-well</h4>\n <div class=\"well\" id=\"right-well\">\n <button class=\"btn btn-default target\" id=\"target4\">#target4</button>\n <button class=\"btn btn-default target\" id=\"target5\">#target5</button>\n <button class=\"btn btn-default target\" id=\"target6\">#target6</button>\n </div>\n </div>\n </div>\n</div>\n",
"name" : "Delete your jQuery Functions",
"completedDate" : 1462796760829
},
"bad87fee1348bd9aed908626" : {
"id" : "bad87fee1348bd9aed908626",
"challengeType" : 0,
"solution" : "<script>\n $(document).ready(function() {\n $(\"button\").addClass('animated');\n $('.btn').addClass('shake');\n $('#target1').addClass('btn-primary')\n });\n\n</script>\n\n<!-- Only change code above this line. -->\n\n<div class=\"container-fluid\">\n <h3 class=\"text-primary text-center\">jQuery Playground</h3>\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <h4>#left-well</h4>\n <div class=\"well\" id=\"left-well\">\n <button class=\"btn btn-default target\" id=\"target1\">#target1</button>\n <button class=\"btn btn-default target\" id=\"target2\">#target2</button>\n <button class=\"btn btn-default target\" id=\"target3\">#target3</button>\n </div>\n </div>\n <div class=\"col-xs-6\">\n <h4>#right-well</h4>\n <div class=\"well\" id=\"right-well\">\n <button class=\"btn btn-default target\" id=\"target4\">#target4</button>\n <button class=\"btn btn-default target\" id=\"target5\">#target5</button>\n <button class=\"btn btn-default target\" id=\"target6\">#target6</button>\n </div>\n </div>\n </div>\n</div>\n",
"name" : "Target the same element with multiple jQuery Selectors",
"completedDate" : 1462797962296,
"lastUpdated" : 1462798049971
},
"bad87fee1348bd9aed918626" : {
"id" : "bad87fee1348bd9aed918626",
"challengeType" : 0,
"solution" : "<script>\n $(document).ready(function() {\n $(\"button\").addClass(\"animated bounce\");\n $(\".well\").addClass(\"animated shake\");\n $(\"#target3\").addClass(\"animated fadeOut\");\n $(\"button\").removeClass(\"btn-default\")\n });\n</script>\n\n<!-- Only change code above this line. -->\n\n<div class=\"container-fluid\">\n <h3 class=\"text-primary text-center\">jQuery Playground</h3>\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <h4>#left-well</h4>\n <div class=\"well\" id=\"left-well\">\n <button class=\"btn btn-default target\" id=\"target1\">#target1</button>\n <button class=\"btn btn-default target\" id=\"target2\">#target2</button>\n <button class=\"btn btn-default target\" id=\"target3\">#target3</button>\n </div>\n </div>\n <div class=\"col-xs-6\">\n <h4>#right-well</h4>\n <div class=\"well\" id=\"right-well\">\n <button class=\"btn btn-default target\" id=\"target4\">#target4</button>\n <button class=\"btn btn-default target\" id=\"target5\">#target5</button>\n <button class=\"btn btn-default target\" id=\"target6\">#target6</button>\n </div>\n </div>\n </div>\n</div>\n",
"name" : "Remove classes from an element with jQuery",
"completedDate" : 1462798344325
},
"bad87fee1348bd9aed908826" : {
"id" : "bad87fee1348bd9aed908826",
"challengeType" : 0,
"solution" : "<script>\n $(document).ready(function() {\n $(\"#target1\").css(\"color\",\"red\")\n });\n</script>\n\n<!-- Only change code above this line. -->\n\n<div class=\"container-fluid\">\n <h3 class=\"text-primary text-center\">jQuery Playground</h3>\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <h4>#left-well</h4>\n <div class=\"well\" id=\"left-well\">\n <button class=\"btn btn-default target\" id=\"target1\">#target1</button>\n <button class=\"btn btn-default target\" id=\"target2\">#target2</button>\n <button class=\"btn btn-default target\" id=\"target3\">#target3</button>\n </div>\n </div>\n <div class=\"col-xs-6\">\n <h4>#right-well</h4>\n <div class=\"well\" id=\"right-well\">\n <button class=\"btn btn-default target\" id=\"target4\">#target4</button>\n <button class=\"btn btn-default target\" id=\"target5\">#target5</button>\n <button class=\"btn btn-default target\" id=\"target6\">#target6</button>\n </div>\n </div>\n </div>\n</div>\n",
"name" : "Change the CSS of an Element Using jQuery",
"completedDate" : 1462798458782,
"lastUpdated" : 1462842360745
},
"bad87fee1348bd9aed808826" : {
"id" : "bad87fee1348bd9aed808826",
"challengeType" : 0,
"solution" : "<script>\n $(document).ready(function() {\n $(\"#target1\").css(\"color\", \"red\");\n $(\"#target1\").prop(\"disabled\", true);\n });\n</script>\n\n<!-- Only change code above this line. -->\n\n<div class=\"container-fluid\">\n <h3 class=\"text-primary text-center\">jQuery Playground</h3>\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <h4>#left-well</h4>\n <div class=\"well\" id=\"left-well\">\n <button class=\"btn btn-default target\" id=\"target1\">#target1</button>\n <button class=\"btn btn-default target\" id=\"target2\">#target2</button>\n <button class=\"btn btn-default target\" id=\"target3\">#target3</button>\n </div>\n </div>\n <div class=\"col-xs-6\">\n <h4>#right-well</h4>\n <div class=\"well\" id=\"right-well\">\n <button class=\"btn btn-default target\" id=\"target4\">#target4</button>\n <button class=\"btn btn-default target\" id=\"target5\">#target5</button>\n <button class=\"btn btn-default target\" id=\"target6\">#target6</button>\n </div>\n </div>\n </div>\n</div>\n",
"name" : "Disable an Element Using jQuery",
"completedDate" : 1462798690027,
"lastUpdated" : 1462842792265
},
"564944c91be2204b269d51e3" : {
"id" : "564944c91be2204b269d51e3",
"challengeType" : 0,
"solution" : "<script>\n $(document).ready(function() {\n $(\"#target1\").css(\"color\", \"red\");\n $(\"h3\").html(\"<i>jQuery Playground</i>\");\n $(\"#target4\").html(\"<em>#target4</em>\");\n });\n</script>\n\n<!-- Only change code above this line. -->\n\n<div class=\"container-fluid\">\n <h3 class=\"text-primary text-center\">jQuery Playground</h3>\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <h4>#left-well</h4>\n <div class=\"well\" id=\"left-well\">\n <button class=\"btn btn-default target\" id=\"target1\">#target1</button>\n <button class=\"btn btn-default target\" id=\"target2\">#target2</button>\n <button class=\"btn btn-default target\" id=\"target3\">#target3</button>\n </div>\n </div>\n <div class=\"col-xs-6\">\n <h4>#right-well</h4>\n <div class=\"well\" id=\"right-well\">\n <button class=\"btn btn-default target\" id=\"target4\">#target4</button>\n <button class=\"btn btn-default target\" id=\"target5\">#target5</button>\n <button class=\"btn btn-default target\" id=\"target6\">#target6</button>\n </div>\n </div>\n </div>\n</div>\n",
"name" : "Change Text Inside an Element Using jQuery",
"completedDate" : 1462844063834
},
"bad87fee1348bd9aed708826" : {
"id" : "bad87fee1348bd9aed708826",
"challengeType" : 0,
"solution" : "<script>\n $(document).ready(function() {\n $(\"#target1\").css(\"color\", \"red\");\n $(\"#target1\").prop(\"disabled\", true);\n $(\"#target4\").remove();\n });\n</script>\n\n<!-- Only change code above this line. -->\n\n<div class=\"container-fluid\">\n <h3 class=\"text-primary text-center\">jQuery Playground</h3>\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <h4>#left-well</h4>\n <div class=\"well\" id=\"left-well\">\n <button class=\"btn btn-default target\" id=\"target1\">#target1</button>\n <button class=\"btn btn-default target\" id=\"target2\">#target2</button>\n <button class=\"btn btn-default target\" id=\"target3\">#target3</button>\n </div>\n </div>\n <div class=\"col-xs-6\">\n <h4>#right-well</h4>\n <div class=\"well\" id=\"right-well\">\n <button class=\"btn btn-default target\" id=\"target4\">#target4</button>\n <button class=\"btn btn-default target\" id=\"target5\">#target5</button>\n <button class=\"btn btn-default target\" id=\"target6\">#target6</button>\n </div>\n </div>\n </div>\n</div>\n",
"name" : "Remove an Element Using jQuery",
"completedDate" : 1462844095735
},
"bad87fee1348bd9aed608826" : {
"id" : "bad87fee1348bd9aed608826",
"challengeType" : 0,
"solution" : "<script>\n $(document).ready(function() {\n $(\"#target1\").css(\"color\", \"red\");\n $(\"#target1\").prop(\"disabled\", true);\n $(\"#target4\").remove();\n $(\"#target2\").appendTo(\"#right-well\");\n });\n</script>\n\n<!-- Only change code above this line. -->\n\n<div class=\"container-fluid\">\n <h3 class=\"text-primary text-center\">jQuery Playground</h3>\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <h4>#left-well</h4>\n <div class=\"well\" id=\"left-well\">\n <button class=\"btn btn-default target\" id=\"target1\">#target1</button>\n <button class=\"btn btn-default target\" id=\"target2\">#target2</button>\n <button class=\"btn btn-default target\" id=\"target3\">#target3</button>\n </div>\n </div>\n <div class=\"col-xs-6\">\n <h4>#right-well</h4>\n <div class=\"well\" id=\"right-well\">\n <button class=\"btn btn-default target\" id=\"target4\">#target4</button>\n <button class=\"btn btn-default target\" id=\"target5\">#target5</button>\n <button class=\"btn btn-default target\" id=\"target6\">#target6</button>\n </div>\n </div>\n </div>\n</div>\n",
"name" : "Use appendTo to Move Elements with jQuery",
"completedDate" : 1462844311041
},
"bad87fee1348bd9aed508826" : {
"id" : "bad87fee1348bd9aed508826",
"challengeType" : 0,
"solution" : "<script>\n $(document).ready(function() {\n $(\"#target1\").css(\"color\", \"red\");\n $(\"#target1\").prop(\"disabled\", true);\n $(\"#target4\").remove();\n $(\"#target2\").appendTo(\"#right-well\");\n $(\"#target5\").clone().appendTo(\"#left-well\")\n });\n</script>\n\n<!-- Only change code above this line. -->\n\n<div class=\"container-fluid\">\n <h3 class=\"text-primary text-center\">jQuery Playground</h3>\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <h4>#left-well</h4>\n <div class=\"well\" id=\"left-well\">\n <button class=\"btn btn-default target\" id=\"target1\">#target1</button>\n <button class=\"btn btn-default target\" id=\"target2\">#target2</button>\n <button class=\"btn btn-default target\" id=\"target3\">#target3</button>\n </div>\n </div>\n <div class=\"col-xs-6\">\n <h4>#right-well</h4>\n <div class=\"well\" id=\"right-well\">\n <button class=\"btn btn-default target\" id=\"target4\">#target4</button>\n <button class=\"btn btn-default target\" id=\"target5\">#target5</button>\n <button class=\"btn btn-default target\" id=\"target6\">#target6</button>\n </div>\n </div>\n </div>\n</div>\n",
"name" : "Clone an Element Using jQuery",
"completedDate" : 1462844804422
},
"bad87fee1348bd9aed308826" : {
"id" : "bad87fee1348bd9aed308826",
"challengeType" : 0,
"solution" : "<script>\n $(document).ready(function() {\n $(\"#target1\").css(\"color\", \"red\");\n $(\"#target1\").prop(\"disabled\", true);\n $(\"#target4\").remove();\n $(\"#target2\").appendTo(\"#right-well\");\n $(\"#target5\").clone().appendTo(\"#left-well\");\n $(\"#target1\").parent().css(\"background-color\",'red')\n });\n</script>\n\n<!-- Only change code above this line. -->\n\n<body>\n <div class=\"container-fluid\">\n <h3 class=\"text-primary text-center\">jQuery Playground</h3>\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <h4>#left-well</h4>\n <div class=\"well\" id=\"left-well\">\n <button class=\"btn btn-default target\" id=\"target1\">#target1</button>\n <button class=\"btn btn-default target\" id=\"target2\">#target2</button>\n <button class=\"btn btn-default target\" id=\"target3\">#target3</button>\n </div>\n </div>\n <div class=\"col-xs-6\">\n <h4>#right-well</h4>\n <div class=\"well\" id=\"right-well\">\n <button class=\"btn btn-default target\" id=\"target4\">#target4</button>\n <button class=\"btn btn-default target\" id=\"target5\">#target5</button>\n <button class=\"btn btn-default target\" id=\"target6\">#target6</button>\n </div>\n </div>\n </div>\n </div>\n</body>\n",
"name" : "Target the Parent of an Element Using jQuery",
"completedDate" : 1462846056266
},
"bad87fee1348bd9aed208826" : {
"id" : "bad87fee1348bd9aed208826",
"challengeType" : 0,
"solution" : "<script>\n $(document).ready(function() {\n $(\"#target1\").css(\"color\", \"red\");\n $(\"#target1\").prop(\"disabled\", true);\n $(\"#target4\").remove();\n $(\"#target2\").appendTo(\"#right-well\");\n $(\"#target5\").clone().appendTo(\"#left-well\");\n $(\"#target1\").parent().css(\"background-color\", \"red\");\n $(\"#right-well\").children().css(\"color\",\"orange\")\n });\n</script>\n\n<!-- Only change code above this line. -->\n\n<div class=\"container-fluid\">\n <h3 class=\"text-primary text-center\">jQuery Playground</h3>\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <h4>#left-well</h4>\n <div class=\"well\" id=\"left-well\">\n <button class=\"btn btn-default target\" id=\"target1\">#target1</button>\n <button class=\"btn btn-default target\" id=\"target2\">#target2</button>\n <button class=\"btn btn-default target\" id=\"target3\">#target3</button>\n </div>\n </div>\n <div class=\"col-xs-6\">\n <h4>#right-well</h4>\n <div class=\"well\" id=\"right-well\">\n <button class=\"btn btn-default target\" id=\"target4\">#target4</button>\n <button class=\"btn btn-default target\" id=\"target5\">#target5</button>\n <button class=\"btn btn-default target\" id=\"target6\">#target6</button>\n </div>\n </div>\n </div>\n</div>\n",
"name" : "Target the Children of an Element Using jQuery",
"completedDate" : 1462846619204
},
"bad87fee1348bd9aed108826" : {
"id" : "bad87fee1348bd9aed108826",
"challengeType" : 0,
"solution" : "<script>\n $(document).ready(function() {\n $(\"#target1\").css(\"color\", \"red\");\n $(\"#target1\").prop(\"disabled\", true);\n $(\"#target4\").remove();\n $(\"#target2\").appendTo(\"#right-well\");\n $(\"#target5\").clone().appendTo(\"#left-well\");\n $(\"#target1\").parent().css(\"background-color\", \"red\");\n $(\"#right-well\").children().css(\"color\", \"orange\");\n $(\".target:nth-child(2)\").addClass(\"animated bounce\")\n });\n</script>\n\n<!-- Only change code above this line. -->\n\n<div class=\"container-fluid\">\n <h3 class=\"text-primary text-center\">jQuery Playground</h3>\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <h4>#left-well</h4>\n <div class=\"well\" id=\"left-well\">\n <button class=\"btn btn-default target\" id=\"target1\">#target1</button>\n <button class=\"btn btn-default target\" id=\"target2\">#target2</button>\n <button class=\"btn btn-default target\" id=\"target3\">#target3</button>\n </div>\n </div>\n <div class=\"col-xs-6\">\n <h4>#right-well</h4>\n <div class=\"well\" id=\"right-well\">\n <button class=\"btn btn-default target\" id=\"target4\">#target4</button>\n <button class=\"btn btn-default target\" id=\"target5\">#target5</button>\n <button class=\"btn btn-default target\" id=\"target6\">#target6</button>\n </div>\n </div>\n </div>\n</div>\n",
"name" : "Target a Specific Child of an Element Using jQuery",
"completedDate" : 1462847783225
},
"bad87fee1348bd9aed008826" : {
"id" : "bad87fee1348bd9aed008826",
"challengeType" : 0,
"solution" : "<script>\n $(document).ready(function() {\n $(\"#target1\").css(\"color\", \"red\");\n $(\"#target1\").prop(\"disabled\", true);\n $(\"#target4\").remove();\n $(\"#target2\").appendTo(\"#right-well\");\n $(\"#target5\").clone().appendTo(\"#left-well\");\n $(\"#target1\").parent().css(\"background-color\", \"red\");\n $(\"#right-well\").children().css(\"color\", \"orange\");\n $(\"#left-well\").children().css(\"color\", \"green\");\n $(\".target:nth-child(2)\").addClass(\"animated bounce\");\n $(\".target:even\").addClass(\"animated shake\");\n });\n</script>\n\n<!-- Only change code above this line. -->\n\n<div class=\"container-fluid\">\n <h3 class=\"text-primary text-center\">jQuery Playground</h3>\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <h4>#left-well</h4>\n <div class=\"well\" id=\"left-well\">\n <button class=\"btn btn-default target\" id=\"target1\">#target1</button>\n <button class=\"btn btn-default target\" id=\"target2\">#target2</button>\n <button class=\"btn btn-default target\" id=\"target3\">#target3</button>\n </div>\n </div>\n <div class=\"col-xs-6\">\n <h4>#right-well</h4>\n <div class=\"well\" id=\"right-well\">\n <button class=\"btn btn-default target\" id=\"target4\">#target4</button>\n <button class=\"btn btn-default target\" id=\"target5\">#target5</button>\n <button class=\"btn btn-default target\" id=\"target6\">#target6</button>\n </div>\n </div>\n </div>\n</div>\n",
"name" : "Target Even Numbered Elements Using jQuery",
"completedDate" : 1462848985198
},
"bad87fee1348bd9aecb08826" : {
"id" : "bad87fee1348bd9aecb08826",
"challengeType" : 0,
"solution" : "<script>\n $(document).ready(function() {\n $(\"#target1\").css(\"color\", \"red\");\n $(\"#target1\").prop(\"disabled\", true);\n $(\"#target4\").remove();\n $(\"#target2\").appendTo(\"#right-well\");\n $(\"#target5\").clone().appendTo(\"#left-well\");\n $(\"#target1\").parent().css(\"background-color\", \"red\");\n $(\"#right-well\").children().css(\"color\", \"orange\");\n $(\"#left-well\").children().css(\"color\", \"green\");\n $(\".target:nth-child(2)\").addClass(\"animated bounce\");\n $(\".target:even\").addClass(\"animated shake\");\n $(\"body\").addClass(\"animated hinge\");\n });\n</script>\n\n<!-- Only change code above this line. -->\n\n<div class=\"container-fluid\">\n <h3 class=\"text-primary text-center\">jQuery Playground</h3>\n <div class=\"row\">\n <div class=\"col-xs-6\">\n <h4>#left-well</h4>\n <div class=\"well\" id=\"left-well\">\n <button class=\"btn btn-default target\" id=\"target1\">#target1</button>\n <button class=\"btn btn-default target\" id=\"target2\">#target2</button>\n <button class=\"btn btn-default target\" id=\"target3\">#target3</button>\n </div>\n </div>\n <div class=\"col-xs-6\">\n <h4>#right-well</h4>\n <div class=\"well\" id=\"right-well\">\n <button class=\"btn btn-default target\" id=\"target4\">#target4</button>\n <button class=\"btn btn-default target\" id=\"target5\">#target5</button>\n <button class=\"btn btn-default target\" id=\"target6\">#target6</button>\n </div>\n </div>\n </div>\n</div>\n",
"name" : "Use jQuery to Modify the Entire Page",
"completedDate" : 1462849236872
},
"bd7158d8c442eddfaeb5bd18" : {
"id" : "bd7158d8c442eddfaeb5bd18",
"name" : "Build a Tribute Page",
"solution" : "http://codepen.io/huluoyang/full/JXWbZr/",
"githubLink" : null,
"challengeType" : 3,
"completedDate" : 1462849992851
},
"bd7123c9c441eddfaeb4bdef" : {
"id" : "bd7123c9c441eddfaeb4bdef",
"challengeType" : 1,
"solution" : "// this is an in-line comment.\n/*\n this is a \n multi-line comment.\n*/\n",
"name" : "Comment your JavaScript Code",
"completedDate" : 1462876333267
},
"bd7123c9c443eddfaeb5bdef" : {
"id" : "bd7123c9c443eddfaeb5bdef",
"challengeType" : 1,
"solution" : "// Example\nvar myName;\n\n// Define myName below this line\n\n",
"name" : "Declare JavaScript Variables",
"completedDate" : 1462877580140
},
"56533eb9ac21ba0edf2244a8" : {
"id" : "56533eb9ac21ba0edf2244a8",
"challengeType" : 1,
"solution" : "// Setup\nvar a;\nvar b = 2;\n\n// Only change code below this line\na=7;\nb=a;\n",
"name" : "Storing Values with the Equal Operator",
"completedDate" : 1462878027815
},
"56533eb9ac21ba0edf2244a9" : {
"id" : "56533eb9ac21ba0edf2244a9",
"challengeType" : 1,
"solution" : "// Example\nvar ourVar = 19;\n\n// Only change code below this line\nvar a = 9;\n",
"name" : "Initializing Variables with the Equal Operator",
"completedDate" : 1462878147267
},
"56533eb9ac21ba0edf2244aa" : {
"id" : "56533eb9ac21ba0edf2244aa",
"challengeType" : 1,
"solution" : "// Initialize these three variables\nvar a;\nvar b;\nvar c;\n\n// Do not change code below this line\nvar a = 5;\nvar b =10;\nvar c = \"I am a\";\na = a + 1;\nb = b + 5;\nc = c + \" String!\";\n\n",
"name" : "Understanding Uninitialized Variables",
"completedDate" : 1462878480430
},
"56533eb9ac21ba0edf2244ab" : {
"id" : "56533eb9ac21ba0edf2244ab",
"challengeType" : 1,
"solution" : "// Declarations\nvar studlyCapVar;\nvar properCamelCase;\nvar titleCaseOver;\n\n// Assignments\nstudlyCapVar = 10;\nproperCamelCase = \"A String\";\ntitleCaseOver = 9000;\n",
"name" : "Understanding Case Sensitivity in Variables",
"completedDate" : 1462879350315,
"lastUpdated" : 1462881071620
},
"cf1111c1c11feddfaeb3bdef" : {
"id" : "cf1111c1c11feddfaeb3bdef",
"challengeType" : 1,
"solution" : "var sum = 10 + 10;\n\n",
"name" : "Add Two Numbers with JavaScript",
"completedDate" : 1462881232884
},
"cf1111c1c11feddfaeb4bdef" : {
"id" : "cf1111c1c11feddfaeb4bdef",
"challengeType" : 1,
"solution" : "var difference = 45 - 33;\n\n\n",
"name" : "Subtract One Number from Another with JavaScript",
"completedDate" : 1462881248603
},
"cf1231c1c11feddfaeb5bdef" : {
"id" : "cf1231c1c11feddfaeb5bdef",
"challengeType" : 1,
"solution" : "var product = 8 * 10;\n\n\n",
"name" : "Multiply Two Numbers with JavaScript",
"completedDate" : 1462881260926
},
"cf1111c1c11feddfaeb6bdef" : {
"id" : "cf1111c1c11feddfaeb6bdef",
"challengeType" : 1,
"solution" : "var quotient = 66 / 33;\n\n\n",
"name" : "Divide One Number by Another with JavaScript",
"completedDate" : 1462881403573
},
"56533eb9ac21ba0edf2244ac" : {
"id" : "56533eb9ac21ba0edf2244ac",
"challengeType" : 1,
"solution" : "var myVar = 87;\n\n// Only change code below this line\nmyVar++;\n\n",
"name" : "Increment a Number with JavaScript",
"completedDate" : 1462881603671
},
"56533eb9ac21ba0edf2244ad" : {
"id" : "56533eb9ac21ba0edf2244ad",
"challengeType" : 1,
"solution" : "var myVar = 11;\n\n// Only change code below this line\nmyVar--;\n\n",
"name" : "Decrement a Number with JavaScript",
"completedDate" : 1462881705246
},
"cf1391c1c11feddfaeb4bdef" : {
"id" : "cf1391c1c11feddfaeb4bdef",
"challengeType" : 1,
"solution" : "var ourDecimal = 5.7;\n\n// Only change code below this line\n\nvar myDecimal = 5.7;\n",
"name" : "Create Decimal Numbers with JavaScript",
"completedDate" : 1462881944248
},
"bd7993c9c69feddfaeb7bdef" : {
"id" : "bd7993c9c69feddfaeb7bdef",
"challengeType" : 1,
"solution" : "var product = 2.0 * 2.5;\n\n\n",
"name" : "Multiply Two Decimals with JavaScript",
"completedDate" : 1462882061971
},
"bd7993c9ca9feddfaeb7bdef" : {
"id" : "bd7993c9ca9feddfaeb7bdef",
"challengeType" : 1,
"solution" : "var quotient = 4.4 / 2.0;\n\n\n",
"name" : "Divide one Decimal by Another with JavaScript",
"completedDate" : 1462882083863
},
"56533eb9ac21ba0edf2244ae" : {
"id" : "56533eb9ac21ba0edf2244ae",
"challengeType" : 1,
"solution" : "// Only change code below this line\n\nvar remainder;\n\nremainder = 11 % 3;",
"name" : "Finding a Remainder in JavaScript",
"completedDate" : 1462882866679
},
"56533eb9ac21ba0edf2244af" : {
"id" : "56533eb9ac21ba0edf2244af",
"challengeType" : 1,
"solution" : "var a = 3;\nvar b = 17;\nvar c = 12;\n\n// Only modify code below this line\n\na += 12;\nb += 9;\nc += 7;\n\n",
"name" : "Assignment with Plus Equals",
"completedDate" : 1462883294849
},
"56533eb9ac21ba0edf2244b0" : {
"id" : "56533eb9ac21ba0edf2244b0",
"challengeType" : 1,
"solution" : "var a = 11;\nvar b = 9;\nvar c = 3;\n\n// Only modify code below this line\n\na -= 6;\nb -= 15;\nc -= 1;\n\n\n",
"name" : "Assignment with Minus Equals",
"completedDate" : 1462883485430
},
"56533eb9ac21ba0edf2244b1" : {
"id" : "56533eb9ac21ba0edf2244b1",
"challengeType" : 1,
"solution" : "var a = 5;\nvar b = 12;\nvar c = 4.6;\n\n// Only modify code below this line\n\na *= 5;\nb *= 3;\nc *= 10;\n\n\n",
"name" : "Assignment with Times Equals",
"completedDate" : 1462883605850
},
"56533eb9ac21ba0edf2244b2" : {
"id" : "56533eb9ac21ba0edf2244b2",
"challengeType" : 1,
"solution" : "var a = 48;\nvar b = 108;\nvar c = 33;\n\n// Only modify code below this line\n\na /= 12;\nb /= 4;\nc /= 11;\n\n",
"name" : "Assignment with Divided by Equals",
"completedDate" : 1462883680665
},
"56533eb9ac21ba0edf2244b3" : {
"id" : "56533eb9ac21ba0edf2244b3",
"challengeType" : 1,
"solution" : "function convert(celsius) {\n // Only change code below this line\n \n var fahrenheit = celsius*9/5+32;\n // Only change code above this line\n return fahrenheit;\n}\n\n// Change the inputs below to test your code\nconvert(30);\n",
"name" : "Convert Celsius to Fahrenheit",
"completedDate" : 1462884364080
},
"bd7123c9c444eddfaeb5bdef" : {
"id" : "bd7123c9c444eddfaeb5bdef",
"challengeType" : 1,
"solution" : "// Example\nvar firstName = \"Alan\";\nvar lastName = \"Turing\";\n\n// Only change code below this line\nvar myFirstName = \"hu\";\nvar myLastName = \"luoyang\"\n\n\n",
"name" : "Declare String Variables",
"completedDate" : 1462884476294
},
"56533eb9ac21ba0edf2244b5" : {
"id" : "56533eb9ac21ba0edf2244b5",
"challengeType" : 1,
"solution" : "var myStr; // Change this line\n\nmyStr = \"I am a \\\"double quoted\\\" string inside \\\"double quotes\\\"\";\n",
"name" : "Escaping Literal Quotes in Strings",
"completedDate" : 1462884836703
},
"56533eb9ac21ba0edf2244b4" : {
"id" : "56533eb9ac21ba0edf2244b4",
"challengeType" : 1,
"solution" : " var myStr = '<a href=\"http://www.example.com\" target=\"_blank\">Link</a>';\n\n\n",
"name" : "Quoting Strings with Single Quotes",
"completedDate" : 1462885203638
},
"56533eb9ac21ba0edf2244b6" : {
"id" : "56533eb9ac21ba0edf2244b6",
"challengeType" : 1,
"solution" : "var myStr; // Change this line\nmyStr = \"\\\\ \\t \\t \\r \\n\";\n\n",
"name" : "Escape Sequences in Strings",
"completedDate" : 1462885424595
},
"56533eb9ac21ba0edf2244b7" : {
"id" : "56533eb9ac21ba0edf2244b7",
"challengeType" : 1,
"solution" : "// Example\nvar ourStr = \"I come first. \" + \"I come second.\";\n\n// Only change code below this line\n\nvar myStr;\nmyStr = \"This is the start.\" + \" This is the end.\";\n\n",
"name" : "Concatenating Strings with Plus Operator",
"completedDate" : 1462928504015
},
"56533eb9ac21ba0edf2244b8" : {
"id" : "56533eb9ac21ba0edf2244b8",
"challengeType" : 1,
"solution" : "// Example\nvar ourStr = \"I come first. \";\nourStr += \"I come second.\";\n\n// Only change code below this line\n\nvar myStr = \"This is the first sentence. \";\nmyStr += \"This is the second sentence.\";\n\n\n",
"name" : "Concatenating Strings with the Plus Equals Operator",
"completedDate" : 1462928786479
},
"56533eb9ac21ba0edf2244b9" : {
"id" : "56533eb9ac21ba0edf2244b9",
"challengeType" : 1,
"solution" : "// Example\nvar ourName = \"Free Code Camp\";\nvar ourStr = \"Hello, our name is \" + ourName + \", how are you?\";\n\n// Only change code below this line\nvar myName = \"huluoyang\";\nvar myStr = \"My name is \" + myName + \"and I am swell!\";\n\n\n",
"name" : "Constructing Strings with Variables",
"completedDate" : 1462929160649
},
"56533eb9ac21ba0edf2244ed" : {
"id" : "56533eb9ac21ba0edf2244ed",
"challengeType" : 1,
"solution" : "// Example\nvar anAdjective = \"awesome!\";\nvar ourStr = \"Free Code Camp is \";\nourStr += anAdjective;\n\n// Only change code below this line\n\nvar someAdjective = \" so happy\";\nvar myStr = \"Learning to code is \";\nmyStr+=someAdjective;\n",
"name" : "Appending Variables to Strings",
"completedDate" : 1462929332489
},
"bd7123c9c448eddfaeb5bdef" : {
"id" : "bd7123c9c448eddfaeb5bdef",
"challengeType" : 1,
"solution" : "// Example\nvar firstNameLength = 0;\nvar firstName = \"Ada\";\n\nfirstNameLength = firstName.length;\n\n// Setup\nvar lastNameLength = 0;\nvar lastName = \"Lovelace\";\n\n// Only change code below this line.\n\nlastNameLength = lastName.length;\n\n\n",
"name" : "Find the Length of a String",
"completedDate" : 1462929600133
},
"bd7123c9c549eddfaeb5bdef" : {
"id" : "bd7123c9c549eddfaeb5bdef",
"challengeType" : 1,
"solution" : "// Example\nvar firstLetterOfFirstName = \"\";\nvar firstName = \"Ada\";\n\nfirstLetterOfFirstName = firstName[0];\n\n// Setup\nvar firstLetterOfLastName = \"\";\nvar lastName = \"Lovelace\";\n\n// Only change code below this line\nfirstLetterOfLastName = lastName[0];\n\n",
"name" : "Use Bracket Notation to Find the First Character in a String",
"completedDate" : 1462930382328
},
"56533eb9ac21ba0edf2244ba" : {
"id" : "56533eb9ac21ba0edf2244ba",
"challengeType" : 1,
"solution" : "// Setup\nvar myStr = \"Jello World\";\n\n// Only change code below this line\n\nmyStr = \"Hello World\"; // Fix Me\n\n\n",
"name" : "Understand String Immutability",
"completedDate" : 1462931131701
},
"bd7123c9c450eddfaeb5bdef" : {
"id" : "bd7123c9c450eddfaeb5bdef",
"challengeType" : 1,
"solution" : "// Example\nvar firstName = \"Ada\";\nvar secondLetterOfFirstName = firstName[1];\n\n// Setup\nvar lastName = \"Lovelace\";\n\n// Only change code below this line.\nvar thirdLetterOfLastName = lastName[2];\n\n\n",
"name" : "Use Bracket Notation to Find the Nth Character in a String",
"completedDate" : 1462931979558
},
"bd7123c9c451eddfaeb5bdef" : {
"id" : "bd7123c9c451eddfaeb5bdef",
"challengeType" : 1,
"solution" : "// Example\nvar firstName = \"Ada\";\nvar lastLetterOfFirstName = firstName[firstName.length - 1];\n\n// Setup\nvar lastName = \"Lovelace\";\n\n// Only change code below this line.\nvar lastLetterOfLastName = lastName[lastName.length-1];\n\n\n",
"name" : "Use Bracket Notation to Find the Last Character in a String",
"completedDate" : 1462932119783
},
"bd7123c9c452eddfaeb5bdef" : {
"id" : "bd7123c9c452eddfaeb5bdef",
"challengeType" : 1,
"solution" : "// Example\nvar firstName = \"Ada\";\nvar thirdToLastLetterOfFirstName = firstName[firstName.length - 3];\n\n// Setup\nvar lastName = \"Lovelace\";\n\n// Only change code below this line\nvar secondToLastLetterOfLastName = lastName[lastName.length - 2];\n\n\n",
"name" : "Use Bracket Notation to Find the NthtoLast Character in a String",
"completedDate" : 1462932438256
},
"56533eb9ac21ba0edf2244bb" : {
"id" : "56533eb9ac21ba0edf2244bb",
"challengeType" : 1,
"solution" : "function wordBlanks(myNoun, myAdjective, myVerb, myAdverb) {\n var result = \"\";\n // Your code below this line\n \n \n // Your code above this line\n return result = myNoun + ' is ' + myAdjective + ' and ' + myVerb + ' '+ myAdverb;\n}\n\n// Change the words here to test your function\nwordBlanks(\"dog\", \"big\", \"ran\", \"quickly\");\n",
"name" : "Word Blanks",
"completedDate" : 1462933080563
},
"bd7993c9c69feddfaeb8bdef" : {
"id" : "bd7993c9c69feddfaeb8bdef",
"challengeType" : 1,
"solution" : "// Example\nvar array = [\"John\", 23];\n\n// Only change code below this line.\nvar myArray = [\"huluoyang\",123];\n\n",
"name" : "Store Multiple Values in one Variable using JavaScript Arrays",
"completedDate" : 1462934128127
},
"cf1111c1c11feddfaeb7bdef" : {
"id" : "cf1111c1c11feddfaeb7bdef",
"challengeType" : 1,
"solution" : "// Example\nvar ourArray = [[\"the universe\", 42], [\"everything\", 101010]];\n\n// Only change code below this line.\nvar myArray = [[\"google\",'awesome'], [\"baidu\"],'uglify'];\n\n",
"name" : "Nest one Array within Another Array",
"completedDate" : 1462934237148
},
"56bbb991ad1ed5201cd392ca" : {
"id" : "56bbb991ad1ed5201cd392ca",
"challengeType" : 1,
"solution" : "// Example\nvar ourArray = [1,2,3];\nvar ourData = ourArray[0]; // equals 1\n\n// Setup\nvar myArray = [1,2,3];\n\n// Only change code below this line.\nvar myData = myArray[0];\n",
"name" : "Access Array Data with Indexes",
"completedDate" : 1462934388602
},
"cf1111c1c11feddfaeb8bdef" : {
"id" : "cf1111c1c11feddfaeb8bdef",
"challengeType" : 1,
"solution" : "// Example\nvar ourArray = [1,2,3];\nourArray[1] = 3; // ourArray now equals [1,3,3].\n\n// Setup\nvar myArray = [1,2,3];\n\n// Only change code below this line.\nmyArray[0]=3;\n\n",
"name" : "Modify Array Data With Indexes",
"completedDate" : 1462935267711
},
"56592a60ddddeae28f7aa8e1" : {
"id" : "56592a60ddddeae28f7aa8e1",
"challengeType" : 1,
"solution" : "// Setup\nvar myArray = [[1,2,3], [4,5,6], [7,8,9], [[10,11,12], 13, 14]];\n\n// Only change code below this line.\nvar myData = myArray[2][1];\n\n",
"name" : "Access MultiDimensional Arrays With Indexes",
"completedDate" : 1462935674245
},
"56bbb991ad1ed5201cd392cb" : {
"id" : "56bbb991ad1ed5201cd392cb",
"challengeType" : 1,
"solution" : "// Example\nvar ourArray = [\"Stimpson\", \"J\", \"cat\"];\nourArray.push([\"happy\", \"joy\"]); \n// ourArray now equals [\"Stimpson\", \"J\", \"cat\", [\"happy\", \"joy\"]]\n\n// Setup\nvar myArray = [[\"John\", 23], [\"cat\", 2]];\n\n// Only change code below this line.\n\nmyArray.push([\"dog\",3]);\n",
"name" : "Manipulate Arrays With push",
"completedDate" : 1462935777417
},
"56bbb991ad1ed5201cd392cc" : {
"id" : "56bbb991ad1ed5201cd392cc",
"challengeType" : 1,
"solution" : "// Example\nvar ourArray = [1,2,3];\nvar removedFromOurArray = ourArray.pop(); \n// removedFromOurArray now equals 3, and ourArray now equals [1,2]\n\n// Setup\nvar myArray = [[\"John\", 23], [\"cat\", 2]];\n\n// Only change code below this line.\nvar removedFromMyArray = myArray.pop();\n\n\n",
"name" : "Manipulate Arrays With pop",
"completedDate" : 1462935971612
},
"56bbb991ad1ed5201cd392cd" : {
"id" : "56bbb991ad1ed5201cd392cd",
"challengeType" : 1,
"solution" : "// Example\nvar ourArray = [\"Stimpson\", \"J\", [\"cat\"]];\nremovedFromOurArray = ourArray.shift();\n// removedFromOurArray now equals \"Stimpson\" and ourArray now equals [\"J\", [\"cat\"]].\n\n// Setup\nvar myArray = [[\"John\", 23], [\"dog\", 3]];\n\n// Only change code below this line.\nvar removedFromMyArray = myArray.shift();\n\n\n",
"name" : "Manipulate Arrays With shift",
"completedDate" : 1462935995504
},
"56bbb991ad1ed5201cd392ce" : {
"id" : "56bbb991ad1ed5201cd392ce",
"challengeType" : 1,
"solution" : "// Example\nvar ourArray = [\"Stimpson\", \"J\", \"cat\"];\nourArray.shift(); // ourArray now equals [\"J\", \"cat\"]\nourArray.unshift(\"Happy\"); \n// ourArray now equals [\"Happy\", \"J\", \"cat\"]\n\n// Setup\nvar myArray = [[\"John\", 23], [\"dog\", 3]];\nmyArray.shift();\n\n// Only change code below this line.\n\nmyArray.unshift([\"Paul\",35]);\n",
"name" : "Manipulate Arrays With unshift",
"completedDate" : 1462936228491
},
"56533eb9ac21ba0edf2244bc" : {
"id" : "56533eb9ac21ba0edf2244bc",
"challengeType" : 1,
"solution" : "var myList = [[\"Chocolate Bar\", 15],[\"Chocolate Bar\", 15],[\"Chocolate Bar\", 15],[\"Chocolate Bar\", 15],[\"Chocolate Bar\", 15]];\n\n\n",
"name" : "Shopping List",
"completedDate" : 1462936586564
},
"56bbb991ad1ed5201cd392cf" : {
"id" : "56bbb991ad1ed5201cd392cf",
"challengeType" : 1,
"solution" : "// Example\nfunction ourFunction() {\n console.log(\"Heyya, World\");\n}\n\nourFunction();\n\n// Only change code below this line\nfunction myFunction(){\n console.log(\"Hi World\");\n}\nmyFunction();\n",
"name" : "Write Reusable JavaScript with Functions",
"completedDate" : 1462936980281
},
"56533eb9ac21ba0edf2244bd" : {
"id" : "56533eb9ac21ba0edf2244bd",
"challengeType" : 1,
"solution" : "// Example\nfunction ourFunction(a, b) {\n console.log(a - b);\n}\nourFunction(10, 5); // Outputs 5\n\n// Only change code below this line.\nfunction myFunction(a,b){\n console.log(a+b);\n}\nmyFunction(1,2);\n",
"name" : "Passing Values to Functions with Arguments",
"completedDate" : 1462937636194
},
"56533eb9ac21ba0edf2244be" : {
"id" : "56533eb9ac21ba0edf2244be",
"challengeType" : 1,
"solution" : "// Declare your variable here\nvar myGlobal = 10;\n\nfunction fun1() {\n // Assign 5 to oopsGlobal Here\n oopsGlobal = 5;\n}\n\n// Only change code above this line\nfunction fun2() {\n var output = \"\";\n if (typeof myGlobal != \"undefined\") {\n output += \"myGlobal: \" + myGlobal;\n }\n if (typeof oopsGlobal != \"undefined\") {\n output += \" oopsGlobal: \" + oopsGlobal;\n }\n console.log(output);\n}\n",
"name" : "Global Scope and Functions",
"completedDate" : 1462938267271
},
"56533eb9ac21ba0edf2244bf" : {
"id" : "56533eb9ac21ba0edf2244bf",
"challengeType" : 1,
"solution" : "function myFunction() {\n 'use strict';\n \n var myVar;\n console.log(myVar);\n}\nmyFunction();\n\n// run and check the console \n// myVar is not defined outside of myFunction\n// console.log(myVar);\n\n// now remove the console log line to pass the test\n\n",
"name" : "Local Scope and Functions",
"completedDate" : 1462945970621
},
"56533eb9ac21ba0edf2244c0" : {
"id" : "56533eb9ac21ba0edf2244c0",
"challengeType" : 1,
"solution" : "// Setup\nvar outerWear = \"T-Shirt\";\n\nfunction myFunction() {\n // Only change code below this line\n var outerWear = \"sweater\";\n \n \n // Only change code above this line\n return outerWear;\n}\n\nmyFunction();\nconsole.log(outerWear);\n",
"name" : "Global vs Local Scope in Functions",
"completedDate" : 1462946283912
},
"56533eb9ac21ba0edf2244c2" : {
"id" : "56533eb9ac21ba0edf2244c2",
"challengeType" : 1,
"solution" : "// Example\nfunction minusSeven(num) {\n return num - 7;\n}\n\n// Only change code below this line\n\nfunction timesFive(num) {\n return num * 5;\n}\n",
"name" : "Return a Value from a Function with Return",
"completedDate" : 1462946402831
},
"56533eb9ac21ba0edf2244c3" : {
"id" : "56533eb9ac21ba0edf2244c3",
"challengeType" : 1,
"solution" : "// Example\nvar changed = 0;\n\nfunction change(num) {\n return (num + 5) / 3;\n}\n\nchanged = change(10);\n\n// Setup\nvar processed = 0;\n\nfunction process(num) {\n return (num + 3) / 5;\n}\n\n// Only change code below this line\nvar processed = process(7);\n\n",
"name" : "Assignment with a Returned Value",
"completedDate" : 1462946638280
},
"56533eb9ac21ba0edf2244c6" : {
"id" : "56533eb9ac21ba0edf2244c6",
"challengeType" : 1,
"solution" : "function queue(arr, item) {\n // Your code here\n arr.push(item);\n return arr.shift(); // Change this line\n}\n\n// Test Setup\nvar testArr = [1,2,3,4,5];\n\n// Display Code\nconsole.log(\"Before: \" + JSON.stringify(testArr));\nconsole.log(queue(testArr, 6)); // Modify this line to test\nconsole.log(\"After: \" + JSON.stringify(testArr));\n",
"name" : "Stand in Line",
"completedDate" : 1462947515435
},
"bd7123c9c441eddfaeb5bdef" : {
"id" : "bd7123c9c441eddfaeb5bdef",
"challengeType" : 1,
"solution" : "function welcomeToBooleans() {\n\n// Only change code below this line.\n\nreturn true; // Change this line\n\n// Only change code above this line.\n}\n",
"name" : "Understanding Boolean Values",
"completedDate" : 1462947695382
},
"cf1111c1c12feddfaeb3bdef" : {
"id" : "cf1111c1c12feddfaeb3bdef",
"challengeType" : 1,
"solution" : "// Example\nfunction ourFunction(isItTrue) {\n if (isItTrue) { \n return \"Yes, it's true\";\n }\n return \"No, it's false\";\n}\n\n// Setup\nfunction myFunction(wasThatTrue) {\n\n // Only change code below this line.\n if(wasThatTrue){\n return \"That was true\";\n }\n return \"That was false\";\n \n \n // Only change code above this line.\n\n}\n\n// Change this value to test\nmyFunction(true);\n",
"name" : "Use Conditional Logic with If Statements",
"completedDate" : 1462947959846
},
"56533eb9ac21ba0edf2244d0" : {
"id" : "56533eb9ac21ba0edf2244d0",
"challengeType" : 1,
"solution" : "// Setup\nfunction myTest(val) {\n if (val == 12) { // Change this line\n return \"Equal\";\n }\n return \"Not Equal\";\n}\n\n// Change this value to test\nmyTest(10);\n",
"name" : "Comparison with the Equality Operator",
"completedDate" : 1462948169192
},
"56533eb9ac21ba0edf2244d1" : {
"id" : "56533eb9ac21ba0edf2244d1",
"challengeType" : 1,
"solution" : "// Setup\nfunction myTest(val) {\n if (val === 7) { // Change this line\n return \"Equal\";\n }\n return \"Not Equal\";\n}\n\n// Change this value to test\nmyTest(10);\n",
"name" : "Comparison with the Strict Equality Operator",
"completedDate" : 1462948373286
},
"56533eb9ac21ba0edf2244d2" : {
"id" : "56533eb9ac21ba0edf2244d2",
"challengeType" : 1,
"solution" : "// Setup\nfunction myTest(val) {\n if (val != 99) { // Change this line\n return \"Not Equal\";\n }\n return \"Equal\";\n}\n\n// Change this value to test\nmyTest(10);\n",
"name" : "Comparison with the Inequality Operator",
"completedDate" : 1462948435565
},
"56533eb9ac21ba0edf2244d3" : {
"id" : "56533eb9ac21ba0edf2244d3",
"challengeType" : 1,
"solution" : "// Setup\nfunction myTest(val) {\n // Only Change Code Below this Line\n \n if (val !== 17) {\n\n // Only Change Code Above this Line\n\n return \"Not Equal\";\n }\n return \"Equal\";\n}\n\n// Change this value to test\nmyTest(10);\n",
"name" : "Comparison with the Strict Inequality Operator",
"completedDate" : 1462948496967
},
"56533eb9ac21ba0edf2244d4" : {
"id" : "56533eb9ac21ba0edf2244d4",
"challengeType" : 1,
"solution" : "function myTest(val) {\n if (val > 100) { // Change this line\n return \"Over 100\";\n }\n \n if (val > 10) { // Change this line\n return \"Over 10\";\n }\n\n return \"10 or Under\";\n}\n\n// Change this value to test\nmyTest(10);\n",
"name" : "Comparison with the Greater Than Operator",
"completedDate" : 1462948583533
},
"56533eb9ac21ba0edf2244d5" : {
"id" : "56533eb9ac21ba0edf2244d5",
"challengeType" : 1,
"solution" : "function myTest(val) {\n if (val >= 20) { // Change this line\n return \"20 or Over\";\n }\n \n if (val >= 10) { // Change this line\n return \"10 or Over\";\n }\n\n return \"9 or Under\";\n}\n\n// Change this value to test\nmyTest(10);\n",
"name" : "Comparison with the Greater Than Or Equal To Operator",
"completedDate" : 1462948741805
},
"56533eb9ac21ba0edf2244d6" : {
"id" : "56533eb9ac21ba0edf2244d6",
"challengeType" : 1,
"solution" : "function myTest(val) {\n if (val < 25) { // Change this line\n return \"Under 25\";\n }\n \n if (val < 55) { // Change this line\n return \"Under 55\";\n }\n\n return \"55 or Over\";\n}\n\n// Change this value to test\nmyTest(10);\n",
"name" : "Comparison with the Less Than Operator",
"completedDate" : 1462948764506
},
"56533eb9ac21ba0edf2244d7" : {
"id" : "56533eb9ac21ba0edf2244d7",
"challengeType" : 1,
"solution" : "function myTest(val) {\n if (val <= 12) { // Change this line\n return \"Smaller Than or Equal to 12\";\n }\n \n if (val <= 24) { // Change this line\n return \"Smaller Than or Equal to 24\";\n }\n\n return \"25 or More\";\n}\n\n// Change this value to test\nmyTest(10);\n\n",
"name" : "Comparison with the Less Than Or Equal To Operator",
"completedDate" : 1462948786474
},
"56533eb9ac21ba0edf2244d8" : {
"id" : "56533eb9ac21ba0edf2244d8",
"challengeType" : 1,
"solution" : "function myTest(val) {\n // Only change code below this line\n\n if (val <= 50 && val >= 25) {\n return \"Yes\";\n }\n\n // Only change code above this line\n return \"No\";\n}\n\n// Change this value to test\nmyTest(10);\n",
"name" : "Comparisons with the Logical And Operator",
"completedDate" : 1462949450043
},
"56533eb9ac21ba0edf2244d9" : {
"id" : "56533eb9ac21ba0edf2244d9",
"challengeType" : 1,
"solution" : "function myTest(val) {\n // Only change code below this line\n\n if (val<10 || val>20 ) {\n return \"Outside\";\n }\n\n // Only change code above this line\n return \"Inside\";\n}\n\n// Change this value to test\nmyTest(15);\n",
"name" : "Comparisons with the Logical Or Operator",
"completedDate" : 1462950380613
},
"56533eb9ac21ba0edf2244da" : {
"id" : "56533eb9ac21ba0edf2244da",
"challengeType" : 1,
"solution" : "function myTest(val) {\n var result = \"\";\n // Only change code below this line\n \n if (val > 5) {\n result = \"Bigger than 5\";\n } else{\n result = \"5 or Smaller\";\n }\n \n \n // Only change code above this line\n return result;\n}\n\n// Change this value to test\nmyTest(4);\n\n",
"name" : "Introducing Else Statements",
"completedDate" : 1462950810171
},
"56533eb9ac21ba0edf2244db" : {
"id" : "56533eb9ac21ba0edf2244db",
"challengeType" : 1,
"solution" : "function myTest(val) {\n if (val > 10) {\n return \"Greater than 10\";\n } else if (val < 5) {\n return \"Smaller than 5\";\n } else {\n return \"Between 5 and 10\";\n }\n \n}\n\n// Change this value to test\nmyTest(7);\n\n",
"name" : "Introducing Else If Statements",
"completedDate" : 1462951052946
},
"5690307fddb111c6084545d7" : {
"id" : "5690307fddb111c6084545d7",
"challengeType" : 1,
"solution" : "function myTest(val) {\n if (val < 5) {\n return \"Less than 5\";\n } else if (val < 10) {\n return \"Less than 10\";\n } else {\n return \"Greater than or equal to 10\";\n }\n}\n\n// Change this value to test\nmyTest(7);\n",
"name" : "Logical Order in If Else Statements",
"completedDate" : 1462952233276
},
"56533eb9ac21ba0edf2244dc" : {
"id" : "56533eb9ac21ba0edf2244dc",
"challengeType" : 1,
"solution" : "function myTest(num) {\n // Only change code below this line\n if(num<5){\n return \"Tiny\";\n }else if(num<10){\n return \"Small\";\n }else if(num<15){\n return \"Medium\";\n }else if(num<20){\n return \"Large\";\n }else{\n return \"Huge\";\n }\n \n return \"Change Me\";\n // Only change code above this line\n}\n\n// Change this value to test\nmyTest(7);\n",
"name" : "Chaining If Else Statements",
"completedDate" : 1462952920080
},
"5664820f61c48e80c9fa476c" : {
"id" : "5664820f61c48e80c9fa476c",
"challengeType" : 1,
"solution" : "function golfScore(par, strokes) {\n // Only change code below this line\n if(strokes == 1){\n return \"Hole-in-one!\";\n }else if(strokes <= par-2){\n return \"Eagle\";\n }else if(strokes == par-1){\n return \"Birdie\";\n }else if(strokes == par){\n return \"Par\";\n }else if(strokes == par+1){\n return \"Bogey\";\n }else if(strokes == par+2){\n return \"Double Bogey\";\n }else{\n return \"Go Home!\";\n }\n \n // Only change code above this line\n}\n\n// Change these values to test\ngolfScore(5, 2);\n",
"name" : "Golf Code",
"completedDate" : 1462955735383
},
"56533eb9ac21ba0edf2244dd" : {
"id" : "56533eb9ac21ba0edf2244dd",
"challengeType" : 1,
"solution" : "function myTest(val) {\n var answer = \"\";\n // Only change code below this line\n switch (val){\n case 1:\n answer = \"alpha\";\n break;\n case 2:\n answer = \"beta\";\n break;\n case 3:\n answer = \"gamma\";\n break;\n case 4:\n answer = \"delta\";\n break; \n }\n \n \n // Only change code above this line \n return answer; \n}\n\n// Change this value to test\nmyTest(1);\n\n",
"name" : "Selecting from many options with Switch Statements",
"completedDate" : 1462957184771
},
"56533eb9ac21ba0edf2244de" : {
"id" : "56533eb9ac21ba0edf2244de",
"challengeType" : 1,
"solution" : "function myTest(val) {\n var answer = \"\";\n // Only change code below this line\n switch (val) {\n case \"a\":\n answer = \"apple\";\n break;\n case \"b\":\n answer = \"bird\";\n break;\n case \"c\":\n answer = \"cat\";\n break;\n default:\n answer = \"stuff\";\n }\n \n \n // Only change code above this line \n return answer; \n}\n\n// Change this value to test\nmyTest(1);\n\n",
"name" : "Adding a default option in Switch statements",
"completedDate" : 1462957970167
},
"56533eb9ac21ba0edf2244df" : {
"id" : "56533eb9ac21ba0edf2244df",
"challengeType" : 1,
"solution" : "function myTest(val) {\n var answer = \"\";\n // Only change code below this line\n switch(val) {\n case 1:\n case 2:\n case 3:\n answer = \"Low\";\n break;\n case 4:\n case 5:\n case 6:\n answer = \"Mid\";\n break;\n case 7:\n case 8:\n case 9:\n answer = \"High\";\n }\n \n \n // Only change code above this line \n return answer; \n}\n\n// Change this value to test\nmyTest(1);\n\n",
"name" : "Multiple Identical Options in Switch Statements",
"completedDate" : 1462963834193
},
"56533eb9ac21ba0edf2244e0" : {
"id" : "56533eb9ac21ba0edf2244e0",
"challengeType" : 1,
"solution" : "function myTest(val) {\n var answer = \"\";\n // Only change code below this line\n switch (val) {\n case \"bob\":\n answer = \"Marley\";\n break;\n case 42:\n answer = \"The Answer\";\n break;\n case 1:\n answer = \"There is no #1\";\n break;\n case 99:\n answer = \"Missed me by this much!\";\n break;\n case 7:\n answer = \"Ate Nine\";\n break;\n default:\n answer = \"\";\n }\n // Only change code above this line \n return answer; \n}\n\n// Change this value to test\nmyTest(7);\n\n",
"name" : "Replacing If Else Chains with Switch",
"completedDate" : 1462964351154
}
}
}
var progressTimestamps = obj.progressTimestamps;
console.log(progressTimestamps.length);
var challengeMap = obj.challengeMap;
console.log(challengeMap.length);
db.getCollection('user').update({username:"huluoyang"},{$set:{"progressTimestamps":progressTimestamps,"challengeMap":challengeMap}},false,true)
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。