Fő tartalom
Programozás
Tantárgy/kurzus: Programozás > 2. témakör
5. lecke: Webfejlesztői eszközökA böngésző fejlesztői eszközeinek használata
A webfejlesztés trükkös dolog. Ezért van az, hogy a webfejlesztők sokféle eszközt használnak, amik segítik a munkájukat – és mindig új és új eszközöket keresnek, melyekkel az eszköztárukat bővíthetik.
A modern böngészők nagy részében vannak olyan fejlesztői eszközök, melyeket a legtöbb fejlesztő nagyon szeret. Minden böngésző különbözik abban, hogy pontosan milyen eszközöket nyújt, de több köztük a hasonlóság, mint a különbség.
A HTML vizsgálata
Az egyik nagyszerű eszköz az, hogy a weboldalak bármelyik elemére rákattinthatunk, és megvizsgálhatjuk a HTML kódját. Az alábbi videóban látható, hogyan működik ez Chrome-ban:
A CSS vizsgálata
Egy másik hasznos eszköz a CSS vizsgáló; ezzel az eszközzel megnézheted, hogy egy elemre milyen stílusokat alkalmaztak, és eljátszhatsz velük magad is. Az alábbi videóban láthatod, hogyan lehet használni ezt az eszközt Chrome-ban:
Ezek az eszközök segítenek abban, hogy megértsd, hogyan épülnek fel a weboldalak, valamint abban is, hogy a saját weboldaladon megtaláld a hibákat.
Sok egyéb eszköz is van, de ez a kettő jó kezdet ahhoz, hogy jobb webfejlesztővé válj. Próbálj megvizsgálni egy elemet ezen az oldalon, és nézd meg mit tudsz kideríteni róla!
Szeretnél részt venni a beszélgetésben?
Még nincs hozzászólás.