CodePen tippek és legjobb gyakorlat

Az FCC-ben dolgozva előfordulhat, hogy a CodePen segítségével elkészítheti saját projektjeit. A táborozók szeretik megosztani ezeket a projekteket a Free Code Camp fórumon, hogy visszajelzéseket kapjanak más táborozóktól.

Ma megmutatom, hogyan lehet a legtöbbet kihozni a CodePenből, és hogyan lehet maximalizálni visszajelzését az FCC fórumon belül.

Szerezd meg hálózsákját és mályvacukrot. Ó, és ne felejtsd el visszavenni a Yeti Cooler-t attól a medvétől, aki ellopta, amíg aludtál! Kirándulunk néhány dolgot megtanulni.

Kódjának szervezése a CodePenben

Amikor először dolgoztam a CodePen-rel, emlékszem, hogy az összes kódom a toll HTML részében található. Csakúgy, mint az alábbi képen, a HTML, CSS és tartalmaimat is egy helyen töltöttem el.

Nincs semmi baj az ilyen webhely felépítésével. A CodePenben azonban vannak módok a kód megtisztítására, hogy szervezetesebbé és olvashatóbbá tegyék mások, akik segítenek, vagy egyszerűen csak megnézik a fantasztikus projektet.

Ide kattintva megnyithatja ezt a tollat ​​egy másik lapon. Ez lehetővé teszi, hogy körülvéve játsszon a kóddal, és kövesse.

Távolítsuk el néhány dolgot

Nem kell ezekre a kódrészekre, mert a CodePen automatikusan befecskendezi őket a projektünkbe.

Kövesse ezeket a lépéseket, hogy helyesen helyezze el a fej tartalmát a CodePenbe, ahol oda kell mennie.

Mozgassuk a metatartalom és a google betűkészlet linkeinket a CodePen Cikkek részéhez.

Itt van egy pillanatkép a kódról a fejcímkék között. Csak azt a kódot helyezze át, amely vastag betűvel van.


 
  Bootstrap Theme Company oldal