We may earn an affiliate commission when you visit our partners.
Course image
Kong Ruksiam

คอร์สนี้ผู้เรียนจะได้เรียนรู้การใช้งาน TypeScript ตั้งแต่พื้นฐานจนนำไปต่อยอดการใช้งานกับ Front-End ยุคใหม่เช่น React

หรือทำงานควบคู่กับ Node.js โดยเนื้อหาจะแบ่งออกเป็น 7  ส่วนหลักๆด้วยกัน ได้แก่

ส่วนที่ 1 : พื้นฐาน TypeScript (Basic Types)

  • ติดตั้งเครื่องมือและใช้งาน TypeScript

  • ชนิดข้อมูลพื้นฐาน (Primitive Data Types)

  • โครงสร้างควบคุมพื้นฐาน (Control Flow)

  • ฟังก์ชั่น (Function)

ส่วนที่ 2 : Advance Types

Read more

คอร์สนี้ผู้เรียนจะได้เรียนรู้การใช้งาน TypeScript ตั้งแต่พื้นฐานจนนำไปต่อยอดการใช้งานกับ Front-End ยุคใหม่เช่น React

หรือทำงานควบคู่กับ Node.js โดยเนื้อหาจะแบ่งออกเป็น 7  ส่วนหลักๆด้วยกัน ได้แก่

ส่วนที่ 1 : พื้นฐาน TypeScript (Basic Types)

  • ติดตั้งเครื่องมือและใช้งาน TypeScript

  • ชนิดข้อมูลพื้นฐาน (Primitive Data Types)

  • โครงสร้างควบคุมพื้นฐาน (Control Flow)

  • ฟังก์ชั่น (Function)

ส่วนที่ 2 : Advance Types

  • Type Aliases

  • Array & Object

  • Tuple & Enum

  • Interface

  • Union Types

ส่วนที่ 3 : เขียนโปรแกรมเชิงวัตถุด้วย TypeScript (OOP)

  • Class & Object

  • Constructor

  • Access Modifiers

  • Property & Method

  • Parameter Properties

  • Inheritance

  • Static

  • Abstract Class

  • Interface

ส่วนที่ 4 : Generic & Constraints

ส่วนที่ 5 : Type Narrowing

ส่วนที่ 6 : Mini Project (TypeScript & HTML5)

ส่วนที่ 7 : TypeScript & React

Enroll now

What's inside

Learning objectives

  • เรียนรู้ไวยากรณ์พื้นฐานของภาษา typescript
  • เรียนรู้การเขียนโปรแกรมเชิงวัตถุ (oop) ด้วย typescript
  • เรียนรู้การนำ typescript ไปสร้างเว็บไซต์ (typescript + html5)
  • เรียนรู้การนำ typescript ไปทำงานร่วมกับ react

Syllabus

บทนำ
แนะนำคอร์สเรียน
ข้อกำหนดคอร์สเรียน
ติดตั้งเครื่องมือพื้นฐาน
Read more

Traffic lights

Read about what's good
what should give you pause
and possible dealbreakers
Covers React integration, which allows learners to apply TypeScript skills in a modern front-end framework and enhance their ability to build complex user interfaces
Explores the problems of JavaScript, which helps learners understand the motivations behind TypeScript and appreciate its benefits in addressing those issues
Includes a mini-project using TypeScript and HTML5, which provides practical experience in applying TypeScript to real-world web development scenarios
Teaches object-oriented programming (OOP) principles with TypeScript, which allows learners to leverage their existing OOP knowledge in a TypeScript environment
Requires learners to install Node.js, which may pose a challenge for absolute beginners who are not familiar with JavaScript runtime environments

Save this course

Create your own learning path. Save this course to your list so you can find it easily later.
Save

Reviews summary

เรียน typescript ตั้งแต่พื้นฐานถึงใช้งานจริง

