Rest API (ผ่าน Express และ Node.js) | Web development 101 - EP. 9

Поделиться
HTML-код
  • Опубликовано: 5 июл 2024
  • ☕️ สนับสนุนช่องเราด้วยการสมัครสมาชิกช่องทางนี้ได้เลย
    / @mikelopster
    สวัสดีสู่ตอนที่ 9 ของซีรีย์ web development 101 ตอนนี้เราจะเริ่มเข้าสู่การทำ API ส่วนที่ทำให้ฝั่ง Frontend สามารถส่งข้อมูลกลับมาผ่านช่องทาง Backend ได้ ซึ่งเป็น part แยกส่วนสุดท้ายก่อนที่เราจะนำของทั้งหมดมาประกอบกัน
    หัวข้อ
    00:00 แนะนำ Rest API (request, response)
    02:59 ลง Express
    03:50 แนะนำ Postman (สำหรับทดสอบยิง API)
    05:35 เริ่มต้นใช้งาน Express (เพิ่ม get 1 path และ http server)
    08:56 ทดสอบ response ออกมาเป็น JSON
    10:29 ลง nodemon (เครื่องมือที่ทำให้ไม่ต้อง run node ใหม่ทุกรอบที่แก้ไข)
    13:15 ขยายความ Rest API method (GET / POST / PUT / PATCH / DELETE)
    14:54 เริ่ม POST method
    24:13 เริ่ม PUT method
    35:40 เริ่ม PATCH method
    38:30 เริ่ม DELETE method
    43:10 Workshop (ทำ API 5 path /users เพื่อใช้กับฝั่ง Frontend)
    51:02 สรุปเราทำอะไรกันไปบ้าง และจะทำอะไรต่อ
    สำหรับใครอยาก follow ตามเอกสาร สามารถเข้ามาอ่านกันได้เล้ยที่นี่
    docs.mikelopster.dev/c/web101...
    ใครมีข้อสงสัยเพิ่มเติม มาพูดคุยแลกเปลี่ยนความรู้กันได้ที่
    Facebook page: / mikelopster.dev
    Website: mikelopster.dev
  • НаукаНаука

Комментарии • 18

  • @yahalooo3064
    @yahalooo3064 3 месяца назад

    สอนดีมากๆครับ เหนภาพสุดๆ กำลังทยอยดูครับผม
    ตามกันยาวๆ ^ - ^

  • @user-rv2cr6do8r
    @user-rv2cr6do8r 3 месяца назад

    สอนได้ดีมากๆครับ

  • @chanakanamornpatchara9090
    @chanakanamornpatchara9090 4 месяца назад

    สอนดีมากครับ

  • @corazon.2524
    @corazon.2524 7 месяцев назад +1

    สอนดีนะแต่เสียดายสอนเร็วไปนิด1ถึงจะย้อนกลับมาดูได้แต่มันก็ค่อนข้างงงอยู่ดี😅

  • @doubleBottomChart
    @doubleBottomChart 10 месяцев назад +4

    เรื่องเหล่านี้มีคนสอนเยอะมาก สิ่งที่คนสอนน้อยคือการรักษาความปลอดภัยยังไง การจำกัดสิทธิ์การเข้าถึงอย่างไร

    • @mikelopster
      @mikelopster  10 месяцев назад +4

      ขอบคุณสำหรับข้อมูลนะครับ ผมเก็บเอาไว้ทำแน่นอน เพราะเป็นสิ่งที่สำคัญมากก่อนขึ้นงาน Production จริงด้วยครับ 👍

    • @doubleBottomChart
      @doubleBottomChart 10 месяцев назад +1

      @@mikelopster ติดตามยาวๆเลยแบบนี้ 😘

    • @mikelopster
      @mikelopster  10 месяцев назад +1

      ได้เลย เรามีอะไรสนุกๆมาเรื่อยๆแน่นอล 😆

  • @panachaiboonyoo1553
    @panachaiboonyoo1553 7 месяцев назад

    nice

  • @kongtrumpet1749
    @kongtrumpet1749 10 месяцев назад +2

    อยากให้ทำคลิปอธิบายประเภทต่างที่พูดถึงตอน 53:16 หน่อยครับ

    • @mikelopster
      @mikelopster  10 месяцев назад

      ได้เลย 😆

  • @manytechlive
    @manytechlive 9 месяцев назад +1

    ฉันมาไกล ตามต่อไป

    • @mikelopster
      @mikelopster  9 месяцев назад

      ลุยต่อครับ one piece อยู่อีกไม่ไกลครับ 😆

  • @fiamietalent6118
    @fiamietalent6118 4 месяца назад +1

    อยากให้สอน Angular ด้วยได้ไหมครับ❤

    • @mikelopster
      @mikelopster  4 месяца назад +1

      ขอเก็บไว้ใน checklist ก่อนน้า 😁

    • @fiamietalent6118
      @fiamietalent6118 4 месяца назад

      @@mikelopster ขอบคุณล่วงหน้าเลยครับบบบ 😁

  • @BBuild911
    @BBuild911 4 месяца назад

    Postman เหมือน thunder client มั้ยครับ

    • @mikelopster
      @mikelopster  4 месяца назад

      ผมว่าจุดประสงค์เหมือนๆกันน้า ถ้าถนัด thunder client ก็ใช้เป็นตัวหลักได้เช่นกันนะครับ
      postman มันจะมีพวก feature ที่เก็บคู่กับ account เพิ่มขึ้นมาเฉยๆที่จะสะดวกตอน backup request / response จากการส่งเราไว้ได้ครับ 😁