รู้จักกับ Typescript และ OOP

Поделиться
HTML-код
  • Опубликовано: 9 июл 2024
  • ☕️ สนับสนุนช่องเราด้วยการสมัครสมาชิกช่องทางนี้ได้เลย
    / @mikelopster
    ฟังไมค์สัปดาห์นี้ เราจะมาพูดหนึ่งในหัวข้อที่เป็นพื้นฐานสำคัญของการเขียนโปรแกรม นั่นคือการเขียนโปรแกรมเชิงวัตถุ (Object Oriented Programming หรือตัวย่อ OOP) ว่ามันคืออะไร มีความสำคัญอย่างไรกับโลกของ Programming บ้าง โดยจะพาแนะนำผ่านภาษา Programming ที่ถือว่ามีผู้ใช้เป็นอันดับต้นๆของโลกอย่าง "Typescript" กัน
    โดยในหัวข้อนี้ จะครอบคลุมส่วนหนึ่งของ Typescript และ หัวข้อ OOP ทั้ง 4 คุณสมบัติคือ Encapsulation (ห่อหุ้ม), Abstraction (นามธรรม), Inheritance (สืบทอด), Polymorphism (พ้องรูป) กัน ถ้าพร้อมเรียน lecture วันนี้แล้ว มาลองฟังกันได้ในฟังไมค์นะครับ 😁
    หัวข้อ
    00:00 แนะนำ Session
    01:08 แนะนำ OOP ว่ามันคืออะไร
    05:24 4 เสาหลักของ OOP
    07:23 เล่า concept ภาพรวม OOP ผ่านตัวอย่าง Class Diagram
    11:11 แนะนำ Typescript
    14:24 การประกาศ​ Class ระหว่าง Javascript และ Typescript
    17:20 ทำไมเราถึงพูดถึง Typescript ในหัวข้อนี้
    19:19 คุณสมบัติที่ 1 Encapsulation
    24:03 คุณสมบัติที่ 2 Abstraction
    30:18 คุณสมบัติที่ 3 Inheritance
    35:52 คุณสมบัติที่ 4 Polymorphism
    37:59 ความแตกต่างระหว่าง Abstraction และ Polymorphism
    40:57 สรุปเนื้อหาทั้งหมด และ เราจำเป็นต้องรู้ OOP ไหม ?
    ใครมีข้อสงสัยเพิ่มเติม มาพูดคุยแลกเปลี่ยนความรู้กันได้ที่
    Facebook page: / mikelopster.dev
    Website: mikelopster.dev
    พิกัดของด้านหลัง : shope.ee/8A54c8cfkf
  • НаукаНаука

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

  • @TalkToThree
    @TalkToThree 6 месяцев назад +3

    ผมให้เป็นโน 1 ช่องสอนภาษาไทยไปแล้วครับ รู้สึกเหมือนเพื่อนมานั่งคุยให้ฟัง 55555

  • @mos_shr
    @mos_shr 7 месяцев назад +1

    อีกหนึ่งคลิปคุณภาพแน่นๆ ไม่เคยผิดหวังกับช่องนี้

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

    ขอบคุณมาก ๆ ครับ

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

    VDO คุณภาพพพพพพพอีกแล๊ววววววววว ❤❤

  • @user-bj4ko5yq9o
    @user-bj4ko5yq9o 7 месяцев назад

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

  • @marueemi4007
    @marueemi4007 Месяц назад +1

    สอนดีมากครับ เข้าใจง่ายมาก

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

    อธิบายดีมากเลยค่าา ช่องคุณภาพเลยย ขอบคุณสำหรับคอนเท้นดีๆค่ะ

  • @nattaponjaisom7381
    @nattaponjaisom7381 6 месяцев назад

    อธิบายได้ดีมากเลยครับ

  • @hamalsaha9080
    @hamalsaha9080 6 месяцев назад

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

  • @cyp-channel
    @cyp-channel 6 месяцев назад

    คลิปดีมาก😊

  • @panumassaewong8224
    @panumassaewong8224 7 месяцев назад +1

    จัดว่าเป็นช่องคุณภาพช่องนึงเลยครับ ขอบคุณสำหรับความรู้ดีๆครับ

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

    กราบขอบพระคุณอย่างสุดซึ้งครับ

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

    สุดยอดมากครับ

  • @DT-ho3vz
    @DT-ho3vz 7 месяцев назад +1

    ผมต้องปรับความเร็วให้เหลือ 0.75 สอนดีมากครับ

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

    ขอบคุณครับ บางอ้อเลย Polymorphism อ้อออออ แบบนี้นี่เอง

  • @wachirawitsihawong4072
    @wachirawitsihawong4072 7 месяцев назад +2

    ชอบมากครับ เข้าใจง่ายมากเลยยขอบตุณสำหรับความรู้นะครับบ content แนวพาใช้พวก react, framework ต่างๆ มีให้เห็นเยอะแล้ว น้อยมากที่จะอธิบายเรื่องแนวคิดการออกแบบ soft ware คลิปนี้ ผมรอฟังเรื่อง design pattern แต่ละแบบนะครับบบ 🤣🤣🤣 41:52

    • @mikelopster
      @mikelopster  6 месяцев назад +2

      ได้เลย design pattern หลายๆตัวนี่ปวดหัวกว่า OOP เยอะเลยนะ 😂

  • @Mt-ls8zl
    @Mt-ls8zl 7 месяцев назад

    พี่ขยันมั่กๆ เราก้ขยันดู😂

  • @Go-oc5iv
    @Go-oc5iv 3 месяца назад

    คอนเทนต์ดีมากครับไม่คิดว่าจะเจอคอนเทนต์ที่ดีแบบนี้ ติดตามครับ

  • @vittawatyongyingyuen2694
    @vittawatyongyingyuen2694 7 месяцев назад +5

    อธิบายดีมากเลยครับพี่ รอบหน้าขอ Functional Programming ได้ไหมครับ

    • @mikelopster
      @mikelopster  7 месяцев назад +6

      มี OOP มันก็ต้องมี Functional อยู่แล้น 😆

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

      รอคอยเลยครับ@@mikelopster

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

    ตอนเรียนเป็น java สมองโล่ง ๆ เลยกว่าจะพอนึกภาพออกคือมาหัดเขียน android java จขช. เก่งมากครับ

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

      ถ้าอยากอินกับเรื่องนี้ให้ถึงจุดสูงสุด java นี่แหละครับ ต้นแบบของเรื่องราวดีๆนี้เลย 😁

  • @aiyaruchphengthong2956
    @aiyaruchphengthong2956 7 месяцев назад +2

    เป็นคลิปที่ดีมากครับ อยากให้ช่วยอธิบายในส่วนของ Functional Programing ด้วยจังเลยครับ

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

      Functional Programming เดี๋ยวมีตามมาแน่นอนครับ มี JS ไม่มี Functional ไม่ได้ครับ 😂

  • @Suthinan.p
    @Suthinan.p 7 месяцев назад

    แนะนำการรับงาน Freelance หน่อยครับ หรือการทำ product จริงๆต้องรู้อะไรบ้างครับ ติดตามทุกคลิปครับ

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

      ถ้าเป็น Freelance แนะนำให้ Focus ที่โจทย์ครับ ว่า เรามีความสามารถในการสร้าง Product ชิ้นตามโจทย์นั้นได้แล้วหรือยัง เช่น E Commerce / Landing page / CMS / POS (หยิบ technology ที่ถนัดตอนนี้แล้วลองลุยครับ)
      ถ้าได้แล้ว ที่เหลือก็เป็นศึกษาเพิ่มเติมเพื่อให้ทำ product ได้ไวและดีขึ้นครับ แนะนำเดินทางตาม Guideline ของ Roadmap ในช่องเราได้เหมือนกันนะครับ 😁

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

    ช่องดีมีคุณภาพมากเลยครับ ติดตามสักพักแล้ว ถึงยังไม่ค่อยมีเวลาดูอะไรมาก 55555
    สอบถามครับ ไม่มั่นใจว่าเคยพูดถึงเรื่อง workflow การทำงานจริงบ้างรึยังครับ
    พอดีไปสัมงานมา เขาบอกผมว่ายังไม่มีประสบการณ์ทำงานที่เป็น production
    เลยอยากศึกษาเพิ่มเติมครับ 🥺🥺

    • @mikelopster
      @mikelopster  6 месяцев назад +2

      ยังเลย แต่ตั้งใจว่าจะมีแน่นอนครับ 😁

    • @catorangefat
      @catorangefat 6 месяцев назад

      @@mikelopster ขอบคุณครับบ ตอนนี้รู้สึกแอบท้อมากก พอดีผมเปลี่ยนสายงานมา ศึกษามา 8 เดือนแล้ว
      ตอนเริ่มสมัครงานดีใจมากก มี บ. เรียกสัมประมาณ 3-4 ที่ แต่ไม่ได้สักที่เลย
      ช่วงนี้เลยพยายามเพิ่มทักษะไปเรื่อยๆ
      สอบถามครับผม สำหรับ frontend developer เราควรเรียน node.js ไว้บ้างไหมครับ

  • @boynakub0027
    @boynakub0027 6 месяцев назад

    สวัสดีครับ คุณไม้ค

  • @user-qg3oz4ny8h
    @user-qg3oz4ny8h 7 месяцев назад

    ❤❤❤

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

    ❤❤❤❤

  • @rinabluuer
    @rinabluuer 6 месяцев назад

    อิจฉาเด็กสมัยนี้เลยค่ะ มีคนทำคอนเท้นให้เข้าใจง่ายๆ ตัดมาที่เราตอนเรียนคือเรียนแบบอมทุกข์ 55555

    • @mikelopster
      @mikelopster  6 месяцев назад +2

      ตอนผมเริ่มเขียนโปรแกรมนี่อ่านหนังสือล้วนๆเลยย 😂

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

    อนาคตสอน nest แบบ micro service ได้มั้ยคับ

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

      มีครับ จริงๆ nest เป็นตัวหนึ่งที่ผมเล็งไว้ เพราะชาวช่องเราเหมือนจะใช้กันเยอะครับ

  • @NoName-sc5tc
    @NoName-sc5tc 7 месяцев назад

    ตามไม่ทัน😂

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

    👍Typescript fans

  • @kajonpongpoopamonkaipob6153
    @kajonpongpoopamonkaipob6153 7 месяцев назад +3

    ขอ ทฤษฎี design patterns ทั้ง 23 แบบ หน่อยครับ

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

      +1 ครับ เปิดผ่านกลุ่มสมาคมโปรแกรมเมอร์ไทย เห็นช่วงปีที่ผ่านมามีคนพูดถึง แต่ไม่เคย search ดูสักทีตอนนี้สนใจแค่งานที่ทำกับ กับ framework ที่ใช้อยู่ ยังไม่บรรลุ หาเวลาไปสรุปอย่างอื่นไม่ได้เลย เจ้าของช่องเก่งมาก สรุปหลายๆเรื่องได้อย่างเร็ว อาจจะมีความรู้เดิมด้วย แต่เรื่องใหม่ก็ยังสรุปได้

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

      น่าสนใจ มีคนขอมา เราก็ต้องจัดให้ครับ 😂 (เดี๋ยวขอผมไปทำการบ้านก่อนว่าจะเล่ามันออกมาแบบไหนดีนะครับ)

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

      @@mikelopster ผมมีหนังสือนะ ถ้าสนใจ มันเป็นภาษาอังกฤษ ผมไม่ได้อังกฤษเลย และที่สำคัญคือ ผมยังมองภาพไม่ออกเลยว่า แต่ละ design patterns มันเอาไว้ทำอะไร แล้วเวลา implement มันจะทำยังไง ถ้าช่องทำ จะเป็นอะไรที่ดีมากๆ เลยครับ ออ ขอเรื่อง class diagram ด้วยได้มั้ย ก่อน design patterns

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

      @@mikelopster ขอบคุณล่วงหน้าเป็นอย่างสูงนะครับ

    • @ghostrecon6201
      @ghostrecon6201 6 месяцев назад

      ​@@kajonpongpoopamonkaipob6153หนังสือชื่อว่าอะไรเหรอครับ

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

    ผมขอ oop ใน c++ หน่อยครับ จะเอาไปสอนเด็กแต่ครับ

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

      c++ เป็นภาษาที่ช่องนี้จะเตรียมทำ Course เหมือนกัน ติดตามกันไว้ เดี๋ยวมันจะโผล่มาครับ 😁

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

      @@mikelopster ผมนี่รอเลยครับ

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

    มีหลายวิชาที่ผมไม่เข้าใจเลย สมัยเรียนไม่เคยเข้าใจเลย แม้แต่มาทำงานผมก็มึนมาก แต่นี่เข้าใจเฉย

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

      ดีใจครับ สมกับเป็นวิชาสุดสะเทือนใจสำหรับ Programmer เลย 😂

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

    ในชีวิตทำงานประจำวัน....แอบหาเรื่องใช้ยากจริงๆ (งาน frontend ทั่วๆ ไป)🤣
    แต่ถ้าเตรียม cms ด้วย go น่าจะได้ลองจัดไว้สักหน่อแฮะ 🤣 (ยังวางๆ โครง cms หลักของที่ทำงานอยู่ ถ้าลง prototype เลยอาจจะเห็นภาพลึกกว่าในกระดาษอยู่แฮะ 🤔)

    • @mikelopster
      @mikelopster  7 месяцев назад +2

      จากประสบการณ์งาน ฝั่งที่จะใช้บ่อยจริงๆก็ฝั่ง Backend เหมือนกันครับ OOP มันเป็นจุดยึดทำให้ code design ของฝั่ง Backend ออกมาตรงกันได้ หลายๆภาษาหรือ Framework เลยยึดถือใช้กัน
      แต่อย่าง Go ด้วยภาษามันไม่ได้มีไอเดียเหมือน OOP มันก็จะมี design pattern อีกแบบ แนะนำลองดูเรื่อง Clean Architecture ของ Go นะครับ เผื่อจะช่วย guide idea ในการวาง project ได้

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

      ขอบคุณครับได้ guide ตรงจุดพอดี 😎👍@@mikelopster

    • @theppiwatkomolwat4429
      @theppiwatkomolwat4429 6 месяцев назад +1

      ผมเขียน front end angular ก็ใช้ ตลอดนะครับ maintenance ง่ายดี

    • @Erdnalf
      @Erdnalf 6 месяцев назад

      ng ผมชอบอย่างคือ เลิร์นเคิฟสูงนิดๆ แต่ถ้าเข้าถึงแล้ว ก็สบายยาวๆ เลย แต่อาจจะไปปวดหัวกับของอย่างอื่นที่เอาเข้ามาใช้งานด้วยแทน 🤣@@theppiwatkomolwat4429

  • @deadpoolrad1540
    @deadpoolrad1540 5 месяцев назад

    มีพ้อยแจกไหมครับ

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

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