ตามที่นักเรียนกล่าว คอร์ส เจาะลึก TypeScript ตั้งแต่เริ่มต้นจนใช้งานจริง นี้ เนื้อหาครอบคลุมดีมาก เริ่มตั้งแต่พื้นฐานสำหรับผู้ที่ไม่เคยมีประสบการณ์ ไปจนถึงหัวข้อขั้นสูงอย่าง OOP, Generic และการนำไป ใช้งานจริง โดยเฉพาะอย่างยิ่งการนำไปใช้ร่วมกับ React ผู้เรียนหลายคนพบว่า วิทยากรอธิบายเข้าใจง่าย ทำให้การเรียนรู้เป็นไปอย่างราบรื่น และสามารถนำความรู้ที่ได้ไปประยุกต์ใช้กับงานจริงได้ทันที ส่วน Mini Project ก็เป็นประโยชน์อย่างยิ่งในการฝึกฝน สิ่งเหล่านี้ทำให้คอร์สนี้เป็นตัวเลือก ยอดเยี่ยม สำหรับผู้ที่ต้องการเรียนรู้ TypeScript เพื่อการพัฒนาซอฟต์แวร์สมัยใหม่
มีโปรเจกต์ให้ทำและสอนวิธีนำไปใช้กับ React
"ชอบตรงที่มี Mini Project ให้ทำ ได้ลองใช้ TypeScript จริงๆ"
"ส่วนของการเชื่อมต่อกับ React มีประโยชน์มากสำหรับงานของผม"
"คอร์สช่วยให้ผมนำ TypeScript ไปปรับใช้กับงานที่ทำอยู่ได้ดีขึ้น"
วิทยากรอธิบายได้ชัดเจน เป็นขั้นเป็นตอน และยกตัวอย่างดี
"อาจารย์สอนเข้าใจง่ายมากๆ ครับ ยกตัวอย่างได้ดี..."
"การอธิบายแต่ละส่วนทำให้ผมเข้าใจ concepts ที่ซับซ้อนได้ง่ายขึ้น"
"เรียนตามได้ไม่ยากเลยสำหรับคนที่ไม่เคยมีพื้นฐานมาก่อน"
สอนตั้งแต่พื้นฐานจนถึงหัวข้อขั้นสูงและการใช้งานจริง
"คอร์สนี้สอน TypeScript ได้ครบวงจรมาก เริ่มตั้งแต่พื้นฐาน..."
"เนื้อหาครอบคลุมดี เหมาะกับคนที่ไม่เคยเขียนมาก่อน จนถึงคนที่ต้องการนำไปใช้จริง"
"ได้เรียนรู้ตั้งแต่พื้นฐานจนนำไปใช้งานกับโปรเจกต์จริงได้"

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in เจาะลึก TypeScript ตั้งแต่เริ่มต้นจนใช้งานจริง with these activities:
ทบทวนพื้นฐาน JavaScript
ทบทวนความรู้พื้นฐาน JavaScript เพื่อให้เข้าใจ TypeScript ได้ง่ายขึ้น เนื่องจาก TypeScript เป็นภาษาที่ต่อยอดมาจาก JavaScript
Browse courses on JavaScript
Show steps
  • ศึกษาเรื่องตัวแปร, ชนิดข้อมูล, และฟังก์ชัน
  • ฝึกเขียนโปรแกรม JavaScript ง่ายๆ
อ่าน TypeScript Deep Dive
อ่านหนังสือเพื่อทำความเข้าใจ TypeScript ในเชิงลึกมากขึ้น
Show steps
  • อ่านบทนำและสารบัญเพื่อทำความเข้าใจภาพรวมของหนังสือ
  • อ่านบทที่เกี่ยวข้องกับหัวข้อที่สนใจหรือยังไม่เข้าใจ
ฝึกเขียนโปรแกรม TypeScript
ฝึกเขียนโปรแกรม TypeScript เพื่อให้คุ้นเคยกับไวยากรณ์และแนวคิดต่างๆ
Show steps
  • เขียนโปรแกรมง่ายๆ เช่น Hello World
  • เขียนโปรแกรมที่ซับซ้อนขึ้น เช่น คำนวณตัวเลข
  • ลองใช้ TypeScript กับ HTML5
Four other activities
Expand to see all activities and additional details
Show all seven activities
อ่าน Programming TypeScript
อ่านหนังสือเพื่อศึกษา TypeScript ในเชิงลึกและเรียนรู้แนวทางการเขียนโปรแกรมที่ดี
Show steps
  • อ่านบทนำและสารบัญเพื่อทำความเข้าใจภาพรวมของหนังสือ
  • อ่านบทที่เกี่ยวข้องกับหัวข้อที่สนใจหรือยังไม่เข้าใจ
สร้างโปรเจกต์ React ด้วย TypeScript
สร้างโปรเจกต์ React ด้วย TypeScript เพื่อนำความรู้ที่ได้เรียนมาประยุกต์ใช้จริง
Show steps
  • สร้างโปรเจกต์ React ด้วย Create React App และ TypeScript template
  • ออกแบบโครงสร้างของโปรเจกต์
  • เขียนโค้ด React components ด้วย TypeScript
  • ทดสอบและแก้ไขข้อผิดพลาด
