If you're seeing this message, it means we're having trouble loading external resources on our website.

Ha webszűrőt használsz, győződj meg róla, hogy a *.kastatic.org és a *.kasandbox.org nincsenek blokkolva.

Fő tartalom

Weboldalak 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:
Khan Academy video wrapper
Editing a webpage in an online editorVideóátirat megtekintése

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:
Khan Academy video wrapper
Editing webpages in a desktop editorVideóátirat megtekintése

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:
Khan Academy video wrapper
Editing a webpage from a command line editorVideóátirat megtekintése

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.
Oszlopdiagram a szerkesztői preferenciákról – VSCode, Sublime, Emacs, VIM, ebben a sorrendben.
Utoljára 2018. júniusában frissített felmérés, a szerkesztői preferenciák nagymértékben változhatnak.
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.
Tudsz angolul? Kattints ide, ha meg szeretnéd nézni, milyen beszélgetések folynak a Khan Academy angol nyelvű oldalán.