代码拉取完成，页面将自动刷新
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)
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。