Fototrend
  • PROHARDVER!
  • Mobilarena
  • LOGOUT
  • HardverApró
  • Friss képek
  • Legjobb értékelés
  • Legnépszerűbb
  • Fórum
  • #virág
  • #szelfi
  • #utazás
  • #természet
  • #portré
  • #makró
  1. Fórumok
  2. Szoftverfejlesztés
  3. JavaScript topic
LOGOUT témák
  • Sapphi: StremHU | Source – Self-hostolható Stremio addon magyar trackerekhez
  • laskr99: DFI és DFI Lanparty gyűjteményem
  • Luck Dragon: Asszociációs játék. :)
  • GoodSpeed: A RAM-válság és annak lehetséges hatásai
  • Invázió egy novellában 3-4. (Update) +5. fejezet! (18+ nyelvezet)
PROHARDVER! témák
  • NVIDIA GeForce RTX 3060 Ti / 3070 / 3070 Ti (GA104)
  • Kormányok / autós szimulátorok topikja
  • Stratégiai biztonsággal védekeznek a dráguló memóriák ellen a gyártók
  • AMD vs. INTEL vs. NVIDIA
  • Intel Core Ultra 3, Core Ultra 5, Ultra 7, Ultra 9 "Arrow Lake" LGA 1851
Mobilarena témák
  • EarFun Air Pro 4+ – érdemi plusz
  • Milyen hagyományos (nem okos-) telefont vegyek?
  • Samsung Galaxy S23 Ultra - non plus ultra
  • Redmi Note 12 Pro - nem tolták túl
  • Akciófigyelő: Ilyen kedvezmények járnak a Poco F8 sorozatra
IT café témák
  • Mindenkinél több és erősebb AI gyorsítót ígér Elon Musk
  • One otthoni szolgáltatások (TV, internet, telefon)
  • Mikrotik routerek
  • Windows 11
  • VPN topic
GAMEPOD témák
  • Assetto Corsa Rally
  • Call of Duty: Warzone
  • Call of Duty: Black Ops 6
  • Xbox Series X|S
  • Arc Raiders
  • Téma összefoglaló
    Utoljára frissítve: 2014-02-25 10:20

    Fototrend

    JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)

    Ha kérdésed van, a problémamegoldás sikere és gyorsasága érdekében érdemes az alábbi online, böngészőalapú kódszerkesztők valamelyikére felrakni a kódot:
    » jsFiddle.net
    » JSbin.com
    » CodePen.io

    Ajánlott dokumentációs forrás:
    Mozilla Developer Network:
    https://developer.mozilla.org/en-US/docs/Web/JavaScript

    Ajánlott szakirodalmak:
    » Refactoring to Unobtrusive JavaScript

    A jQuery-vel kapcsolatos kérdéseket itt tedd fel: jQuery topic.

    Kezdőknek:

    Kezdésnek Douglas Crockford videósorozatát ajánlott megnézni. Nagy arc az öreg, és -szerintem- jó stílusú az előadásmódja, a videói nézhetőek, bár alap angol tudás szükségeltetik.

    Douglas Crockford: "The JavaScript Programming Language" 1 of 4 [M4V download]
    - Címkék: Math, base objects, truthy/falsy values, loosly typed, identifiers, comments, operators
    Douglas Crockford: "The JavaScript Programming Language" 2 of 4 [M4V download]
    - Címkék: statements, throw, try, scopes, objects, inheritance, arrays
    Douglas Crockford: "The JavaScript Programming Language" 3 of 4 [M4V download]
    - Címkék: functions, method invocation, this, arguments, typeof, global object, namespaces, encapsulation
    Douglas Crockford: "The JavaScript Programming Language" 4 of 4 [M4V download]
    - Címkék: regexp, platforms, ActionScript (Flash), EcmaScript, coding conventions, semicolon insertion, JSLint

    Ha a videókkal végeztünk, kipróbálhatjuk a frissen felszedett tudást élesben a CodeAcademy hasábjain, ahol a szerzők végigkalauzolnak minket a nyelv alapjain, úgy, hogy egyből, a böngészőben kódolva ki is próbálhatjuk az alapvető nyelvi konstrukciókat. Kipróbálom

    Ha közben elakadnánk, keressünk segítséget a Mozilla Developer Network (https://developer.mozilla.org/en-US/docs/Web/JavaScript) oldalán, ahol talán a legjobb netes JavaScript összefoglalót találjuk.

    Ha a nyelv tanulását szívesebben kezdenénk írásos formában, videó helyett, akkor a https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide oldal lehet a segítségünkre.

    Ha csak egy gyors bevezetőt szeretnénk a nyelvből, írásos formában, akkor ezen az oldalon nézelődjünk: Re-Introduction to JavaScript | MDN

    Ha a saját gépünkön szeretnénk tesztelni a megírt js kódunkat, akkor erre több lehetőségünk is van, én ezek közül kettőt (hármat) ismertetek.

    1: a kódot beágyazzuk egy HTML oldalba, majd a böngészőben megnyitva a html oldalt teszteljük a javascript kódot. A tesztelésben segítségünkre lesz a böngészőbe épített konzol. Chrome - F12, Firefox - firebug
    2: Linux rendszeren (pl Ubuntu, Debian) installáljuk a nodejs-t, majd azzal interpretáljuk a javascript fájlunkat.

    sudo apt-get install nodejs

    használata:

    jim@debian:~/Development/web/javascript$ echo "console.log('Hello World');" > samplecode.js
    jim@debian:~/Development/web/javascript$ node samplecode.js
    Hello World

    3: vagy Debian rendszeren még elérhető a spidermonkey-bin - standalone JavaScript/ECMAScript (ECMA-262) interpreter, tehát Debian-on:

    apt-get install spidermonkey-bin

    majd

    jim@debian:~/Development/web/javascript$ echo "print('Hello World');" > samplecodespider.js
    jim@debian:~/Development/web/javascript$ js -f samplecodespider.js
    Hello World

    JQuery:

    - biztos, hogy be kell húznunk a jquery-t az alkalmazásunkba?! Ha a jquery csak pár funkcióját használjuk, akkor elképzelhető, hogy érdemesebb a Vanilla JS alternatívát implementálnunk a jquery használata helyett -> forrás

    Linkek:

    http://javascript.crockford.com/code.html
    link
    Ezt személyesen ajánlom, bár szerintem van hiba benne, de amúgy nagyon jó, érdemes belevágni ;) ->
    Functional Programming in JS [link]
    JS Compatibily Table: [link]
    JavaScript - The Good Parts /Crockford/ - videó: [link]
    Strict mode: [link]
    Use-cases for javascript closures: [link]

    Crockford videók, folytatás:
    Douglas Crockford: "Theory of the DOM" (1 of 3) [M4V download] - Címkék: //TODO
    Douglas Crockford: "Theory of the DOM" (2 of 3) [M4V download] - Címkék: //TODO
    Douglas Crockford: "Theory of the DOM" (3 of 3) [M4V download] - Címkék: //TODO

    Douglas Crockford: "Advanced JavaScript" (1 of 3) [M4V download] - Címkék: //TODO
    Douglas Crockford: "Advanced JavaScript" (2 of 3) [M4V download] - Címkék: //TODO
    Douglas Crockford: "Advanced JavaScript" (3 of 3) [M4V download] - Címkék: //TODO
    more on Crockford ...

    How Good C# Habits can Encourage Bad JavaScript Habits: Part 1
    How Good C# Habits can Encourage Bad JavaScript Habits: Part 2 – False-y, Testing and Default Values, Comparisons, and Looping
    How Good C# Habits can Encourage Bad JavaScript Habits: Part 3 – Function Scope, Hoisting, & Closures

    JavaScript Tutorials /haladóbbaknak/ : [link]

    Ajánlott olvasmány:

    Douglas Crockford - JavaScript: The Good Parts [link]
    David Flanagan - JavaScript: The Definitive Guide, 6th Edition [link]

  1. Fórumok
  2. Szoftverfejlesztés
  3. JavaScript topic
