One doc tagged with "js"

ใน JavaScript มี built in array methods ที่มีประโยชน์หลายตัวเลยครับ

ถ้ามองในเชิงการเขียนโปรแกรม Array ก็เป็นเหมือนกล่อง ที่มีไว้เก็บตัวแปรหลาย ๆ ตัวให้อยู่ด้วยกัน เพื่อความเข้าใจง่ายและความสะดวกในการใช้งานนั่นเองครับ

Async/Await เป็นฟีเจอร์ที่จะช่วยให้เราสามารถเขียนโค้ดได้เหมือน synchronous

JavaScript เป็นภาษาที่กำเนิดขึ้นมาเพื่อใช้ในการอัพเดตหน้าเว็บให้ลื่นไหล ไม่ติดขัด ทำให้มีธรรมชาติการทำงานที่ทำงานหลายอย่างได้โดยไม่ต้องรองานก่อนหน้าเสร็จก่อนนั่นเองครับ

เป็นวิธีการเข้าถึง property ด้วยการใช้ square bracket หรือ วงเล็บก้ามปู ตามด้วยการใส่ชื่อ property ที่ต้องการครับ

Callback เป็นฟังก์ชันที่จะถูกเรียกหลังอีกฟังก์ชันหนึ่งทำงานเสร็จ

component เป็นชิ้นส่วน ui ชิ้นนึงที่สามารถนำไป reuse ได้ โดยอาจจะมีขนาดเล็กมาก ๆ หรือใหญ่มากก็ได้เช่นกัน

Object Destructuring เป็นฟีเจอร์ที่ทำให้เราสร้างตัวแปรจาก key ของ object ได้

ไม่ว่าจะถูกนำไปพิจารณาค่าความจริงที่ไหน ก็จะให้ค่าเป็น false เสมอ

Function เป็นชุดคำสั่งหนึ่ง ที่ทำงานและจะได้ผลลัพธ์เหมือนเดิมเสมอโดยขึ้นอยู่กับค่าที่ใส่เข้าไป

มาเริ่มต้นศึกษา JavaScript, React และ Next.js กันครับ

ใน JavaScript เราสามารถกำหนดให้โค้ดของเราทำงานในเงื่อนไขต่าง ๆ ได้ครับ

JSX หรือ JavaScript Syntax eXtension จะช่วยให้เราสามารถเขียน HTML ลงใน JavaScript ได้เลยครับ

ค่า nullish มี 2 ค่าเท่านั้น ประกอบไปด้วย null และ undefined

Object เป็นรูปแบบของข้อมูลที่มีลักษณะเป็น key-value คล้ายกับเวลาเราเปิด dictionary หาคำว่า cat ที่แปลว่าแมว กลับกันถ้ามองในรูปแบบของ object ก็จะมี key เป็น cat และมี value ว่าแมวนั่นเอง

Promise เป็น object พิเศษที่เก็บการทำงานแบบ asynchronous ไว้

Props ย่อมากจาก properties เป็นตัวแปรที่รับค่ามาจาก Parent Component เมื่อ Props เปลี่ยนแปลง Component จะเกิดการ Re-render และแสดงผลด้วย Props ล่าสุดครับ

React.js หรือ React เป็น JavaScript Library ที่จะช่วยให้เราสามารถสร้าง User Interface ด้วย JavaScript หรือ TypeScript ได้

ถ้ามีคนถามถึงสุดยอด feature เอนกประสงค์ และสารพัดประโยชน์สุด ๆ ของ JavaScript ผมคงนึกถึงอย่างอื่นไปไม่ได้ นอกจาก Spread Operator

Props ย่อมากจาก properties เป็นตัวแปรที่รับค่ามาจาก Parent Component เมื่อ Props เปลี่ยนแปลง Component จะเกิดการ Re-render และแสดงผลด้วย Props ล่าสุดครับ

นอกจากการใช้ If/Else แล้ว ใน JavaScript เรายังสามารถใช้ Switch เพื่อสร้างเงื่อนไขการทำงานของโค้ดได้ครับ

วันนี้ผมมีตัวช่วยให้การต่อ string ง่ายขึ้นกว่าเดิมมาฝากกันครับ นั่นคือ Template Literals นั่นเอง

Ternary Operator ถ้าพูดง่าย ๆ ก็คือการเขียน If/Else แบบสั้น ๆ เพื่อความสะดวกในการใช้งานนั่นเองครับ

ถ้าให้พูดง่าย ๆ ตัวแปรเปรียบเสมือนคน ๆ นึงที่จำค่าอะไรบางอย่างให้เรา โดยที่เราเป็นคนกำหนดว่าจะให้เค้าจำอะไรบ้าง สำหรับการเขียนโปรแกรม ตัวแปรเป็นสิ่งที่สำคัญมาก เนื่องจากเราจำเป็นต้องคำนวณค่าต่าง ๆ หลายค่า

วันนี้เราจะเริ่มต้นสร้างโปรเจ็ค react แบบง่าย ๆ ด้วย vite กันครับ