Különböző kódszerkesztők használata

Most, hogy már láttad, hogyan tudsz a Khan Academyn kívül programozni ProcessingJS-ben egy weboldalon, készen állsz arra, hogy különböző kódszerkesztőkkel kísérletezgess – persze csak akkor, ha szeretnél kísérletezni velük.

Bármilyen szerkesztőt is használsz, figyelj rá, hogy a fő fájlod neve „.html”-lel végződjön – ezt a kiterjesztést használják a HTML oldalak, ezzel biztosítva, hogy a szerkesztők és a böngészők is felismerik őket. Ha a JavaScript kódodat szeretnéd a HTML-től külön kezelni, akkor mentsd el „.js” kiterjesztéssel, és hivatkozz rá egy <script> tagben.

Egyik lehetőségként használhatsz olyan online szerkesztőt, ami hasonló a mienkhez, de plusz funkciókkal rendelkezik. Akkor lehet például jó egy ilyen online szerkesztő használata, ha olyan számítógéped van, amire nem tudsz letölteni alkalmazásokat, vagy ha ugyanazt a szerkesztőt szeretnéd használni, miközben több számítógépen is dolgozol. Népszerű online szerkesztők a JSBin, Glitch és a Repl.it. Ha ChromeBookot használsz, feltelepítheted például a Caret vagy a Zed nevű Chrome webalkalmazást is.

Íme egy videó, amelyben Cloud9-ben szerkesztek egy weboldalt (a weboldalak készítéséről szóló kurzusunkból):

Másik lehetőség, hogy asztali szerkesztőt használsz. Ilyenkor letöltesz egy alkalmazást a számítógépre, amely a fájlokat a merevlemezedre menti. Rengeteg asztali szerkesztő közül választhatsz attól függően, hogy milyen operációs rendszert használsz, és mennyit pénzt szánsz rá. Néhány népszerű asztali szerkesztő: Visual Studio Code, Atom, Sublime Text, Adobe Brackets, és Notepad++ (Windows-ra).

Íme egy videó, amelyben Sublime Text-ben szerkesztek egy weboldalt (a weboldalak készítéséről szóló kurzusunkból):

A harmadik lehetőség, hogy parancssori szerkesztőt használsz. Ha nem ismered még a parancssort, akkor valószínűleg nem ezt fogod választani, hiszen ehhez sokat kellene tanulnod először a parancssorról. Másrészt, ha szeretsz gépelni és a billentyűzeteddel navigálni az egered helyett, akkor lehet, hogy imádni fogod a parancssori eszközöket. Két népszerű parancssori szerkesztő az Emacs és a Vim, amelyek általában a Unix-alapú rendszereken, mint a Macs és a Linux, már telepítve vannak.

Íme egy videó, amelyben Vim-ben szerkesztek egy weboldalt (a weboldalak készítéséről szóló kurzusunkból):

Melyik szerkesztőt kellene használni? Nyugodtan használhatod továbbra is a Khan Academy szerkesztőt. Idővel viszont célszerű lesz legalább egy másik szerkesztőt is jobban megismerned. Programozóként sokat segít, ha több szerkesztőt is tudsz használni, mivel előfordulhat, hogy különbözőeket fogsz használni az iskolában vagy a munkahelyeden.

Érdemes kipróbálni pár ingyenes lehetőséget, hogy lásd melyik tetszik legjobban. Megkérdezheted akár a barátaidat vagy kollégáidat, hogy mit használnak. Sokszor hasznos, ha az azt eszközt használod, amely a legnépszerűbb az ismeretségi körödben, mert akkor segítséget is tudsz kérni hozzá.

Példaként álljon itt egy ábra arról, hogy a Khan Academys kollégáim mit használnak:

Ha ezt olvasod, és már másik szerkesztőt használsz, oszd meg velünk alább, a Tippek résznél. Plusz pontért ossz meg tippeket arról, hogyan készítesz ProcessingJS programokat a kedvenc szerkesztődben!