Aktív témák
  • EarFun Air Pro 4+ – érdemi plusz
  • A fociról könnyedén, egy baráti társaságban
  • Sapphi: StremHU | Source – Self-hostolható Stremio addon magyar trackerekhez
  • Milyen hagyományos (nem okos-) telefont vegyek?
  • NVIDIA GeForce RTX 3060 Ti / 3070 / 3070 Ti (GA104)
  • Kormányok / autós szimulátorok topikja
  • Energiaital topic
  • Assetto Corsa Rally
  • Mindenkinél több és erősebb AI gyorsítót ígér Elon Musk
  • Formula-1
  • További aktív témák...
Új fizetett hirdetések
  • GIGABYTE GeForce RTX 4070 Ti GAMING OC
  • Apple Watch Ultra (1. gen.) // 49mm // Black/Gray Trail Loop (M/L)
  • Új, bontatlan G.SKILL 32GB (2x16GB) KIT DDR5 6000MHz CL36 Ripjaws M5 Neo RGB White EXPO - 10 év gari
  • Új, bontatlan ADATA XPG 32GB (2x16GB) KIT DDR5 6000MHz CL30 Lancer Blade Black XMP/EXPO - 10 év gari
  • Új, bontatlan ADATA XPG 48GB (2x24GB) KIT DDR5 6000MHz CL30 Lancer Blade RGB Black - 10 év garival!
Üzleti előfizetők hirdetései
  • Nvidia Quadro P4000 // Nvidia Quadro P5000 --- Budapest MPL Foxpost
  • ÁRGARANCIA!Épített KomPhone i5 14400F 32/64GB RAM RX 9060 XT 8GB GAMER PC termékbeszámítással
  • Xiaomi Redmi Note 14 Pro+ 256GB,Újszerű,Dobozával,12 hónap garanciával
  • Apple iPhone 13 Pro Alpine Green ProMotion 120 Hz, Pro kamerák 128 GB-100%
  • Játékra vagy Munkára! Csere-Beszámítás! I7 3930K / Nvida GTX Titan X / 16GB DDR3 / 500GB SSD!

Copyright © 2000-2025 PROHARDVER Informatikai Kft.

  • Impresszum
  • Médiaajánlat
  • ÁSZF (szabályzat)
  • Adatvédelem
  • Copyright
  • Advertising
Barion logók
  • PROHARDVER!
  • Mobilarena
  • LOGOUT
  • HardverApró
Váltás asztali nézetre
Mobil nézet Phablet nézet Tablet nézet Normál asztali nézet Széles asztali nézet
Sütibeállítások