เรียน TypeScript และฝึกฝน
เรียน TypeScript และฝึกฝน — เรียน TypeScript พร้อมตัวตรวจสอบประเภทในกระเป๋าคุณ
เรียน TypeScript และฝึกฝน คือแอป iOS และ Android ฟรีที่ให้คุณ เรียน TypeScript ผ่านการเขียนโค้ดจริง คอมไพเลอร์ทำงานบนอุปกรณ์ จึงขีดเส้นใต้ข้อผิดพลาดด้านประเภททันทีที่คุณพิมพ์ และมี 101 คอร์ส ที่พาคุณตั้งแต่การเขียน annotation ครั้งแรก ผ่าน unions, generics และ conditional types ไปจนถึง React, Node.js และ tRPC พร้อม AI Mentor ที่อธิบายข้อความแจ้งเตือนจากคอมไพเลอร์ด้วยภาษาที่เข้าใจง่าย
- ราคา
- ฟรี, อัปเกรดเป็น Pro
- แพลตฟอร์ม
- iOS และ Android
- ภาษา
- 22
- การจัดอันดับอายุ
- 4+
- ต้องใช้
- iOS 15.1 ขึ้นไป
- App Store
- 3.0 ★ (1)
คุณเรียนรู้ types ได้เร็วที่สุดเมื่อเห็นเส้นใต้สีแดงปรากฏขึ้น
หัวใจสำคัญของ TypeScript คือวงจรป้อนกลับ: เขียนสิ่งที่ผิด ดูให้ชัดว่าผิดตรงไหนและเพราะอะไร แล้วแก้ไข ตัวแก้ไขจะตรวจสอบ types ขณะที่คุณพิมพ์ และ Type Explorer จะแสดงว่าคอมไพเลอร์มองค่าหนึ่ง ๆ ว่าเป็นอะไร ทำให้คุณเข้าใจแนวคิดต่าง ๆ ไปพร้อมกับข้อผิดพลาดที่แนวคิดเหล่านั้นช่วยอธิบาย
คืออะไร
เรียน TypeScript และฝึกฝน คือแอป iOS และ Android ฟรีสำหรับเรียน TypeScript โดยมีคอมไพเลอร์จริงทำงานอยู่บนโทรศัพท์ ภายในมี 101 คอร์สและ 352 บทเรียน แบ่งระดับตั้งแต่ A1 ถึง C2 ครอบคลุม basic types, interfaces, unions, narrowing, generics, conditional และ mapped types, คีย์เวิร์ด infer, strict mode และ tsconfig รวมถึงโปรเจกต์จริงด้วย React, Node.js, Zod, Jest และ tRPC ตัวแก้ไขจะขีดเส้นใต้ข้อผิดพลาดด้านประเภทขณะที่คุณพิมพ์ และยังมีปริศนา โปรเจกต์แบบมีคำแนะนำ ภารกิจเขียนโค้ด เครื่องจำลองการสัมภาษณ์ และ AI Mentor เพื่อเพิ่มการฝึกฝน
ภายในแอป
หน้าตาเป็นอย่างไร
คอร์ส
หลักสูตร TypeScript ครอบคลุมอะไรบ้าง
101 หลักสูตรในรายการหลักสูตรของแอปเอง ระดับตั้งแต่ A1 ถึง C2 ซึ่งเป็นหัวข้อหลักโดยใช้ชื่อหลักสูตรจริง
เริ่มจาก Types และ variables
Introduction to TypeScript, TypeScript vs JavaScript: Why Types Matter, Basic Types (string, number, boolean, any, unknown) และ Types and Variables Essentials
Functions, objects และ everyday types
Functions and Type Annotations, Arrays, Tuples and Enums, Interfaces and Type Aliases, Union and Intersection Types, Literal Types and const Assertions และ Optional Chaining and Nullish Coalescing
Narrowing, classes และ generics
Type Narrowing and Type Guards, Classes and Access Modifiers, Generics Basics, Index Signatures และตัวดำเนินการ typeof และ keyof
Utility types และโค้ดที่ปลอดภัย
Utility Types (Partial, Required, Pick, Omit, Record), Error Handling Patterns, Strict Mode and tsconfig Best Practices และ Runtime Validation with Zod
Advanced types
Advanced Generics with Constraints and Conditional Types, Mapped Types and Template Literal Types, Discriminated Unions and Exhaustiveness และตัวดำเนินการ satisfies
TypeScript ในโปรเจกต์จริง
TypeScript with React: Props and Hooks, TypeScript with Node.js and Express, Testing TypeScript with Jest, Type-Safe API Clients, tRPC, GraphQL และ Next.js
การย้ายระบบและเครื่องมือ
Migration: JavaScript to TypeScript, Build and Bundlers, Monorepo Setup with TypeScript และ Authoring Declaration Files
การเขียนโปรแกรมระดับ type
The infer Keyword and Complex Conditional Types, Writing Custom Utility Types, Recursive and Self-Referential Types และ the TypeScript Compiler API
ทำงานอย่างไร
บทเรียน TypeScript ดำเนินไปอย่างไร
บทเรียนสั้นกระชับ และคอมไพเลอร์เป็นส่วนหนึ่งของทุกบทเรียน
อ่านคำอธิบายสั้น ๆ
แต่ละบทเรียนใช้เวลา 5 ถึง 10 นาที พร้อมคำอธิบายที่เข้าใจง่ายและตัวอย่างขนาดเล็ก เช่น ความแตกต่างระหว่าง interface กับ type alias
เขียนโค้ดและดู types ไปพร้อมกัน
พิมพ์โค้ดในตัวแก้ไข แล้วข้อผิดพลาดจะถูกขีดเส้นใต้แบบเรียลไทม์ Type Explorer จะแสดง type ณ ตำแหน่งเคอร์เซอร์ รวมถึงสมาชิกของ union และคุณสามารถเรียกใช้โปรแกรมเพื่อดูผลลัพธ์ได้
ฝึกฝน แล้วถามได้หากยังไม่เข้าใจ
แต่ละหัวข้อจะปิดท้ายด้วยคำถามและงานโค้ดสั้น ๆ พร้อมปริศนาใน Type Gym และโค้ดที่เสียให้คุณแก้ไขใน Debug Arena หาก generic constraint หรือข้อความจากคอมไพเลอร์ทำให้สับสน AI Mentor จะช่วยอธิบายให้
มีอะไรอยู่ข้างใน
สิ่งที่มาพร้อมกับแอป
101
คอร์สตั้งแต่ types แรกเริ่มจนถึง C2
352 บทเรียนตั้งแต่ระดับ A1 ถึง C2 ครอบคลุมตั้งแต่เหตุผลที่ types มีความสำคัญและ basic types ไปจนถึง TypeScript compiler API และการสร้าง parser ที่ปลอดภัยด้าน type
แบบเรียลไทม์
การตรวจสอบประเภทในตัวแก้ไข
ข้อผิดพลาดด้านประเภทจะถูกขีดเส้นใต้ขณะที่คุณพิมพ์ Type Explorer จะแสดง type ใต้เคอร์เซอร์ และ AI Tools สามารถตรวจสอบโปรแกรมของคุณพร้อมแนะนำวิธีแก้ไขที่คุณนำไปใช้ได้
24
ปริศนา Type Gym
ปริศนาด้าน type 24 ข้อ พร้อมปริศนาประจำวัน และ Debug Arena ที่ให้คุณแก้โค้ดที่เสียก่อนหมดเวลา
20
โปรเจกต์แบบมีคำแนะนำและ 60 ภารกิจ
โปรแกรมขนาดเล็กที่สร้างทีละขั้น โดยแต่ละขั้นจะได้รับการตรวจสอบเมื่อคุณเรียกใช้ พร้อม 60 ภารกิจเขียนโค้ดในสามระดับ ตั้งแต่ Hello World ไปจนถึงอัลกอริทึม
30
เครื่องจำลองการสัมภาษณ์
ชุดคำถามจับเวลา 30 ข้อ พร้อมรายงานผลการประเมิน ควบคู่กับคำถามสัมภาษณ์ 50 ข้อพร้อมคำตอบ และเรดาร์ Weakness ที่แสดงหัวข้อที่คุณยังตอบผิด
AI
AI Mentor
ถามเกี่ยวกับข้อผิดพลาดของคอมไพเลอร์หรือ generic constraint แล้วรับคำอธิบายด้วยภาษาที่เข้าใจง่าย
เบื้องหลัง
ทำไมต้องเรียน TypeScript ถ้าคุณรู้จัก JavaScript อยู่แล้ว
TypeScript คือ JavaScript ที่เพิ่มระบบประเภทแบบ static เข้ามา คุณกำหนดรูปร่างของข้อมูล คอมไพเลอร์จะตรวจสอบการใช้งานข้อมูลนั้นทุกจุดก่อนที่โค้ดจะทำงาน และ types จะถูกลบออกเมื่อคอมไพล์ลงเป็น JavaScript ธรรมดา นี่จึงเป็นเหตุผลที่โค้ดเบสของ React, Angular และ Node มักใช้ TypeScript: ยังคงเป็นภาษาเดิม แต่มีระบบเติมโค้ดอัตโนมัติในตัวแก้ไขที่เข้าใจโค้ดของคุณ และช่วยตรวจจับบั๊กประเภท undefined-is-not-a-function ได้ทั้งกลุ่มตั้งแต่ตอน build หากคุณอ่าน JavaScript ได้อยู่แล้ว คุณก็มีความรู้เกือบทั้งหมดที่ต้องใช้เพื่อเริ่มต้น
การระบุประเภทและการอนุมานประเภทเริ่มที่นี่
คุณสามารถระบุประเภทให้ตัวแปรหรือพารามิเตอร์ของฟังก์ชันได้ และ TypeScript ก็อนุมาน types จำนวนมากได้เองจากค่าที่คุณกำหนดให้ การเรียนรู้ว่าเมื่อไรควรเขียน type และเมื่อไรควรปล่อยให้การอนุมานทำงานเอง คือทักษะเชิงปฏิบัติแรกที่คุณต้องมี
Unions และ narrowingเครื่องมือหลักที่ใช้ในชีวิตประจำวัน
union type ระบุว่าค่าหนึ่งสามารถเป็นได้หลาย types การทำ narrowing ผ่านการตรวจสอบ typeof การเปรียบเทียบความเท่ากัน และ type guards แบบกำหนดเอง จะบอกคอมไพเลอร์ว่าภายใน branch นั้นค่าดังกล่าวเป็น type ใด และ discriminated unions ก็ทำให้ตรวจสอบได้ครบทุกกรณี
Genericsยืดหยุ่นแต่ยังปลอดภัย
Generics ช่วยให้ฟังก์ชันหรือ type ทำงานกับ types ได้หลากหลาย โดยไม่ต้องถอยกลับไปใช้ any ส่วน constraints ที่ใช้คีย์เวิร์ด extends จะระบุว่า type parameter ต้องสามารถทำอะไรได้บ้าง
Utility, mapped และ conditional typesจุดที่ระบบประเภทเริ่มแสดงพลังอย่างเต็มที่
Partial, Pick, Omit และ Record สร้างขึ้นจาก mapped และ conditional types เมื่อคุณเข้าใจสิ่งเหล่านี้ รวมถึงคีย์เวิร์ด infer แล้ว คุณก็จะเขียน utility types ของตัวเองได้แทนการคัดลอกมาใช้
tsconfig และ strict modeคุณต้องการให้คอมไพเลอร์เข้มงวดแค่ไหน
ตัวเลือกของคอมไพเลอร์จะกำหนดว่า TypeScript จะแจ้งเตือนมากน้อยเพียงใด การเปิด strict mode คือสิ่งที่ทำให้ types เชื่อถือได้ และยังทำให้การย้ายโปรเจกต์ JavaScript เดิมมาใช้ TypeScript เป็นงานแบบค่อยเป็นค่อยไปทีละไฟล์
เหมาะกับคุณไหม
เหมาะกับใคร — และไม่เหมาะกับใคร
เหมาะกับคุณหากคุณ
- เขียน JavaScript และยังเห็น TypeScript อยู่เสมอในประกาศงานและ codebases
- ใช้ React หรือ Node และต้องการโค้ดที่มี type ตั้งแต่ต้นจนจบ
- เป็นมือใหม่ที่อยากเรียนภาษามาตรฐานแบบมี type ตั้งแต่เริ่มต้น
- เรียนรู้ได้ดีที่สุดจากคำแนะนำของ compiler และโจทย์ปริศนาสั้น ๆ ไม่ใช่แค่อ่านอย่างเดียว
- มีโปรเจกต์ JavaScript และต้องการย้ายระบบทีละไฟล์
ไม่ใช่เครื่องมือที่เหมาะ หากคุณ
- ไม่เคยเขียนโค้ดมาก่อน และต้องการให้สอนภาษาแรกตั้งแต่ศูนย์ เพราะบทเรียนสมมติว่าคุณอ่านโค้ดได้
- ต้องการสร้างโปรเจกต์ขนาดใหญ่ใน IDE แบบเต็มรูปแบบ ซึ่งยังจำเป็นต้องใช้แล็ปท็อป
- คาดหวังให้ทุกอย่างฟรี เพราะหลักสูตรแรกฟรี และ Pro จะปลดล็อกส่วนที่เหลือ
- ต้องการหลักสูตรอย่างเป็นทางการจาก Microsoft เนื่องจากแอปนี้เป็นแอปอิสระ
คำถาม
คำถามที่พบบ่อย
วิธีที่ดีที่สุดในการเรียน TypeScript บนโทรศัพท์คืออะไร
ใช้เครื่องมือที่ตรวจสอบ type ของคุณจริง ๆ ไม่ใช่มีแค่ข้อความให้อ่าน เรียน TypeScript และฝึกฝน รัน compiler บนอุปกรณ์ ขีดเส้นใต้ข้อผิดพลาดด้าน type ขณะคุณพิมพ์ และจับคู่ 101 หลักสูตรเข้ากับโจทย์ type โปรเจกต์แบบมีคำแนะนำ และ AI Mentor เริ่มใช้งานได้ฟรีบน iOS และ Android ใน 22 ภาษา
ฉันเรียน TypeScript โดยไม่รู้ JavaScript ได้ไหม
ได้ แต่การอ่าน JavaScript มาบ้างจะช่วยได้ เพราะ TypeScript คือ JavaScript ที่เพิ่ม types เข้ามา เรียน TypeScript และฝึกฝน เริ่มต้นด้วยเหตุผลที่ types สำคัญและ basic types และมีหลักสูตรช่วงต้นที่เปรียบเทียบ TypeScript กับ JavaScript ผู้เริ่มต้นที่ต้องการเรียนภาษาที่มี type ตั้งแต่วันแรกคือหนึ่งในกลุ่มผู้ใช้ที่แอปนี้สร้างขึ้นเพื่อรองรับ
TypeScript กับ JavaScript แตกต่างกันอย่างไร
TypeScript เพิ่มระบบ static type ให้กับ JavaScript compiler จะตรวจสอบโค้ดของคุณกับ types ที่คุณประกาศไว้หรือที่ compiler อนุมานได้ จากนั้นจะลบ types เหล่านั้นออก ดังนั้นสิ่งที่รันจริงจึงเป็น JavaScript ปกติ ข้อดีคือการตรวจพบข้อผิดพลาดได้เร็วขึ้นและการเติมโค้ดอัตโนมัติใน editor ที่ดีขึ้น ส่วนข้อแลกเปลี่ยนคือมีขั้นตอน build และต้องเรียนรู้ไวยากรณ์เพิ่มเติม
แอปตรวจสอบ TypeScript ของฉันด้วย compiler จริงหรือไม่
ใช่ TypeScript compiler ทำงานบนอุปกรณ์ ดังนั้น editor จะแสดงข้อผิดพลาดด้าน type ด้วยการขีดเส้นใต้ขณะที่คุณพิมพ์ และ Type Explorer จะแสดง type ณ ตำแหน่งเคอร์เซอร์ของคุณ คุณยังสามารถรันโค้ดและดูผลลัพธ์ได้ แอประบุว่า TypeScript เป็นเครื่องหมายการค้าของ Microsoft Corporation และไม่มีส่วนเกี่ยวข้องกับ Microsoft
generics ใน TypeScript คืออะไร และแอปสอนเรื่องนี้อย่างไร
Generics ช่วยให้ฟังก์ชันหรือ type ทำงานกับ types ได้หลากหลายโดยยังคงความปลอดภัยด้าน type แทนที่จะย้อนกลับไปใช้ any แอปจะสอนเป็นลำดับ เริ่มจาก generic functions และ types ต่อด้วย constraints จากนั้นจึงเรียน conditional types, mapped และ template literal types รวมถึงคีย์เวิร์ด infer พร้อมโจทย์ใน Type Gym ให้ฝึกฝน
มีเนื้อหา TypeScript กับ React และ Node.js หรือไม่
มี หลักสูตรโปรเจกต์จริงครอบคลุม TypeScript กับ React props และ hooks, TypeScript กับ Node.js และ Express, type-safe API clients, runtime validation ด้วย Zod, การทดสอบด้วย Jest, GraphQL, tRPC และ Next.js นอกจากนี้ยังมีหลักสูตรการย้ายระบบที่แสดงวิธีนำ TypeScript มาใช้ในโปรเจกต์ JavaScript เดิมทีละขั้น
เรียน TypeScript และฝึกฝน ฟรีหรือไม่
ดาวน์โหลดฟรี เวอร์ชันฟรีประกอบด้วยหลักสูตรแรก โปรเจกต์แบบมีคำแนะนำแรกและ project track แรก ภารกิจเขียนโค้ด 2 ภารกิจ การฝึกใน Lab ประจำวัน และโควตา AI Mentor ประจำวัน พร้อมโฆษณา Pro จะปลดล็อกทุกหลักสูตร โปรเจกต์ track และภารกิจ, AI Mentor และการฝึกใน Lab แบบไม่จำกัด, รายการข้อผิดพลาดทั้งหมดใน editor และการสอบรับใบรับรอง อีกทั้งนำโฆษณาออก
แอปช่วยเตรียมตัวสัมภาษณ์ TypeScript หรือไม่
ช่วย เครื่องจำลองการสัมภาษณ์เป็นชุดคำถาม 30 ข้อแบบจับเวลา ซึ่งจบด้วยรายงานผลการประเมิน และมีคำถามสัมภาษณ์ 50 ข้อพร้อมคำตอบ Weakness radar จะแสดงหัวข้อที่คุณยังตอบผิด เพื่อให้คุณย้อนกลับไปเรียนหลักสูตรที่เหมาะสมได้
ต้องใช้เวลานานแค่ไหนจึงจะเรียน TypeScript ได้
หากคุณรู้ JavaScript อยู่แล้ว พื้นฐานเรื่อง types, interfaces และ unions สามารถเรียนรู้ได้ภายในไม่กี่สัปดาห์ด้วยบทเรียนสั้น ๆ ประจำวัน ส่วน generics และระบบ type ขั้นสูงจะใช้เวลานานกว่า แอปช่วยให้คุณเรียนอย่างสม่ำเสมอด้วย streaks, XP, การติดตามความคืบหน้า และการแจ้งเตือนประจำวันตามเวลาที่คุณเลือก
มีใบรับรองหรือไม่?
มี Pro มีการสอบรับใบรับรอง และเมื่อสอบผ่าน คุณจะได้รับใบรับรองการเรียนจบเพื่อแชร์ได้ ใบรับรองนี้บันทึกผลงานการเรียนในหลักสูตรของคุณ และไม่ใช่คุณวุฒิจาก Microsoft
เริ่มต้นใช้งาน
เขียนโปรแกรมแบบมีการระบุชนิดข้อมูลโปรแกรมแรกของคุณวันนี้
เริ่มต้นใช้งานได้ฟรีบน iOS และ Android รองรับ 22 ภาษา
เพิ่มเติมจาก CoddyKit
ใช้งานได้บน iOS และ Android