CodePen: Itumọ, Idanwo, Pinpin ati Ṣawari HTML, CSS, ati JavaScript

Codepen: Kọ, Idanwo, ati Iwari Koodu Ipari-iwaju

Ipenija kan pẹlu eto iṣakoso akoonu jẹ idanwo ati ṣiṣe awọn irinṣẹ iwe afọwọkọ. Lakoko ti iyẹn kii ṣe ibeere fun ọpọlọpọ awọn atẹjade, bi atẹjade imọ-ẹrọ, Mo fẹran pinpin awọn iwe afọwọkọ ṣiṣẹ lati igba de igba lati ṣe iranlọwọ fun awọn eniyan miiran. Mo ti pin bi o ṣe le lo JavaScript lati ṣayẹwo agbara ọrọ igbaniwọle, bi o si ṣayẹwo sintasi adirẹsi imeeli pẹlu Awọn ifihan Deede (Regex), ati pe laipe ni o ṣafikun eyi isiro lati ṣe asọtẹlẹ ipa tita ti awọn atunyẹwo lori ayelujara. Mo nireti lati ṣafikun ọpọlọpọ awọn irinṣẹ lori aaye ṣugbọn Wodupiresi ko ṣe iranlọwọ fun titẹjade bii eleyi… o jẹ eto akoonu kan, kii ṣe eto idagbasoke.

Nitorinaa, lati gba awọn iwe afọwọkọ kekere mi ṣiṣẹ Mo gbadun lilo CodePen. CodePen jẹ irinṣẹ ti a ṣeto daradara pẹlu nronu HTML kan, panẹli CSS kan, panẹli JavaScript kan, Console, ati atẹjade ti koodu ti o wa. Igbimọ kọọkan ni alaye nigbati o ba Asin lori awọn eroja ki o ye ohun ti o ṣee ṣe, bii ifaminsi awọ ti HTML rẹ, CSS, ati JS lati ṣe iranlọwọ fun ọ lati ṣatunkọ ati kikọ rọrun.

CodePen jẹ agbegbe idagbasoke awujọ. Ni ọkan rẹ, o gba ọ laaye lati kọ koodu ninu ẹrọ aṣawakiri, ati wo awọn abajade rẹ bi o ṣe n kọ. Olootu koodu ori ayelujara ti o wulo ati itusilẹ fun awọn aṣagbega ti eyikeyi ogbon, ati ni agbara fun pataki fun awọn eniyan nkọ ẹkọ si koodu. CodePen fojusi ni akọkọ lori awọn ede iwaju bi HTML, CSS, JavaScript, ati awọn sintasi iṣaaju ti o yipada si awọn nkan wọnyẹn.

Nipa CodePen

Pẹlu CodePen, Mo ni anfani lati ṣe gbogbo iṣẹ pataki si jade ẹrọ iṣiro Mo ti fi sii inu aaye naa. Pupọ awọn ẹda lori CodePen jẹ gbangba ati orisun ṣiṣi. Wọn jẹ awọn ohun laaye ti eniyan miiran ati agbegbe le ṣe pẹlu, lati inu ọkan ti o rọrun, si fifi ọrọ silẹ, si ifunni ati iyipada fun awọn iwulo tiwọn.

CodePen - ẹrọ iṣiro fun asọtẹlẹ ipa tita ti awọn atunyẹwo lori ayelujara

Pẹlu CodePen, o le yi iwo rẹ pada ti o ba fẹ ki awọn panini wa ni apa osi, ọtun, tabi isalẹ bi o ti n ṣiṣẹ… tabi wo HTML ni taabu tuntun kan. Wiwo ẹgbẹ-si-ẹgbẹ ṣiṣẹ iyalẹnu daradara lati ṣe idanwo awọn eto idahun rẹ nitori o le ṣatunṣe iwọn ti pAN ti o le rii.

O le ṣeto ọkọọkan awọn iwe afọwọkọ ṣiṣẹ rẹ sinu Awọn aaye, ṣapọ wọn si Awọn iṣẹ-iṣe (olootu faili pupọ), tabi paapaa kọ awọn ikojọpọ. O jẹ ni ipilẹṣẹ oju opo wẹẹbu iṣẹ fun koodu ipari-iwaju nibiti o le tẹle awọn onkọwe miiran, ṣe orita awọn iṣẹ miiran ti a pin ni gbangba si tirẹ lati yipada, ati paapaa kọ bi o ṣe le ṣe diẹ ninu awọn nkan igbadun nipasẹ awọn italaya.

O le fipamọ bi GistHub Gist, gberanṣẹ ni faili pelu, ati paapaa ifibọ ikọwe ninu nkan bii:

Wo Pen
Asọtẹlẹ Tita Ipa Ti Awọn Atunwo Ayelujara
by Douglas Karr (@douglaskarr)
on CodePen.


Ọkan ninu awọn idiwọn ti olootu Pen jẹ iwọn didun lasan ti koodu. O le ma ṣe ṣiṣe kọja ọrọ yii, bi olootu yẹ ki o wa ni itanran pẹlu awọn ọgọọgọrun tabi paapaa awọn ila ila ti koodu. Ṣugbọn nigbati wọn bẹrẹ kọlu 5,000 - 10,000 tabi awọn ila ti koodu diẹ sii, iwọ yoo wo olootu ti o bẹrẹ lati kuna. Sibẹsibẹ, o le ṣafikun awọn itọkasi ita si awọn iwe aza tabi JavaScript ti gbalejo ni ibomiiran!

Emi yoo gba ọ niyanju lati forukọsilẹ. Iwọ yoo ṣe alabapin si imeeli ti wọn kọsẹ ati pe o tun le ṣafikun ifunni si kikọ sii RSS rẹ ki o le rii awọn aaye ti a tẹjade tuntun. Ati pe, ti o ba bẹrẹ wiwa tabi lilọ kiri ayelujara awọn aaye gbangba nibẹ, iwọ yoo wa diẹ ninu awọn iṣẹ akanṣe iyalẹnu… awọn olumulo ni ẹbun abinibi!

tẹle Douglas Karr lori Codepen

Ẹya ti o sanwo, CodePen Pro, nfunni pupọ ti awọn ẹya afikun fun iṣẹ ilọsiwaju tabi awọn ẹgbẹ - pẹlu ifowosowopo, awọn ilana, gbigba ohun-ini, awọn wiwo ikọkọ, ati paapaa awọn iṣẹ akanṣe pẹlu agbegbe tirẹ tabi subdomain. Ati pe, dajudaju, CodePen pese ibi ipamọ nla pẹlu iṣọpọ Github nibiti gbogbo ẹgbẹ rẹ le ṣiṣẹ. Ti o ba n fẹ ṣe idanwo diẹ ninu koodu ti o rọrun bi emi, CodePen jẹ ọpa ti ko ṣe pataki.

Kini o le ro?

Aaye yii nlo Akismet lati dinku apamọ. Mọ bi a ṣe n ṣalaye data rẹ ti o ṣawari.