View difference between Paste ID: K5xVRRkd and PTZ5Ky8b
SHOW: | | - or go back to the newest paste.
1-
[B][U]A JavaScript története:[/U][/B]
1+
2
3-
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.
3+
4-
// TODO
4+
5
[L:http://yui.zenfs.com/theater/crockford-tjpl-1.m4v]Douglas Crockford: "The JavaScript Programming Language" 1 of 4[/L] [M4V download]
6
- Címkék: [OFF]Math, base objects, truthy/falsy values, loosly typed, identifiers, comments, operators[/OFF]
7
[L:http://yui.zenfs.com/theater/crockford-tjpl-2.m4v]Douglas Crockford: "The JavaScript Programming Language" 2 of 4[/L] [M4V download]
8
- Címkék: [OFF]statements, throw, try, scopes, objects, inheritance, arrays[/OFF]
9
[L:http://yui.zenfs.com/theater/crockford-tjpl-3.m4v]Douglas Crockford: "The JavaScript Programming Language" 3 of 4[/L] [M4V download]
10
- Címkék: [OFF]functions, method invocation, this, arguments, typeof, global object, namespaces, encapsulation[/OFF]
11
[L:http://yui.zenfs.com/theater/crockford-tjpl-4.m4v]Douglas Crockford: "The JavaScript Programming Language" 4 of 4[/L] [M4V download]
12
- Címkék: [OFF]regexp, platforms, ActionScript (Flash), EcmaScript, coding conventions, semicolon insertion, JSLint[/OFF]
13
14
[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]
15
16
[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.
17
18
[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.
19
20
[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]
21
22
[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.
23
24
[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
25
[B]2:[/B] Linux rendszeren (pl Ubuntu, Debian) installáljuk a nodejs-t, majd azzal interpretáljuk a javascript fájlunkat.
26
27
[M][C]sudo apt-get install nodejs[/C][/M]
28
29
használata:
30
31
[M][C]jim@debian:~/Development/web/javascript$ echo "console.log('Hello World');" > samplecode.js
32
jim@debian:~/Development/web/javascript$ node samplecode.js 
33
Hello World[/C][/M]
34
35
[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:
36
37
[M][C]apt-get install spidermonkey-bin[/C][/M]
38
39
majd
40
41
[M][C]jim@debian:~/Development/web/javascript$ echo "print('Hello World');" > samplecodespider.js
42
jim@debian:~/Development/web/javascript$ js -f samplecodespider.js 
43
Hello World[/C][/M]
44
45
[U]JQuery[/U]:
46
47
- 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]
48
49
50-
[B][U]Közép-haladóknak:[/U][/B]
50+
51
52-
[U]Coding conventions[/U]
52+
53
[L:http://javascript.crockford.com/code.html]http://javascript.crockford.com/code.html[/L]
54
[L:http://www.slideshare.net/fgalassi/refactoring-to-unobtrusive-javascript]link[/L]
55-
[L:http://www.slideshare.net/fgalassi/refactoring-to-unobtrusive-javascript]// TODO: kéne egy jó elnevezés[/L]
55+
56
Functional Programming in JS [L:http://reactive-extensions.github.io/learnrx/][link][/L]
57-
[U]localStorage[/U]
57+
58
JavaScript - The Good Parts /Crockford/ - videó: [L:http://www.youtube.com/watch?v=hQVTIJBZook][link][/L]
59-
// leírás
59+
60-
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]
60+
61
62-
[U]EcmaScript 6 a.k.a Harmony[/U]
62+
63
[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
64-
// leírás [L:http://en.wikipedia.org/wiki/ECMAScript][link][/L]
64+
65-
EcmaScript 5.1 - [L:http://www.ecma-international.org/ecma-262/5.1/Ecma-262.pdf][link][/L]
65+
66-
Az új dolgok - [L:http://wiki.ecmascript.org/doku.php?id=harmony:proposals]harmony[/L]
66+
67
[L:http://yui.zenfs.com/theater/crockford-advancedjavascript-1.m4v]Douglas Crockford: "Advanced JavaScript" (1 of 3)[/L] [M4V download] - Címkék: //TODO
68-
[U]Öröklődés[/U]
68+
69
[L:http://yui.zenfs.com/theater/crockford-advancedjavascript-3.m4v]Douglas Crockford: "Advanced JavaScript" (3 of 3)[/L] [M4V download] - Címkék: //TODO
70-
Hasznos leírás 1/1 - [L:http://tobyho.com/2011/11/11/js-object-inheritance/][link][/L]
70+
71-
Hasznos leírás 1/2 - [L:http://tobyho.com/2010/11/22/javascript-constructors-and/][link][/L]
71+
72
[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]
73-
[U]OOP[/U]
73+
74
[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]
75-
Privát adattagok /Crockford/ - [L:http://javascript.crockford.com/private.html][link][/L]
75+
76-
Láthatóság - [L:http://phrogz.net/JS/classes/OOPinJS.html][link][/L]
76+
77-
Névterek - [L:http://elegantcode.com/2011/01/26/basic-javascript-part-8-namespaces/][link][/L]
77+
78
[B][U]Ajánlott olvasmány:[/U][/B]
79-
[U]Design Patterns[/U]
79+
80
Douglas Crockford - JavaScript: The Good Parts [L:http://shop.oreilly.com/product/9780596517748.do][link][/L]
81-
Module pattern - [L:http://www.adequatelygood.com/JavaScript-Module-Pattern-In-Depth.html][link][/L]
81+