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 | + |