CodePen-tips og beste praksis

Når du jobber i FCC vil det være tider når du lager dine egne prosjekter med CodePen. Campingbiler liker å dele disse prosjektene på Free Code Camp Forum for å motta tilbakemeldinger fra andre campere.

I dag skal jeg vise deg hvordan du får mest mulig ut av CodePen og hvordan du kan maksimere tilbakemeldingene dine i FCC Forum.

Få sovepose og marshmallows. Å, og ikke glem å få Yeti Cooler tilbake fra den bjørnen som stjal den mens du sov! Vi skal på fottur for å lære et par ting.

Organisering av koden din i CodePen

Når jeg jobbet med CodePen for første gang, husker jeg at jeg hadde all koden min i HTML-delen av pennen min. Akkurat som på bildet nedenfor hadde jeg HTML-, CSS- og -innholdet på ett sted.

Det er absolutt ingenting galt med å bygge nettstedet ditt som dette. Men i CodePen er det måter å rydde opp i koden for å gjøre den mer organisert og lesbar av andre som hjelper deg eller bare sjekke ut det fantastiske prosjektet ditt.

Du kan åpne denne pennen i en annen fane ved å klikke her. Dette lar deg leke med koden og følge med.

La oss fjerne noen ting

Vi trenger ikke disse kodene fordi CodePen automatisk sprøyter dem inn i prosjektet vårt.

Følg disse trinnene for å plassere hodeinnholdet ditt riktig der det trenger å gå i CodePen.

La oss flytte metaanholdet og google fontkoblingene til Stuff For -delen av CodePen.

Her er et øyeblikksbilde av koden mellom hodetaggene. Du bør bare flytte koden som jeg har fet skrift.


 
  Bootstrap Theme Company Page