[B][U]A JavaScript története:[/U][/B]

A következőkben a teljesen kezdő szinttől a haladóig kívánunk segítséget (olvasnivalót) adni azok számára, akik meg szeretnék tanulni a nyelv csínját-bínját, múltját, és jelenét.
// TODO

[B][U]Kezdőknek:[/U][/B]

Kezdésnek [L:http://en.wikipedia.org/wiki/Douglas_Crockford]Douglas Crockford[/L] 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.

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

[B]Ha[/B] a videókkal végeztünk, kipróbálhatjuk a frissen felszedett tudást [B]élesben[/B] 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. [L:http://www.codecademy.com/tracks/javascript]Kipróbálom[/L]

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

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

[B]Ha[/B] csak egy [B]gyors bevezetőt[/B] szeretnénk a nyelvből, írásos formában, akkor ezen az oldalon nézelődjünk: [L:https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript?redirectlocale=en-US&redirectslug=JavaScript%2FA_re-introduction_to_JavaScript]Re-Introduction to JavaScript | MDN[/L]

[B]Ha[/B] a saját gépünkön szeretnénk [B]tesztelni[/B] 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.

[B]1:[/B] 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
[B]2:[/B] Linux rendszeren (pl Ubuntu, Debian) installáljuk a nodejs-t, majd azzal interpretáljuk a javascript fájlunkat.

[M][C]sudo apt-get install nodejs[/C][/M]

használata:

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

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

[M][C]apt-get install spidermonkey-bin[/C][/M]

majd

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

[B][U]Közép-haladóknak:[/U][/B]

[U]Coding conventions[/U]

[L:http://javascript.crockford.com/code.html]http://javascript.crockford.com/code.html[/L]
[L:http://www.slideshare.net/fgalassi/refactoring-to-unobtrusive-javascript]// TODO: kéne egy jó elnevezés[/L]

[U]localStorage[/U]

// leírás
Egy localStorage API a Mozillás srácoktól - [L:https://hacks.mozilla.org/2014/02/localforage-offline-storage-improved/?utm_source=javascriptweekly&utm_medium=email]localForage[/L]

[U]EcmaScript 6 a.k.a Harmony[/U]

// leírás [L:http://en.wikipedia.org/wiki/ECMAScript][link][/L]
EcmaScript 5.1 - [L:http://www.ecma-international.org/ecma-262/5.1/Ecma-262.pdf][link][/L]
Az új dolgok - [L:http://wiki.ecmascript.org/doku.php?id=harmony:proposals]harmony[/L]

[U]Öröklődés[/U]

Hasznos leírás 1/1 - [L:http://tobyho.com/2011/11/11/js-object-inheritance/][link][/L]
Hasznos leírás 1/2 - [L:http://tobyho.com/2010/11/22/javascript-constructors-and/][link][/L]

[U]OOP[/U]

Privát adattagok /Crockford/ - [L:http://javascript.crockford.com/private.html][link][/L]
Láthatóság - [L:http://phrogz.net/JS/classes/OOPinJS.html][link][/L]
Névterek - [L:http://elegantcode.com/2011/01/26/basic-javascript-part-8-namespaces/][link][/L]

[U]Design Patterns[/U]

Module pattern - [L:http://www.adequatelygood.com/JavaScript-Module-Pattern-In-Depth.html][link][/L]

[U]JQuery[/U]:

- 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 -> [L:http://youmightnotneedjquery.com/]forrás[/L]

[B][U]JavaScript Frameworks:[/U][/B]

// TODO
- JQuery
- Angular.js
stb..

[B][U]Nodejs:[/U][/B]

// TODO

[B][U]IDE:[/U][/B]

Linux: SublimeText 2, Aptana Studio 3
Windows:

[B][U]Linkek:[/U][/B]

Ezt személyesen ajánlom, bár szerintem van hiba benne, de amúgy nagyon jó, érdemes belevágni ;) ->
Functional Programming in JS [L:http://reactive-extensions.github.io/learnrx/][link][/L]
JS Compatibily Table: [L:http://robertnyman.com/javascript/][link][/L]
JavaScript - The Good Parts /Crockford/ - videó: [L:http://www.youtube.com/watch?v=hQVTIJBZook][link][/L]
Strict mode: [L:http://ejohn.org/blog/ecmascript-5-strict-mode-json-and-more/][link][/L]
Use-cases for javascript closures: [L:http://msdn.microsoft.com/en-us/magazine/ff696765.aspx][link][/L]

Crockford videók, folytatás:
[L:http://yui.zenfs.com/theater/crockford-domtheory-1.m4v]Douglas Crockford: "Theory of the DOM" (1 of 3)[/L] [M4V download] - Címkék: //TODO
[L:http://yui.zenfs.com/theater/crockford-domtheory-2.m4v]Douglas Crockford: "Theory of the DOM" (2 of 3)[/L] [M4V download] - Címkék: //TODO
[L:http://yui.zenfs.com/theater/crockford-domtheory-3.m4v]Douglas Crockford: "Theory of the DOM" (3 of 3)[/L] [M4V download] - Címkék: //TODO

[L:http://yui.zenfs.com/theater/crockford-advancedjavascript-1.m4v]Douglas Crockford: "Advanced JavaScript" (1 of 3)[/L] [M4V download] - Címkék: //TODO
[L:http://yui.zenfs.com/theater/crockford-advancedjavascript-2.m4v]Douglas Crockford: "Advanced JavaScript" (2 of 3)[/L] [M4V download] - Címkék: //TODO
[L:http://yui.zenfs.com/theater/crockford-advancedjavascript-3.m4v]Douglas Crockford: "Advanced JavaScript" (3 of 3)[/L] [M4V download] - Címkék: //TODO
[L:http://yuiblog.com/crockford/]more[/L] on Crockford ...

[L:http://appendto.com/2010/10/how-good-c-habits-can-encourage-bad-javascript-habits-part-1/]How Good C# Habits can Encourage Bad JavaScript Habits: Part 1[/L]
[L:http://appendto.com/2010/10/how-good-c-habits-can-encourage-bad-javascript-habits-part-2/]How Good C# Habits can Encourage Bad JavaScript Habits: Part 2 – False-y, Testing and Default Values, Comparisons, and Looping[/L]
[L:http://appendto.com/2010/10/how-good-c-habits-can-encourage-bad-javascript-habits-part-3/]How Good C# Habits can Encourage Bad JavaScript Habits: Part 3 – Function Scope, Hoisting, & Closures[/L]

JavaScript Tutorials /haladóbbaknak/ : [L:http://code.tutsplus.com/][link][/L]

[B][U]Up-to-date JavaScript:[/U][/B]

Biztos sokan vagytok, akik már ismerik a nyelv alapjait, és szeretnétek tudásotokat up to date szinten tartani. Ennek egyik legjobb módja, hogy [L:https://twitter.com/]twitteren[/L] [OFF](a twitter itthon nem annyira menő, mint a facebook, de a tengerentúlon igenis sűrűn használt média)[/OFF] követtek pár embert, akik a javascriptes élet sava-borsát jelentik, valamint rendszeresen olvastok a témáról szóló blogokat. Az alábbi felsorolásban ezekhez adunk nektek tippeket ([L:http://uptodate.frontendrescue.org/#follow-cool-people]forrás[/L]):

[U]Twitter[/U]:

[B]Addy Osmani:[/B] Engineer at Google • Author • Lead-dev of Yeoman • DevTools, Polymer • Creator of TodoMVC, Basket, Aura • Passionate about web tooling
London, England [L:http://addyosmani.com/blog/]honlap[/L] [L:https://twitter.com/addyosmani]twitter[/L]

[B]Alex Sexton:[/B] Product Engineer at Stripe, Team Member at Modernizr, jQuery Foundation Board of Advisors at jQuery Project [L:https://alexsexton.com/]honlap[/L] [L:https://twitter.com/SlexAxton]twitter[/L]

[B]Angelina Fabbro:[/B] Everyday Engineer/Developer and Developer Advocate @mozilla [L:http://realityhacking.net/]honlap[/L] [L:https://twitter.com/angelinamagnum]twitter[/L]

[B]Angus Croll:[/B] Engineer at Twitter [L:http://anguscroll.com/]honlap[/L] [L:https://twitter.com/angustweets]twitter[/L]

[B]Axel Rauschmayer:[/B] specializes in JavaScript and web development. He has been programming since 1985 and developing web applications since 1995. In 1999, he was technical manager at a German Internet startup that later expanded internationally. In 2006, he held his first talk on Ajax. Edits the email newsletter JavaScript Weekly. [L:http://rauschma.de/]honlap[/L] [L:https://twitter.com/rauschma]twitter[/L]

[B]David Walsh:[/B] Mozilla Web Developer, Front-End Engineer, MooTools Core Developer, Javascript Fanatic, CSS Tinkerer, PHP Hacker, and web lover. [L:http://davidwalsh.name/]honlap[/L] [L:https://twitter.com/davidwalshblog]twitter[/L]

[B]John Resig:[/B] creator of JQuery :) [L:http://ejohn.org/]honlap[/L] [L:https://twitter.com/jeresig]twitter[/L]

[B]Paul Irish:[/B] He is a Developer Advocate for Google Chrome. He works on tools like Modernizr, Yeoman, HTML5 Please, CSS3 Please, and other bits and bobs of open source code. [L:http://www.paulirish.com/]honlap[/L] [L:https://twitter.com/paul_irish]twitter[/L]

[B]Követhetünk magazinokat/szervezeteket is:[/B]
JavaScript News - [L:https://twitter.com/javascript_news]twitter[/L]
JavaScript Daily - [L:https://twitter.com/JavaScriptDaily]twitter[/L]
Google Developers - [L:https://twitter.com/googledevs]twitter[/L]
dailyjs - [L:https://twitter.com/dailyjs]twitter[/L]
Echo JS - [L:https://twitter.com/echojs]twitter[/L]
HTML5 Hub - [L:https://twitter.com/HTML5hub]twitter[/L]

[B][U]Blogok:[/U][/B]

- [L:http://blog.teamtreehouse.com/]http://blog.teamtreehouse.com/[/L]
- [L:http://blog.webplatform.org/]http://blog.webplatform.org/[/L]
- [L:http://www.html5rocks.com/en/]http://www.html5rocks.com/en/[/L]
- [L:http://alistapart.com/blog]http://alistapart.com/blog[/L]
- [L:http://www.2ality.com/]http://www.2ality.com/[/L]

[B][U]Ajánlott olvasmány:[/U][/B]

Douglas Crockford - JavaScript: The Good Parts [L:http://shop.oreilly.com/product/9780596517748.do][link][/L]
David Flanagan - JavaScript: The Definitive Guide, 6th Edition [L:http://shop.oreilly.com/product/9780596805531.do][link][/L]