6.02. A Javascript alapjai - változók

Aki tanult más C típusú nyelvet, annak könnyű lesz ez a rész, mert a javascript nagyjából követi a C (C#, PHP) nyelv szintaktikáját.

  • Az utasításokat külön sorba írjuk.
  • Az utasítás végén pontosvesszőt írunk.
  • A program végrehajtása felülről lefelé történik.
  • Itt is léteznek visszatérési értékkel vagy a nélküli függvények:
Function Eljaras(){
   alert("nincs visszatérési érték");
}

Lehetséges igazi függvényeket is használni:

6.01. Hello world!

A javascript kód a böngészőben fut, tehát a szerverről el kell juttatni a böngészőhöz. Ennek lagalább két módja van:

A HTML oldalba beágyazzuk a Javasript kódot

A HTML oldalon bárhol a <script> .... </script> tagek közé írt szöveg javascript kódnak számít. A HTML oldal <body> .....</body> részében lefutó kód által kiírt szöveg a HTML oldal megjelenő rszévé válik. A <head>...</head> részben lefutó kód a HTML oldal részévé válik, de az eredmény látható formában nem feltétlenül jelenik meg.

Windows 10 upgrade

Rászántam magam a Windows 10 upgrade-re. Mivel kb. 3 hónapja a notebookomon (6 éves Dell StudioXPS) a gyári Windows 7-re csont nélkül felment, ezért úgy gondoltam, hogy az asztali gépemre is fel fog menni, mivel a processzor memória meglehetősen fejlett. Egy gond volt: mivel ezt a gépet is legalább 5 éve telepítettem Windows 7-re és khm... nem annyira licencelt volt a verzió, ráadásul programok tucatjai futnak rajta, így azt szerettem volna, ha nem kell minden alkalmazást újra telepítenem.

4.12. Űrlapok - FORM

Utoljára hagytuk az űrlapok kezelését. A HTML-ben lehet készíteni olyan oldalakat, amelyek adatbevitelre alkalmasak, majd a küldés gomb hatására az adatokat átküldjük a szervernek, ahol azt fel lehet dolgozni. Mivel szerver oldalon az adatok fogadását szerver oldlai programokkal lehet megoldani, és a szerver oldali programozás későbbi anyag, ezért itt csak a HTML oldallal foglalkozunk.

Az űrlap készítéséhez meg kell jelölni a HTML oldal egy részét a <form> ....</form> TAG párral. Ami ezen belül űrlap adatelem azokat az adatokat küldi majd át a szervernek a böngésző.

3. Segédprogramok a webfejlesztéshez

A legfontosabb segédprogram maga a böngésző, illetve a böngészőbe épített fejlesztést segítő plugin-ok.

Mivel legtöbbet az alapok elsajáítása után úgy lehet megtanulni, hogy mások által készített weboldalaknak a szerkezetét és megoldásait nézzük meg illetve a hibakeresésnél elkerülhetetlen ezeknek a használata, ezért a továbbiakban ezzel foglalkozunk kicsit.
A Firefox és a Chrome esetén is hasonló megoldások vannak.

5.02 Jelölők

A stílusok megadásánál meghatározhatjuk, hogy a HTML TAG-ek mely körére legyen érvényes a stílus. Ezt kijelölésnek hívjuk (SELECTOR). Az alábbi lehetőségek a leggyakrabban használhatók.

4.11. Stílusok és javascript használata a HTML oldalakon

CSS használata a weboldalakon

A böngészők az utolsó húsz évben úgy változtak, hogy a HTML-ben megadott néhány formázó tagek látványelemei felülbírálhatók, átírhatók. Nem drótozták be ezeket a stíluselemeket, hanem alapértelmezetten hozzárendelték a tag-hez, de azt bármikor át lehet írni. Jelenleg is, ha HTML TAG-gel akarunk formázni egy szöveget (mint gyakran az érettségi dolgozatban is szokás), akkor is a CSS féle stílus elemeket használjuk.

Oldalak

Subscribe to Fábián Zoltán RSS