Fő tartalom
Programozás
Tantárgy/kurzus: Programozás > 2. témakör
5. lecke: Webfejlesztői eszközökWeboldalak fejlesztése a Khan Academyn kívül
Itt, a Khan Academyn rendelkezésedre bocsátunk egy böngészőben futó kódszerkesztőt, amivel egyszerűen ki tudod próbálni a HTML-t, ami azonnali visszajelzést ad, és amin keresztül meg tudod osztani a munkádat másokkal.
Viszont a kódszerkesztőnk nem engedi, hogy bármit kipróbálhass – egyrészt ennek biztonsági okai vannak, másrészt nehéz egy mindenre képes szerkesztőt üzemeltetni ilyen kis helyen.
Ahogy beletanulsz itt a HTML/CSS-be, valószínűleg szeretnél majd egy több funkcionalitással rendelkező szerkesztőben weboldalt fejleszteni a Khan Academyn kívül, ami lehetővé teszi, hogy több fájlt szerkessz, fájlkeresést hajts végre, és aminek egyedi kiegészítői is vannak. Bármilyen szerkesztőt is használsz, mindig figyelj rá, hogy a fájlok neve ".html"-lel végződjön – ezt a kiterjesztést használjuk HTML oldalakhoz, így a szerkesztők és a böngészők is tudni fogják, hogy milyen fájlról van szó.
Online szerkesztők
Egyik lehetőségként használhatsz online szerkesztőt, ami hasonló a mi szerkesztőnkhöz, de plusz funkciókkal rendelkezik. Akkor lehet hasznos egy 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, Repl.it, Glitch és a CodePen. Ha ChromeBookot használsz, feltelepítheted például a Caret-et vagy a Zed-et Chrome webalkalmazást is. Íme egy videó, amin weboldalt szerkesztek Cloud9-ben:
Asztali szerkesztők
Másik lehetőség, hogy asztali szerkesztőt használsz. Ilyenkor letöltesz egy olyan alkalmazást a számítógépre, ami 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 fizetnél érte. Néhány népszerű asztali szerkesztő: Visual Studio Code, Atom, Sublime Text, Adobe Brackets, és Notepad++ (Windowsra). Íme egy videó, amin weboldalt szerkesztek Sublime Text-ben:
Parancssoros szerkesztők
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. Azonban 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, amik általában a Unix-alapú rendszereken, mint a MacOS és a Linux már telepítve vannak. Íme egy videó, amin weblapot szerkesztek Vim-ben:
Szerkesztő választása
Melyiket érdemes vajon választani? Használd egyelőre továbbra is nyugodtan a Khan Academy HTML/CSS szerkesztőjét. Idővel azért célszerű legalább egy kódszerkesztőt jobban is megismerni. Érdemes kipróbálni pár ingyenes lehetőséget, hogy lásd melyik tetszik jobban. 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 itt egy ábra arról, hogy a kollégáim a Khan Academynél mit használnak. Nem mindegyikük ír HTML/CSS kódot, ezért a kedvenc szerkesztőjük lehet, hogy nem jó választás számodra.
Ha ezt olvasod, és már másik szerkesztőt használsz weboldalak fejlesztéséhez, oszd meg velünk, mit használsz a Tippek résznél alább! Ha van kedvenc kiegészítőd a szerkesztőhöz vagy böngészői fejlesztő eszközöd, oszd meg azt is. A megosztás = törődés. 😊
Szeretnél részt venni a beszélgetésben?
Még nincs hozzászólás.