เขียนบทความเกี่ยวกับ TypeScript
เขียนบทความเกี่ยวกับ TypeScript เพื่อทบทวนความรู้และแบ่งปันความรู้ให้ผู้อื่น
Show steps
  • เลือกหัวข้อที่สนใจเกี่ยวกับ TypeScript
  • ศึกษาข้อมูลเกี่ยวกับหัวข้อนั้น
  • เขียนบทความให้เข้าใจง่ายและถูกต้อง
  • เผยแพร่บทความบนเว็บไซต์หรือบล็อก
ร่วมพัฒนาโปรเจกต์ Open Source ที่ใช้ TypeScript
ร่วมพัฒนาโปรเจกต์ Open Source เพื่อเรียนรู้จากนักพัฒนาคนอื่นและพัฒนาทักษะการเขียนโปรแกรม TypeScript
Show steps
  • ค้นหาโปรเจกต์ Open Source ที่ใช้ TypeScript ที่สนใจ
  • ศึกษาโค้ดของโปรเจกต์
  • แก้ไขข้อผิดพลาดหรือเพิ่มฟีเจอร์ใหม่
  • ส่ง Pull Request

Career center

Learners who complete เจาะลึก TypeScript ตั้งแต่เริ่มต้นจนใช้งานจริง will develop knowledge and skills that may be useful to these careers:
นักพัฒนา React
นักพัฒนา React สร้างส่วนประกอบ UI แบบนำกลับมาใช้ใหม่ได้โดยใช้ไลบรารี React JavaScript คอร์สนี้อาจมีประโยชน์สำหรับผู้ที่ต้องการเป็นนักพัฒนา React เนื่องจากครอบคลุมพื้นฐานของ TypeScript และการทำงานร่วมกับ React โดยตรง ความเข้าใจอย่างลึกซึ้งเกี่ยวกับ TypeScript และการนำไปใช้กับ React ที่ได้จากคอร์สเรียนนี้ช่วยให้คุณสร้างแอปพลิเคชัน React ที่มีประสิทธิภาพและจัดการได้ง่าย การเรียนรู้ TypeScript และ React ไปพร้อม ๆ กันจะช่วยให้คุณได้เปรียบในการแข่งขันในตลาดงาน
นักพัฒนา Full Stack
นักพัฒนา Full Stack ทำงานทั้งในส่วนหน้าและส่วนหลังของแอปพลิเคชัน คอร์สนี้อาจมีประโยชน์สำหรับผู้ที่ต้องการเป็นนักพัฒนา Full Stack เนื่องจากครอบคลุมทั้ง TypeScript สำหรับส่วนหน้า (React) และ Node.js สำหรับส่วนหลัง การเรียนรู้แนวคิดต่าง ๆ ที่ได้จากคอร์สเรียนนี้ช่วยให้คุณพัฒนาแอปพลิเคชันได้อย่างครบวงจรและมีประสิทธิภาพ
นักพัฒนาส่วนหน้า
นักพัฒนาส่วนหน้าสร้างส่วนติดต่อผู้ใช้สำหรับเว็บไซต์และแอปพลิเคชันบนเว็บ คอร์สนี้อาจมีประโยชน์สำหรับผู้ที่สนใจเป็นนักพัฒนาส่วนหน้า เนื่องจากครอบคลุมพื้นฐานของ TypeScript ซึ่งมักใช้ในการพัฒนาส่วนหน้าสมัยใหม่ร่วมกับเฟรมเวิร์กเช่น React ที่กล่าวถึงในรายละเอียดของคอร์สเรียน การเรียนรู้ชนิดข้อมูล การเขียนโปรแกรมเชิงวัตถุ และการทำงานกับ React ช่วยสร้างรากฐานที่แข็งแกร่งสำหรับการเป็นนักพัฒนาส่วนหน้า
นักพัฒนา Node.js
นักพัฒนา Node.js สร้างแอปพลิเคชันฝั่งเซิร์ฟเวอร์โดยใช้ Node.js คอร์สนี้อาจเป็นประโยชน์สำหรับผู้ที่ต้องการเป็นนักพัฒนา Node.js เนื่องจากครอบคลุมพื้นฐานของ TypeScript และการทำงานร่วมกับ Node.js การเรียนรู้พื้นฐาน TypeScript, Advance Types และ OOP จะช่วยให้คุณพัฒนาแอปพลิเคชัน Node.js ที่มีโครงสร้างดีและบำรุงรักษาได้ง่ายขึ้น นอกจากนี้ ความรู้เกี่ยวกับฟังก์ชันและโครงสร้างควบคุมจากคอร์สเรียนนี้ช่วยให้คุณเขียนโค้ดที่มีประสิทธิภาพและเชื่อถือได้
นักพัฒนาเว็บ
นักพัฒนาเว็บสร้างและบำรุงรักษาเว็บไซต์ คอร์สนี้อาจมีประโยชน์สำหรับผู้ที่ต้องการเป็นนักพัฒนาเว็บ เนื่องจากครอบคลุมพื้นฐานของ TypeScript และการพัฒนาเว็บสมัยใหม่ การเรียนรู้ TypeScript ร่วมกับ HTML5 และ React จะช่วยให้คุณสร้างเว็บไซต์แบบไดนามิกที่มีประสิทธิภาพสูง การฝึกฝนผ่าน Mini Project จะช่วยเสริมสร้างทักษะและเตรียมความพร้อมสำหรับการทำงานจริง
วิศวกรซอฟต์แวร์
วิศวกรซอฟต์แวร์ออกแบบ พัฒนา และทดสอบระบบซอฟต์แวร์ คอร์สนี้อาจเป็นประโยชน์สำหรับผู้ที่ต้องการเป็นวิศวกรซอฟต์แวร์ เนื่องจากครอบคลุมแนวคิดการเขียนโปรแกรมพื้นฐานและขั้นสูง เช่น ชนิดข้อมูล โครงสร้างควบคุม การเขียนโปรแกรมเชิงวัตถุ และ Generic องค์ความรู้เหล่านี้ช่วยให้คุณสร้างซอฟต์แวร์ที่มีคุณภาพสูงและสามารถปรับขนาดได้ นอกจากนี้ การได้เรียนรู้การทำงานร่วมกับ React จะช่วยขยายขอบเขตความรู้ของคุณในการพัฒนาเว็บแอปพลิเคชัน
สถาปนิกซอฟต์แวร์
สถาปนิกซอฟต์แวร์ออกแบบโครงสร้างและสถาปัตยกรรมของระบบซอฟต์แวร์ขนาดใหญ่ คอร์สนี้อาจเป็นประโยชน์สำหรับผู้ที่ต้องการเป็นสถาปนิกซอฟต์แวร์ เนื่องจากความเข้าใจอย่างลึกซึ้งเกี่ยวกับหลักการ OOP, Generic และ Type Narrowing จะช่วยในการออกแบบระบบที่ซับซ้อนได้ดียิ่งขึ้น ความสามารถในการทำงานกับ TypeScript และ React ยังช่วยให้คุณเข้าใจถึงข้อจำกัดและโอกาสในการพัฒนาเว็บแอปพลิเคชันสมัยใหม่
นักออกแบบ UI
นักออกแบบ UI ออกแบบส่วนติดต่อผู้ใช้สำหรับซอฟต์แวร์และเว็บไซต์ คอร์สนี้อาจเป็นประโยชน์สำหรับผู้ที่ต้องการเป็นนักออกแบบ UI เนื่องจากความเข้าใจใน React และ TypeScript จะช่วยให้คุณสื่อสารกับนักพัฒนาได้ดียิ่งขึ้น ความสามารถในการสร้างต้นแบบ UI อย่างง่ายด้วย TypeScript และ HTML5 ยังช่วยให้คุณนำเสนอแนวคิดการออกแบบของคุณได้อย่างมีประสิทธิภาพ
นักทดสอบซอฟต์แวร์อัตโนมัติ
นักทดสอบซอฟต์แวร์อัตโนมัติเขียนสคริปต์เพื่อทดสอบซอฟต์แวร์โดยอัตโนมัติ แม้ว่าคอร์สนี้จะไม่ได้เน้นการทดสอบโดยตรง ความเข้าใจใน TypeScript และ React อาจเป็นประโยชน์ในการเขียนสคริปต์ทดสอบสำหรับเว็บแอปพลิเคชันที่สร้างด้วยเทคโนโลยีเหล่านี้ ความสามารถในการอ่านและทำความเข้าใจโค้ด TypeScript จะช่วยให้คุณเขียนการทดสอบที่ครอบคลุมและมีประสิทธิภาพ
วิศวกร DevOps
วิศวกร DevOps ทำงานเพื่อปรับปรุงกระบวนการพัฒนาและใช้งานซอฟต์แวร์ การมีความเข้าใจในเทคโนโลยีที่ใช้ในการพัฒนาแอปพลิเคชัน เช่น TypeScript, React และ Node.js ช่วยให้วิศวกร DevOps สามารถปรับปรุงกระบวนการ CI/CD และการจัดการโครงสร้างพื้นฐานได้อย่างมีประสิทธิภาพ คอร์สนี้อาจมีประโยชน์สำหรับวิศวกร DevOps ที่ต้องการทำงานร่วมกับทีมพัฒนาที่ใช้เทคโนโลยีเหล่านี้
นักพัฒนาเกม
นักพัฒนาเกมสร้างวิดีโอเกม แม้ว่าคอร์สนี้จะไม่ได้เน้นการพัฒนาเกมโดยตรง แต่ความรู้เกี่ยวกับ TypeScript และหลักการ OOP อาจเป็นประโยชน์ในการพัฒนาเกมโดยใช้เฟรมเวิร์กหรือเอ็นจินเกมที่รองรับ TypeScript การเรียนรู้พื้นฐานการเขียนโปรแกรมด้วย TypeScript ช่วยให้คุณสร้างเกมที่มีโครงสร้างดีและบำรุงรักษาได้ง่ายขึ้น
ผู้จัดการโครงการด้านเทคนิค
ผู้จัดการโครงการด้านเทคนิคดูแลการวางแผน การดำเนินการ และการส่งมอบโครงการซอฟต์แวร์ การมีความเข้าใจพื้นฐานเกี่ยวกับเทคโนโลยีที่ใช้ในโครงการ เป็นประโยชน์อย่างยิ่งสำหรับผู้จัดการโครงการ การมีความรู้เกี่ยวกับ TypeScript, React และ Node.js จากคอร์สนี้อาจช่วยให้คุณสื่อสารกับทีมพัฒนาได้อย่างมีประสิทธิภาพมากขึ้น และสามารถตัดสินใจได้อย่างชาญฉลาดเกี่ยวกับความท้าทายทางเทคนิค
ที่ปรึกษาด้านเทคโนโลยี
ที่ปรึกษาด้านเทคโนโลยีให้คำแนะนำแก่ธุรกิจเกี่ยวกับวิธีการใช้เทคโนโลยีเพื่อบรรลุเป้าหมาย คอร์สนี้อาจเป็นประโยชน์สำหรับที่ปรึกษาด้านเทคโนโลยีที่ต้องการให้คำแนะนำเกี่ยวกับการพัฒนาเว็บแอปพลิเคชันสมัยใหม่ ความรู้เกี่ยวกับ TypeScript, React และ Node.js จะช่วยให้คุณประเมินและแนะนำโซลูชันเทคโนโลยีที่เหมาะสมสำหรับลูกค้าของคุณ
นักวิเคราะห์ข้อมูล
นักวิเคราะห์ข้อมูลวิเคราะห์ข้อมูลเพื่อค้นหาแนวโน้มและข้อมูลเชิงลึก แม้ว่าคอร์สนี้จะไม่ได้เน้นการวิเคราะห์ข้อมูลโดยตรง แต่ความรู้เกี่ยวกับ TypeScript อาจเป็นประโยชน์ หากคุณต้องการสร้างเครื่องมือหรือแอปพลิเคชันสำหรับการวิเคราะห์ข้อมูลด้วยตัวเอง การมีความเข้าใจในภาษาโปรแกรม เช่น TypeScript จะช่วยให้คุณปรับแต่งเครื่องมือและกระบวนการวิเคราะห์ข้อมูลของคุณได้ดียิ่งขึ้น
ผู้ดูแลระบบ
ผู้ดูแลระบบจัดการดูแลรักษา และแก้ไขปัญหาเซิร์ฟเวอร์และระบบเครือข่าย แม้ว่าคอร์สนี้ไม่ได้สอนเรื่องการจัดการระบบโดยตรง แต่ความรู้เกี่ยวกับการพัฒนา Node.js จากคอร์สนี้อาจเป็นประโยชน์ในการสร้างสคริปต์และเครื่องมืออัตโนมัติสำหรับการจัดการระบบ การมีความเข้าใจในการเขียนโปรแกรมช่วยให้คุณสามารถจัดการระบบได้อย่างมีประสิทธิภาพมากขึ้น

Reading list

We've selected one books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in เจาะลึก TypeScript ตั้งแต่เริ่มต้นจนใช้งานจริง.
Provides a comprehensive guide to TypeScript, covering advanced topics and best practices. It delves into the intricacies of the language, offering insights beyond the basics. It valuable resource for understanding the nuances of TypeScript and writing robust, maintainable code. This book is particularly useful for those looking to deepen their understanding of TypeScript's type system and advanced features.

Share

Help others find this course page by sharing it with your friends and followers:

Similar courses

Similar courses are unavailable at this time. Please try again later.
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2025 OpenCourser