├── .idea ├── dictionaries │ └── DELL.xml └── vcs.xml ├── README.md ├── examples ├── budget_thailand │ └── fiscal_year_2024.html ├── calendar │ ├── README.md │ ├── css │ │ └── calendar.css │ ├── index.html │ └── js │ │ ├── addEventToBtn.js │ │ ├── calendar.js │ │ └── templateCal.js ├── canvas │ ├── README.md │ ├── css │ │ └── bootstrap.min.css │ ├── img │ │ ├── black_ribbon_bottom_left.png │ │ ├── black_ribbon_bottom_right.png │ │ ├── black_ribbon_top_left.png │ │ ├── black_ribbon_top_right.png │ │ ├── no-imgae-result.png │ │ ├── no-imgae-uploadfile.png │ │ └── ribbon-black_68.png │ ├── index.html │ └── js │ │ ├── addEventToBtn.js │ │ ├── babel │ │ ├── babel.js │ │ └── babel.min.js │ │ ├── drawing.js │ │ ├── jquery │ │ ├── jquery-1.3.2.min.js │ │ └── jquery.min.js │ │ ├── systemjs │ │ └── system.js │ │ └── traceur │ │ ├── BrowserSystem.js │ │ ├── bootstrap.js │ │ ├── traceur-runtime.js │ │ └── traceur.js ├── canvas_2 │ ├── README.md │ └── fly.html ├── google_translate │ ├── translate_general.html │ └── translate_thai-eng.html ├── print │ └── print_example.html ├── speech-recognition │ ├── game │ │ ├── constants.js │ │ ├── game.js │ │ ├── img │ │ │ └── spritesheet.png │ │ ├── index.html │ │ └── readme.md │ ├── readme.md │ └── web │ │ ├── all_langs.js │ │ ├── index.html │ │ └── readme.md ├── tesseract-ocr │ ├── README.md │ ├── example.PNG │ ├── img │ │ ├── example_output_nodejs.PNG │ │ └── no-imgae-uploadfile.png │ ├── index.html │ └── test_ocr.js └── timer │ └── count_time.html ├── examples_book ├── .gitignore ├── Appendix_B │ ├── README.md │ ├── ajax.mjs │ ├── hello.js │ └── server.mjs ├── Appendix_G.md ├── Chapter02.md ├── Chapter03.md ├── Chapter03 │ └── js │ │ ├── myScript_1.js │ │ └── myScript_2.js ├── Chapter04.md ├── Chapter05.md ├── Chapter06.md ├── Chapter07.md ├── Chapter08.md ├── Chapter09.md ├── Chapter10.md ├── Chapter11.md ├── Chapter12.md ├── Chapter13.md ├── Chapter14.md ├── Chapter15.md ├── Chapter16.md ├── Chapter17.md ├── Chapter18.md ├── Chapter18 │ └── json.txt ├── Chapter19.md ├── Chapter20.md ├── README.md ├── ajax.php ├── free_ebook │ └── Readme.md └── json.php └── images ├── Introduction3.png ├── chap01 ├── Architecture_Node_Edit.js.PNG ├── ES5_ES6.PNG ├── ES7_ES8.PNG ├── EasyJavaScript.png ├── Hello_world_Edit.png ├── JavaScriptECMAScript.jpg ├── Javascript_flavors.PNG ├── Quotes.png ├── Table_ES_version.PNG ├── TypeScript.PNG ├── errorOnChome.png ├── helloworld_es6_es7.png ├── howto_open_chrome_edit.png ├── my_book.PNG ├── node.js_es6_es7.png ├── quotes.png ├── run_node.PNG ├── run_with_live-server.png └── webArchitectureEdit.PNG ├── chap02 ├── Introduction_edit1.png ├── hello_word_console.png ├── semicolonForgot2.png └── semicolon_forgot.png ├── chap05 ├── cover_ES7_ES8.png └── test ├── cover.jpg ├── cover_6.PNG ├── cover_big.jpg ├── cover_big3.png ├── cover_big4.png ├── cover_big5.png ├── cover_new.png └── read_book.png /.idea/dictionaries/DELL.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | frist 5 | 6 | 7 | -------------------------------------------------------------------------------- /.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /examples/budget_thailand/fiscal_year_2024.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | The Budget of Thailand 2024 6 | 8 | 9 | 20 | 21 | 22 | 23 |

ผ่างบประมาณของประเทศไทยปี 2567

24 |
25 |
26 |

กำลังโหลดข้อมูล รอสักครู่

27 |
28 | 29 | 30 | 158 |
159 |

โปรดติดตามแฟนเพจ https://www.facebook.com/programmerthai 160 |

161 | 162 | -------------------------------------------------------------------------------- /examples/calendar/README.md: -------------------------------------------------------------------------------- 1 | # Calendar in hex, decimal and binary 2 | 3 | __I borrowed some code from__ 4 | 5 | * http://www.w3schools.com/howto/howto_css_calendar.asp 6 | -------------------------------------------------------------------------------- /examples/calendar/css/calendar.css: -------------------------------------------------------------------------------- 1 | /* 10 | 11 |
12 |
13 |

เป็นตัวอย่างเว็บอย่างง่ายๆ เพื่อแสดงวิธีใช้งาน JavaScript ตามมาตรฐานใหม่ ES6 (ใช้ Babel)

14 |

*** โค้ดนี้ผ่านการลองทดทดสอบบน Firefox, Google เท่านั้นนะครับ

15 |
16 |
17 |
18 |
19 |
20 | เดือน 21 | 22 | ปี ค.ศ. 23 | 24 | ระบบตัวเลข 25 | 30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 |
45 |
46 |

โค้ดตัวอย่างนี้ จะมีปัญหาเวลาเปิดด้วย Google Chrome

47 |

ถ้าเห็นว่าไม่ทำงาน ก็รบกวนดูลิงค์ข้างล่างนี้นะครับ มีวิธีแก้ เวลาเปิดด้วย Google Chrome

48 |

(หัวข้อ Cross-origin resource sharing)

49 |
50 | 51 | 52 | 53 | -------------------------------------------------------------------------------- /examples/calendar/js/addEventToBtn.js: -------------------------------------------------------------------------------- 1 | 2 | let default_year = new Date().getFullYear(); 3 | let default_num_sym = 10; 4 | 5 | let calendar = new MyCalendar("calendar_one"); 6 | calendar.display(); 7 | 8 | let monthList = $('#monthList'); 9 | let yearList = $( "#yearList"); 10 | let systemList = $("#sytemNumList"); 11 | 12 | // set dropdow list for a month 13 | let monthArray = ["มกราคม","กุมภาพันธ์","มีนาคม","เมษายน","พฤษภาคม","มิถุนายน","กรกฎาคม","สิงหาคม","กันยายน","ตุลาคม","พฤศจิกายน","ธันวาคม"]; 14 | for( let i = 0; i', { 17 | value: i, 18 | text: monthArray[i] 19 | })); 20 | } 21 | monthList.change(function() { 22 | calendar.setMonth(this.value); 23 | calendar.display(); 24 | }); 25 | monthList.val(calendar.getDate().getMonth()); 26 | 27 | // set dropdow list for a year 28 | for( let y=1950; y<3000; y++){ 29 | yearList.append($('