ภาษาจาวาสคริปต์ ภาษาที่ชื่อเหมือนจาวาแต่คนะละตัว
ภาษาที่ดูเหมือนง่าย เพราะไวยากรณ์คล้ายภาษา C
แต่ถ้าศึกษาลึกๆ แล้ว
เป็นภาษาที่อินดี้
เข้าใจยากที่สุดภาษาหนึ่งก็ว่าได้
.
ตัวอย่างโค้ดในรูปซ้ายและขวา
หน้าตาเหมือนกัน ต่างกันนิดเดียวเอง
ถ้าเป็นภาษาอื่นก็คงรันได้เหมือนกัน
แหมก็โค้ดหน้าตายังกับแฝดอินจัน
.
แต่สำหรับจาวาสคริปต์ที่เป็นเด็กแนว
มันดันทำงานได้ไม่เหมือนกัน ซะงั้น
เพราะฝั่งซ้ายมือท่านผู้ชมรันไม่ผ่าน เกิด error
แต่ฝั่งขวามือทุกท่าน จะรันผ่านซะงั้น ...ปัดโธ่ ชีวิตรนทดเลย
.
.
สำหรับโค้ด 2 ชุดนี้มันมีรายละเอียดที่ซ้อนอยู่
แบบคาดไม่ถึง (แบบต้องอุทาน อ้าวเฮยมีงี้ด้วยเหรอ)
ต้องเซียนจริง เห็นน่าจะเข้าใจ
.
.
ขอเฉลย
ประโยค return จะมีการใส่ ; ให้อัตโนมัติ
จึงทำให้ประโยคถัดมามันเป็น { 'name': 'Somchai',
'age': 59
}
เจตนาประกาศอ๊อบเจ็กต์
แต่ตัวแปลภาษามันเห็นปีกกาลอยๆ ในบรรทัดหลัง return
เลยผิดไวยากรณ์
.
หมายเหตถ้าเราเพิ่ม
var a = { 'name': 'Somchai',
'age': 59
}
.
ก็จะรันผ่าน ไม่เกิด error
เพราะ getData() รีเทิร์น undefined ออกมา
.
.
.
.
.
สำหรับเงื่อนไขที่จาวาสคริปต์จะใส่ ; ให้อัตโนมัติมีดังนี้
1) เมื่อประโยคคำสั่งถัดไป เป็นคนละประโยคคำสั่ง ก็จะใส่ ; ปิดท้ายให้ หรือ ถ้าประโยคคำสั่งเขียนกระจายแยกหลายบรรทัด มันก็จะรู้และใส่ ; ปิดท้ายให้
2) เมื่อบรรทัดถัดไปเริ่มต้นด้วยเครื่องหมาย } ก็จะใส่ ; ต่อท้ายที่บล็อกใกล้ที่สุด
3) เมื่อสิ้นสุดไฟล์ในซอร์สโค้ด ก็จะใส่ ; ต่อท้ายสุดของไฟล์
4) เมื่อมีประโยคคำสั่ง return ในบรรทัด ก็จะใส่ ; ต่อท้ายให้
5) เมื่อมีประโยคคำสั่ง break ในบรรทัด ก็จะใส่ ; ต่อท้ายให้
6) เมื่อมีประโยคคำสั่ง throw ในบรรทัด ก็จะใส่ ; ต่อท้ายให้
7) เมื่อมีประโยคคำสั่ง continue ในบรรทัด ก็จะใส่ ; ต่อท้ายให้
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
📢 <ข่าวประชาสัมพันธ์/>
สำหรับหนังสือ JavaScript
ในตำนานเล่มตามลิงก์นี้ 👇
📘 https://www.se-ed.com/product/พัฒนาเว็บแอปพลิเคชั่นด้วย-JavaScript.aspx?no=9786160825394
.
ถ้าไปดูหน้าเว็บตอนนี้สินค้าหมดแล้ว
เนื่องจากพิมพ์มาจะ 5 ปีแล้วซินะ
จนตอนนี้ก็เหมือนคนแก่ ใกล้จะอำลาโลกนี้
เพราะใกล้หมดสต๊อกในแผงขายหนังสือเต็มทน
และทางซีเอ็ดไม่มีแผนจะตีพิมพ์ซ้ำอีกแล้ว (เศร้าใจจังเลย) 😭😰
.
.
แต่ก็ยังมีสินค้าเหลืออยู่ตามสาขาต่างๆ
สามารถคลิกไปสำรวจดูในแต่ละสาขา
แล้วไปซื้อที่สาขานั้นๆ ไม่ต้องผ่านเว็บ
(แต่เหลือน้อยเเต็มทน)
.
ด้วยเหตุนี้ผู้เขียนจึงรีบทำคลอดเล่มใหม่ ชื่อว่า
📕 "เสียดายไม่ได้อ่าน JavaScript"
.
แท้จริงแล้ว คือร่างกลับชาติมาเกิดใหม่
ของเล่มตำนานดังกล่าว
รีแบรนด์เปลี่ยนชื่อ
เปลี่ยนเนื้อหาข้างใน จากขาวดำ
ให้กลายเป็นมีสีสัน ดูดีมีชีวิตชีวา
พร้อมยัดอาหารสมอง เพิ่มเนื้อหา
แล้วก็อัปเดตยกเครื่องใหม่
.
แต่เนื่องจากถ้าอัปเดตใหม่หมดทั้งเล่ม
ผู้เขียนคงไม่มีเวลาว่างมากพอ
(เขียนไม่ทันพูดกันตรงๆ)
และคิดว่าอีกนานกว่าหลายชาติภพจะแล้วเสร็จ
.
จึงไม่อยากให้ผู้อ่านอดเสพความรู้ใหม่ๆ
เลยรีบทำคลอดให้กลับชาติมาเกิดใหม่ดีกว่า
โดยจำหน่ายเป็นทางอีบุ๊คก่อน
(ยังไม่มีเล่มกระดาษในตอนนี้ รอไปก่อน)
.
แล้วตัดสินใจปล่อยเนื้อหาออกมาเท่านี้ก่อน
เบื้องต้นก็เด็กๆ เอง
ก็แค่ 620 หน้า (≈ 142,638 คำ)
เดี๋ยวค่อยมาปรับปรุงหนังสือภายหลังทางอีบุ๊ค
เพราะมันอัปเดตง่ายดี
.
ให้นึกถึงซื้อโปรแกรมมา
แล้วสามารถอัปเดตเวอร์ชั่นประมาณนั้นแหละ
เล่มอีบุ๊คนี้ก็เช่นกัน อัปเดตให้ครับ
.
ดังนั้นๆ ถ้าเพื่อนๆ อุดหนุนกันแล้ว
อย่าลืมกดซิงก์ เนื้อหาล่าสุดด้วยละ
จะได้อ่านอะไรใหม่ๆ สดๆ อยู่เสมอ
สามารถอัปเดตหนังสือได้ฟรี ไม่เสียเงินแต่ประการใด
.
.
ต้องบอกอย่างนี้ว่า
ในแวดวงการเขียนโปรแกรม ภาษาอย่าง JavaScript
บางคนอาจสับสนกับภาษา Java ชื่อคล้ายกันก็จริงแต่คนละภาษา
ไม่ต่างกับ เมืองไทยประกันชีวิต กับ ไทยประกันชีวิต
ที่บางคนอาจหลงเข้าใจผิดมานานหลายปี
ว่าคือบริษัทเดียวกัน (จริงๆ แล้วไม่ใช่เลย)
.
ไม่เพียงเท่านั้นบางคนอาจคิดว่า ภาษา JavaScript
ทำงานแค่ฝั่ง front-end หรือฝั่งเว็บบราวเซอร์เท่านั้น
(ทำงานควบคู่กับภาษา HTML, CSS)
.
แต่เอาเข้าจริงๆ แล้ว จักรวาลของภาษานี้มันกว้างใหญ่มาก
- เพราะปัจจุบันสามารถนำไปเขียนโปรแกรมฝั่ง back-end ก็ได้ (เช่น ใช้ Node.js รัน JavaScript โดยปราศจากเว็บบราวเซอร์)
- หรือจะนำไปเขียนแอพฯ บนมือถือ (ใช้งานร่วมกับ HTML, CSS)
- หรือจะนำไปใช้งาน Robotics และ IoT (Internet of Things) ก็ได้
- หรือใช้เขียน AI (ปัญญาประดิษฐ์)
- และใช้ทำอย่างอื่น (ตอนนี้ยังนึกไม่ออก)
.
เมื่อดูโครงสร้างของ JavaScript ดูเหมือนจะง่ายนะ
แต่ก็แฝงไว้ด้วยความอินดี้ และลึกลับซ้อนเร้น
จนคนไม่เข้าใจมันมากที่สุด ภาษาหนึ่งในโลกก็ว่าได้
...ประมาณเขียนเสร็จแล้วทิ้งไว้เป็นเดือน พอกลับมาอ่านโค้ดตัวเอง งงว่าฉันเขียนอะไรลงไป
.
ยิ่งถ้าพูดถึงมาตรฐานจาวาสคริปต์ ES6 (ECMAScript 2015)
ที่ออกมาเมื่อปี 2015 ถือว่าเปลี่ยนแปลงครั้งยิ่งใหญ่ในประวัติศาสตร์ของภาษานี้ก็ว่าได้
.
และยังเป็นรากฐานต่อยอดไปศึกษาเฟรมเวิร์ค/ไลบรารี่ ของภาษาตระกูล JavaScript หลายตัว
อาทิ Angular, React, Vue เป็นต้น
ก็สามารถทำได้ง่ายแหละ
.
ปัจจุบัน JavaScript มันก็ออกมาตรฐานใหม่มาเรื่อย ๆ ให้คนหายคิดถึง ดังนี้ (หรืออาจบ่นว่าออกมาทำไมถี่จัง!!)
-ES7 (ECMAScript 2016) ออกมาเมือปี 2016
-ES8 (ECMAScript 2017) ออกมาเมือปี 2017
-ES9 (ECMAScript 2018) ออกมาเมือปี 2018
-ES10 (ECMAScript 2019) ออกมาเมือปี 2019
-ES11 (ECMAScript 2020) ออกมาเมือปี 2020
-ES12 (ECMAScript 2021) ออกมาเมือปี 2021
.
เมือถึงตอนนี้ ไม่ต้องซีเรียสนะครับ ว่าจะเรียนรู้ JavaScript ไม่ทัน
เพราะเวอร์ชั่นหลัง มันอัปเกรตทีละเล็กทีละน้อย
แต่ ES6 คือจุดเปลี่ยนสำคัญ
ถ้าเริ่มศึกษาจาวาสคริปต์ยุคใหม่ก็เริ่มตั้งแต่ ES6 ขึ้นไปเลย
เอาเป็นว่าหัวใจหลักของภาษานี้ยุคใหม่ ขอขีดเส้นใต้ไว้ตรงนี้ว่า
คือมาตรฐาน ES6 ใช้หางาน หาเงินได้จริงในยุคนี้
.
ขอบอกก่อน เนื้อหา ES6 มันเยอะมากๆๆๆ
ถ้าใครเคยเรียน JavaScript แบบเก่าอาจรู้สึกว่า ช่างไม่คุ้นเคยกับมาตรฐานใหม่เสียจริง
... จนรู้สึกว่าสิ่งที่เคยศึกษามาใน JavaScript แบบเดิมมา มันหมดอายุไปแล้ว
... อารมณ์ ES6 เป็นเหมือนซุปเปอร์เซตของ ES5 (มาตรฐานตัวเก่า) อีกที
(ถ้าใครดูการ์ตูนดราก้อนบอล ก็ให้คิดว่า ES6 มันคือร่างซุปเปอร์ไซย่าแล้วกันนะ)
.
ผู้เขียนเลยรังสรรค์สร้างผลงาน
เป็นหนังสือ "เสียดายไม่ได้อ่าน JavaScript"
เนื้อหาเล่มนี้หนักไปทาง JavaScript ล้วนๆ
จะไม่กล่าวถึง HTML, CSS เท่าไรนัก
หากใครซื้อไป หมายมั่นว่าจะเอาไปดูตัวอย่างเขียนเว็บไซต์
อาจผิดหวังนิดหนึ่ง
...เพราะเล่มนี้เน้นที่ไวยากรณ์ของ ES6 ขึ้นไป เป็นหลัก
.
+++++หนังสือเล่มนี้เหมาะกับใคร ++++++++.
1) คนที่เขียนเว็บอยู่แล้วด้วยภาษา HTML, CSS, JavaScript
2) คนที่ใช้ภาษา JavaScript ฝั่ง back-end รันโดยไม่ง้อเว็บบราเซอร์
3) คนที่ใช้เฟรมเวิร์ค/ไลบรารี่ ของภาษา JavaScript เช่น Angular, React, Vue เป็นต้น
4) คนที่ใช้ HTML, CSS, JavaScript เขียนแอพบนมือถือ
5) คนที่สนใจนำ JavaScript ไปใช้งาน Robotics และ IoT (Internet of Things)
6) คนที่น่าตาดี และชอบซื้อเอาไปนอนหนุน ...เฮยไม่ช่าย แซวเล่นครับ เหมาะกับคนที่เรียนด้านคอมฯ หรือสนใจเขียนโปรแกรมทุกท่าน
.
ตอนนี้ยังไม่มีเล่มกระดาษขาย
อ่านเป็นแบบ ebook อย่างเดียว
(ไม่มี pdf แจก ปรินต์ออกมาไม่ได้)
.
สั่งซื้อได้ที่ลิงก์นี้
👉 https://www.mebmarket.com/web/index.php?action=BookDetails&data=YToyOntzOjc6InVzZXJfaWQiO3M6NzoiMTcyNTQ4MyI7czo3OiJib29rX2lkIjtzOjY6IjE1Njg1NCI7fQ
.
ตัวอย่างหนังสือ
https://drive.google.com/file/d/1Nu6DUFf0q1TPXXnp8KEyXliLS7QGPM2_/view
.
+++++ ราคา ++++++++
ถ้าซื้อผ่าน Web,Android ราคาปกติ 295 บาท
ถ้าซื้อผ่าน Apple ราคาปกติ $10.99(฿329)
.
วิธีการซื้อ
1) สมัครเป็นสมาชิกเว็บ www.mebmarket.com ก่อน
2) ดาวน์โหลดแอพของ meb ค้นหาชื่อ meb นี้แหละ
(ถ้าจะอ่านบน desktop ก็ดาวน์โหลดโปรแกรมาก่อน)
3) แล้วสั่งซื้อ โอนเงินก็ตามรายละเอียดที่เว็บแนะนำครับผม
4) จากนั้นก็ใช้โปรแกรม หรือแอพของ meb เปิดอ่านหนังสือครับผม
5) ถ้ามีปัญหาติดต่อทางทีม support@mebmarket.com เขาจะให้คำตอบคำผม
(พอดีฝากขายที่นี้ด้านเทคนิคพวกนี้ผมจะไม่รู้ครับ)
.
ถ้าเพื่อนๆ ที่อ่านหนังสือผ่านระบบ iOS
เวลาจะชำระเงิน ไม่ควรจ่ายผ่านบัตร
เพราะจะซื้อหนังสือแพงขึ้นครับ
.
แนะนำให้ชำระเงิน
- โดยให้เปิดเว็บ https://www.mebmarket.com
- แล้ว login ด้วย username เดียวกับที่เราใช้ใน app บน iOS
- หลังจากนั้นก็เลือกซื้อหนังสือปกติ
.
ซื้อเสร็จแล้วมันจะไปโผล่ใน app บน iOS
จากนั้นเพื่อนสามารถเข้าใช้งานด้วย username และ password อันเดียวกันกับหน้าเว็บเลยครับ
จะซื้อได้ในราคาที่เห็นตามเว็บนี้ (ไม่แพง)
.
.
สำหรับวิธีอ่านอีบุ๊กเล่มนี้
ก็ต้องเลือกโปรแกรม/แอพ ให้เหมาะกับระบบที่เราใช้อยู่
วิธีอ่านอีบุ๊กก็ตามลิงก์ต่อไปนี้
https://docs.google.com/document/d/e/2PACX-1vSI4hZgymHgbqhX3CA6anA_18wRy-iXU9oIlupUr-KwAWvJyxI9zdLrJcPUW77xz8lbvRFfW10747Oe/pub
.
✍ เขียนโดย โปรแกรมเมอร์ไทย thai programmer
「css break」的推薦目錄:
- 關於css break 在 โปรแกรมเมอร์ไทย Thai programmer Facebook 的最佳解答
- 關於css break 在 紀老師程式教學網 Facebook 的最佳解答
- 關於css break 在 Kirarista Facebook 的精選貼文
- 關於css break 在 How to line-break from css, without using
? 的評價 - 關於css break 在 The word-break property in CSS - use this to handle text ... 的評價
- 關於css break 在 mitsuruog/css-word-break-checker - GitHub 的評價
- 關於css break 在 break-after · WebPlatform Docs 的評價
css break 在 紀老師程式教學網 Facebook 的最佳解答
[WebTech #82] JavaScript 大補帖!一篇搞定 JavaScript!
這篇大概是今天唯一會分享的一篇了...別誤會!我沒有偷懶!關於 JavaScript,我一樣收集了大約 80 幾篇國內外文章打算分享的!但是昨天晚上,不小心找到我現在要分享的這篇,一頁就刊出 89 篇影音教學!而且主題包括「JavaScript 入門」、「JavaScript 物件」、「AJAX」、「DOM」、「jQuery」。把我要分享的主題全包括了!而且還追加「用 JavaScript 做 App」、「JavaScript 設計模式」等幾個額外的主題。
我倒抽一口涼氣,心想:「這篇貼出去我還混什麼啊?」於是我的心情就在「照原定計畫刊出 80 幾篇、以彰顯小弟的努力跟多賺幾個讚」,還是「貼出這一篇、頂著可能被別人罵偷懶、但對大家有幫助」之間搖擺不定。最後...我決定還是以讀者能夠理解為最優先!虛榮心什麼的去吃 X 吧... XD。
原文是台灣的一位網友,依照 w3schools.com (我前幾天分享 CSS 時也有引用他們的文章)的大綱,以台灣方面電腦用語(如:Object=物件,而非「對象」。Memory=記憶體,而非「內存」)錄製而成的影音教學。考量到本粉絲頁還是以台灣網友佔多數,中國、香港、新加坡、馬來西亞的網友,如果您們不習慣台灣這邊的用語就抱歉了!我會提供英文原文給您們參考的!
接下來,就讓我隆重介紹今天唯一一篇、也最補的一篇:JavaScript 教學大補帖!連結與大綱如下,想學會的朋友一定要耐心看完喔:
台灣網友影音版:
http://ithelp.ithome.com.tw/question/10098361
w3schools.com 英文原文(無影片):
http://www.w3schools.com/js/
JavaScript 教學 1:簡介
JavaScript 教學 2:環境
JavaScript 教學 3:變數
JavaScript 教學 4:運算子
JavaScript 教學 5:邏輯
JavaScript 教學 6:If...Else
JavaScript 教學 7:Switch
JavaScript 教學 8:彈出式對話框
JavaScript 教學 9:函數
JavaScript 教學 10:for 迴圈
JavaScript 教學 11:while 迴圈
JavaScript 教學 12:for each 迴圈
JavaScript 教學 13:break/continue
JavaScript 教學 14:事件
JavaScript 教學 15:Exception
JavaScript 教學 16:自定義錯誤
JavaScript 教學 17:特殊字元
JavaScript 教學 18:物件
JavaScript 教學 19:字串
JavaScript 教學 20:日期
JavaScript 教學 21:陣列
JavaScript 教學 22:布林
JavaScript 教學 23:數學
JavaScript 教學 24:正規式
JavaScript 教學 25:Browser 物件
JavaScript 教學 26:Cookie
JavaScript 教學 27:setInterval
JavaScript 教學 28~30:AJAX
JavaScript 教學 31~33:DOM
JavaScript 教學 34~42:jQuery
JavaScript 教學 43:JSON
JavaScript 教學 44~55:App 實作
JavaScript 教學 56﹣85:JS 三十參
JavaScript 教學 86:JSFiddle
JavaScript 教學 87~89:設計模式
css break 在 Kirarista Facebook 的精選貼文
ตอนนี้ที่บริษัทที่แป้งทำอยู่กำลังหา Web Developer ด่วนอยู่จ้า รายละเอียดตามด้านล่างนี้นะคะ ใครสนใจ inbox มาสอบถามแป้งได้ค่ะ เผื่อได้ทำงานร่วมกันนะคะ
Qualifications:
- Male / Female, Thai nationality.
- Age not over 28 years old.
- At least 1 years working experience in Website related fields.
- Strong knowledge of HTML, CSS, JavaScript, PHP, ASP.NET
- Good knowledge of Adobe Photoshop
- Good sense in Designing and Coloring
- Good personality and Good interpersonal skills.
- Japanese Skill will be advantageous
Workplace:
Silom Complex Building, located in the center of Bangkok close to BTS, MRT and Department store.
Employment Condition
Working Time : Mon - Fri 09:00 - 18:00 (lunch break 1 hour)
Contract Employment (renew every 6 months)
css break 在 The word-break property in CSS - use this to handle text ... 的推薦與評價
In this video we're going to take a look at the "word- break " property in CSS. It's used to handle cases where text overflows it's container ... ... <看更多>
css break 在 mitsuruog/css-word-break-checker - GitHub 的推薦與評價
GitHub - mitsuruog/css-word-break-checker: A chrome extensions that it makes it easy to see where the word-break is wrong by replacing the text on the web ... ... <看更多>
css break 在 How to line-break from css, without using <br />? 的推薦與評價
... <看更多>
相關內容