강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Programming Language

Essential TypeScript Learning

Essential TypeScript syntax for frontend beginners! We'll thoroughly explore the TypeScript language, from the basics to advanced topics!

(5.0) 9 đánh giá

81 học viên

  • sucoding
핵심원리
실습 중심
TypeScript

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

  • Latest TypeScript 5.8 syntax

  • Introduction to TypeScript

  • Basic types and variable declaration

  • TypeScript and JavaScript integration

  • Interfaces

  • Type Aliases

  • Classes and object-oriented programming

  • Generics

  • Type inference and explicit types

  • Handling functions in TypeScript

  • Type Guards

  • Advanced Types in TypeScript

  • Asynchronous programming in TypeScript

TypeScript rất dễ hiểu ngay cả với những người không chuyên ngành!!
🛩 Giai đoạn 5 của loạt lộ trình front-end của Sucoding! 🛩

Sách bán chạy nhất trong danh mục Giới thiệu Front-End

Một khóa học được biên soạn bởi tác giả cuốn sách bán chạy nhất Introduction to Front-End!

2022 『Tự học lập trình HTML+CSS+JavaScript』 đã được xuất bản! 🎉
『Phát triển front-end: Những gì bạn thấy và biết』 được xuất bản năm 2023! 🎉
2024 『Tự học lập trình Vue.JS』 đã được xuất bản! 🎉

Sucoding là một nhà văn chuyên viết về nhiều lĩnh vực khác nhau của front-end.
Tất cả các cuốn sách được xuất bản đều là sách bán chạy nhất. 😎
Đây là bài giảng đặc biệt được biên soạn bởi Sucoding, đơn vị đi đầu trong lĩnh vực bài giảng front-end!

Tôi tò mò

Bạn học được gì?

TypeScript là một phần mở rộng của JavaScript giúp cải thiện tính ổn định và khả năng đọc của mã thông qua kiểm tra kiểu tĩnh . Đây là một công cụ mạnh mẽ giúp ngăn ngừa lỗi mã trước và giúp bảo trì dễ dàng hơn, đặc biệt là trong các dự án quy mô lớn hoặc môi trường cộng tác . Tuy nhiên, không dễ để học và thành thạo tất cả các tính năng của TypeScript ngay từ đầu.

Trong khóa học này, chúng ta sẽ chỉ tìm hiểu những khái niệm cốt lõi của TypeScript thường được sử dụng trong thực tế .
Loại trừ một cách táo bạo các chức năng phức tạp hoặc ít được sử dụng.

  • Khai báo kiểu cơ bản

  • Sử dụng giao diện và kiểu (bí danh)

  • Chung chung

  • Loại liên hợp/giao nhau

  • Định nghĩa kiểu hàm và lớp

  • Tạo các loại có thể tái sử dụng

Chúng tôi tập trung vào nội dung thường được sử dụng trong quá trình phát triển thực tế.

Điều này cho phép ngay cả người mới bắt đầu cũng có thể học các khái niệm cốt lõi và ngữ pháp của TypeScript một cách dễ dàng và hiệu quả.
Hiểu rõ sự khác biệt với JavaScript ,
Bạn sẽ tự nhiên có được những kỹ năng phát triển có thể áp dụng ngay tại nơi làm việc. 🚀

Ngay cả người mới bắt đầu cũng được chào đón,

Tôi sẽ hướng dẫn bạn mọi thứ theo từng bước, bắt đầu từ những điều cơ bản.

TypeScript là một công cụ mạnh mẽ giúp tăng hiệu quả và tính ổn định của quá trình phát triển JavaScript.
Tuy nhiên, điều này có thể gây khó khăn cho người mới bắt đầu vì ngữ pháp và khái niệm không quen thuộc .
Đừng lo lắng!

Trong bài giảng này , chúng ta sẽ xây dựng nền tảng vững chắc từ những điều cơ bản.
Chúng tôi sẽ giải thích mọi thứ một cách cẩn thận và tử tế .

  • Để ngay cả người mới bắt đầu cũng có thể học một cách tự tin
    Chúng ta hãy cùng nhau xem qua các ví dụ dễ hiểu và bài tập thực hành nhé! 🚀

  • Tìm hiểu từng khái niệm cốt lõi của TypeScript ,
    Học các kỹ năng tự nhiên mà bạn có thể áp dụng vào các dự án thực tế!

"Làm cho JavaScript an toàn hơn và thông minh hơn!"
Nâng cao kỹ năng phát triển của bạn lên một tầm cao mới với TypeScript. 🎯

Chỉ dành cho bài giảng Sucoding
Điểm đặc biệt

Chương trình giảng dạy tập trung vào cốt lõi có thể áp dụng trực tiếp vào thực tế

  • Chúng tôi sẽ giản lược các lý thuyết phức tạp của TypeScript và chỉ tìm hiểu những khái niệm cốt lõi thường được sử dụng trong các dự án thực tế .

  • Bạn có thể học các kỹ năng có thể áp dụng ngay vào thực tế bằng cách tập trung vào các tính năng thường dùng như kiểu, giao diện và kiểu chung .

Các ví dụ trực quan và dễ làm theo cùng các bài giảng hướng đến thực hành

  • Chúng tôi giải thích các khái niệm từng bước để ngay cả người mới bắt đầu sử dụng TypeScript cũng có thể dễ dàng hiểu được và bạn có thể học theo cách ví dụ → thực hành .

  • Đây là khóa học thực hành giúp bạn học cách lập trình , giúp bạn áp dụng lý thuyết trực tiếp vào cuộc sống thực.

Hiểu rõ sự khác biệt với JavaScript

  • Vì TypeScript là ngôn ngữ mở rộng JavaScript, bạn sẽ học nó đồng thời hiểu rõ sự khác biệt so với JavaScript .

  • Nếu bạn đã biết JavaScript, bạn sẽ thấy ngay điểm mạnh riêng biệt của TypeScript .

Được triển khai đầy đủ với phiên bản mới nhất của các tính năng TypeScript

  • Bạn có thể tìm hiểu cú pháp và tính năng mới nhất , phản ánh phiên bản mới nhất của các tính năng TypeScript .

  • Bằng cách phản ánh ngay lập tức những cập nhật mới nhất của TypeScript trong các bài giảng, chúng tôi bồi dưỡng những nhà phát triển có khả năng thích ứng linh hoạt với những thay đổi trong tương lai .

Chúng tôi hào phóng chia sẻ những mẹo thực tế và bí quyết của nhà phát triển.

  • Chúng tôi sẽ dạy bạn những mẹo thực tế từ các nhà phát triển không có trong sách giáo khoa, cũng như các cách cải thiện hiệu quả công việc .

  • Ngoài JavaScript, nó còn cung cấp định hướng để phát triển thành một nhà phát triển front-end .

Phản hồi tùy chỉnh của học sinh và hỗ trợ Hỏi & Đáp chi tiết

  • Cung cấp phản hồi nhanh chóng và thân thiện cho các câu hỏi của sinh viên.

  • Nó chỉ ra những lỗi thường gặp và những phần khó hiểu và tối đa hóa hiệu quả học tập của mỗi cá nhân.

Đợi đã!

Bạn có biết rằng ngay cả trong các bài giảng cũng có một 'nút thắt' phù hợp với tôi không?

Cũng giống như một trò chơi tuyệt vời mà mọi người đều biết có thể không vui đối với tôi ,
Bài giảng không giống nhau đối với mọi người.

Cho dù bài giảng có được khen ngợi nhiều đến đâu thì nó cũng có thể không phù hợp với tôi .
Ngược lại, một bài giảng bình thường với người khác có thể lại là bài giảng hay nhất với tôi .

Vì vậy, ít nhất 10% trong số tất cả các bài giảng của tôi là miễn phí .
Hãy tự mình lắng nghe và xem liệu nó có 'phù hợp' với bạn và phong cách của bạn không !

Nếu bạn và tôi hòa hợp với nhau,
Hãy để tôi chỉ cho bạn con đường nhanh nhất để trở thành một nhà phát triển front-end .
Hãy tin tưởng và theo tôi! 🚀

Ở trình độ mới bắt đầu
Chương trình cốt lõi được tối ưu hóa

Chương 01
Hãy sẵn sàng

Tìm hiểu về các cài đặt môi trường cần thiết trước khi bắt đầu sử dụng TypeScript.
Áp dụng TypeScript vào dự án của bạn và thiết lập tệp cấu hình mặc định, tsconfig.json , để chuẩn bị sử dụng TypeScript.

Chương 02
Cơ bản về TypeScript

Tìm hiểu về các kiểu dữ liệu nguyên thủykiểu tham chiếu quan trọng trong TypeScript và hiểu cách thức hoạt động của từng kiểu.
Dựa trên các khái niệm về kiểu dữ liệu cơ bản và tham chiếu trong JavaScript, chúng ta sẽ tìm hiểu chi tiết cách sử dụng chúng trong TypeScript.

  • Các kiểu dữ liệu cơ bản : Chúng ta sẽ tìm hiểu các kiểu dữ liệu cơ bản và thường dùng như số, chuỗi và boolean, đồng thời tìm hiểu cách khai báo các kiểu trong TypeScript.

  • Kiểu tham chiếu : Học thông qua thực hành cách sử dụng suy luận kiểuđịnh nghĩa kiểu trong TypeScript khi xử lý dữ liệu tham chiếu như đối tượng, mảng và hàm.

  • Suy luận kiểu và gõ rõ ràng : Hiểu các khả năng suy luận kiểu tự động do TypeScript cung cấp và tìm hiểu cách chỉ định rõ ràng các kiểu khi cần.

Nhờ đó, bạn có thể hiểu rõ hơn về hệ thống kiểu của TypeScript và học cách tăng tính ổn định cho mã của mình.

Chương 03
loại đặc biệt

Ngoài các kiểu cơ bản và kiểu tham chiếu, TypeScript còn có các kiểu được sử dụng cho mục đích đặc biệt.
Trong chương này, chúng ta sẽ tìm hiểu các kiểu đặc biệt như any, unknown và never.

Tìm hiểu cách sử dụng các kiểu này một cách hợp lý để tăng tính linh hoạt cho mã của bạn và đạt được khả năng quản lý kiểu an toàn hơn.

Chương 04
Suy luận kiểu

TypeScript tự động suy ra kiểu cho các biếnhàm mà không yêu cầu bạn phải chỉ định rõ kiểu cho chúng.
Trong chương này, bạn sẽ tìm hiểu cách TypeScript suy ra các kiểu dữ liệu và cách suy luận đó có thể giúp bạn viết mã như thế nào.

Khi suy luận kiểu được sử dụng đúng cách, mã của bạn sẽ trở nên sạch hơn và bạn không cần phải viết kiểu một cách rõ ràng.
Từ giờ trở đi, việc viết code sẽ dễ dàng và hiệu quả hơn nhờ tính năng suy luận kiểu tự động của TypeScript! 🚀

Chương 05
Nhìn vào chức năng

Các kiểu hàm là một phần quan trọng của TypeScript , nhưng bạn càng tìm hiểu nhiều thì càng có nhiều điều để học .
Chương này đi sâu hơn vào các kiểu hàm , xem xét các tham số hàm, giá trị trả về và các cách khác nhau để khai báo hàm .

Sử dụng hiệu quả các kiểu hàm trong TypeScript giúp mã của bạn an toàn hơn và dễ bảo trì hơn.
Bằng cách khám phá nhiều khả năng khác nhau của các hàm, bạn sẽ có thể trải nghiệm được tiềm năng thực sự của TypeScript! 🚀

Chương 06
Typeguards và khẳng định kiểu

Bảo vệ kiểuxác nhận kiểu là một số cú pháp nâng cao trong TypeScript và đây là hai điều quan trọng mà người dùng TypeScript phải biết.
Đây là công nghệ giúp thực hiện kiểm tra kiểuxác nhận kiểu chính xác trong TypeScript và nếu sử dụng tốt, nó có thể tăng đáng kể tính an toàn và khả năng đọc của mã.

Trong chương này, chúng ta sẽ dễ dàng giải thích các khái niệm về bảo vệ kiểu và khẳng định kiểu và tìm hiểu chúng có thể được sử dụng trong những tình huống nào thông qua các ví dụ thực tế.
Thành thạo hai kỹ thuật này sẽ giúp bạn thành thạo TypeScript.
Bạn sẽ có thể tận dụng hệ thống kiểu dữ liệu mạnh mẽ này tốt hơn nữa! 🚀

Chương 07
Xem xét các loại đối tượng

Kiểu đối tượngmột khái niệm rất quan trọng trong TypeScript vì chúng cho phép bạn chỉ định rõ ràng kiểu khi xử lý các đối tượng, do đó tăng tính ổn định và khả năng dự đoán của mã.
Chúng tôi đã đề cập ngắn gọn về vấn đề này trước đây, nhưng trong chương này chúng ta sẽ tìm hiểu sâu hơn về các loại đối tượng .

Từ định nghĩa về kiểu đối tượng cho đến giao diện , bí danh kiểu và các phương pháp xử lý đối tượng khác, bạn sẽ được học thông qua các ví dụ thực tế .
Bạn sẽ học các kỹ thuật để quản lý các đối tượng trong TypeScript một cách hiệu quả . Qua chương này, bạn sẽ củng cố thêm hiểu biết của mình về các loại đối tượng và phát triển khả năng xử lý các cấu trúc phức tạp! 💡

Chương 08
Giao diện

Bây giờ là lúc để trở thành chuyên gia ! 🚀
Trong chương này, bạn sẽ tìm hiểu về giao diện và cách chỉ định hiệu quả các kiểu dưới dạng đối tượng.

Giao diện được sử dụng để xác định cấu trúc của các đối tượng trong TypeScript, cho phép sử dụng lại các kiểu sau khi đã xác định.
Điều này làm giảm sự trùng lặp mã và cho phép viết mã sạch, dễ bảo trì .

Trong chương này, bạn sẽ học cách sử dụng giao diện và viết mã có cấu trúc và mở rộng hơn!
Tìm hiểu các kỹ thuật cốt lõi để xử lý hiệu quả các loại đối tượng và tạo ra các cấu trúc có thể tái sử dụng .

Chương 09
Loại bí danh

Biệt danh kiểu là khái niệm tương tự như giao diện , nhưng chúng là công cụ mạnh mẽ cho phép bạn xác định kiểu tùy chỉnh của riêng mình.
Trong chương này, bạn sẽ học cách tạo và quản lý kiểu dữ liệu của riêng mình bằng cách sử dụng bí danh kiểu dữ liệu . 🎯

Biệt danh kiểu đặc biệt hữu ích khi tạo các kiểu phức tạp hoặc có thể tái sử dụng vì chúng cho phép bạn kết hợp nhiều kiểu khác nhau , giúp bạn viết mã linh hoạt .
Giao diện cho phép bạn tạo ra các kiểu dữ liệu hiệu quả và có thể tái sử dụng trong TypeScript.

Trong chương này, hãy tìm hiểu cách tạo các kiểu có cấu trúc bằng cách sử dụng bí danh kiểu !

Chương 10
lớp học

Lớp là một khái niệm quan trọng trong JavaScript, nhưng lớp trong TypeScript có thể phức tạp hơn một chút do hệ thống kiểu được thêm vào bên trên chúng.
Nhưng đừng lo lắng! Bạn có thể học từng bước các khái niệm cốt lõingữ pháp của các lớp TypeScript và học cách thực sự chỉ định và sử dụng các kiểu .

Bạn sẽ học cách áp dụng lập trình hướng đối tượng (OOP) theo cách TypeScript bằng cách sử dụng các lớp và cách viết mã có thể bảo trì thông qua chỉ định kiểu, kế thừa và sửa đổi quyền truy cập trong các lớp. 🛠

Qua chương này, bạn sẽ hiểu sâu hơn về các lớp TypeScript và trải nghiệm bản chất của lập trình hướng đối tượng ! 🚀

Chương 11
Chung chung

Generics được mệnh danh là vua của TypeScript! Lúc đầu bạn có thể thấy hơi khó hiểu, nhưng khi đã hiểu, nó sẽ trở thành một công cụ mạnh mẽ cho phép bạn sử dụng TypeScript hiệu quả và linh hoạt hơn . 🚀

Generics là tính năng giúp bạn thiết lập kiểu dữ liệu một cách linh hoạt , rất hữu ích khi viết mã có thể tái sử dụng . Bạn sẽ học cách chỉ định động các kiểu trong hàm , lớp , giao diện , v.v., cho phép bạn viết mã hiệu quả và có thể mở rộng hơn .

Học về kiểu chung sẽ giúp bạn nhận ra tính linh hoạtkhả năng mở rộng quan trọng như thế nào đối với mã của bạn và điều này sẽ cho phép bạn trải nghiệm sức mạnh thực sự của TypeScript . 🧠

Trong chương này, chúng tôi sẽ giải thích các khái niệm cơ bản về genericcách sử dụng chúng trong thực tế theo từng bước và hướng dẫn bạn trên con đường thành thạo generic! 😎

Chương 12
Loại tiện ích

TypeScript cung cấp nhiều loại tiện ích giúp bạn viết code ngắn gọn và hiệu quả hơn. Nếu bạn sử dụng tốt các loại tiện ích này, bạn có thể giảm mã lặp lại và viết mã sạch hơn .

Các loại tiện ích bao gồm nhiều loại khác nhau như Một phần , Bắt buộc , Chỉ đọc , Chọn , Bỏ qua , v.v. Nếu bạn sử dụng tốt các kiểu này, chúng sẽ giúp ích rất nhiều trong việc xử lý chuyển đổi kiểu và biến đổi các kiểu hiện có một cách dễ dàng.

Trong chương này, bạn sẽ học cách sử dụng TypeScript hiệu quả hơn thông qua cách sử dụng cơ bản các kiểu tiện íchcác ví dụ thực tế . 🙌

Bằng cách tìm hiểu các kiểu tiện ích, bạn sẽ học cách xử lý TypeScript dễ dàng hơn và viết mã thuận tiện hơn khi thực hành. 🚀

Những câu hỏi thường gặp

H. Tôi là người mới bắt đầu và thực sự không biết gì cả. Như vậy được không?
A. Có. Thực sự ổn thôi. Đây là khóa học được thiết kế riêng để ngay cả những người không biết gì cũng có thể học được.

H. Có cần phải có kiến ​​thức trước không?

A. Có, khóa học này yêu cầu bạn phải có kiến ​​thức trước về HTML5/CSS3/JavaScript.

Những điều cần lưu ý trước khi tham gia lớp học

Môi trường thực hành

  • Hệ điều hành và Phiên bản (OS): Windows, macOS

  • Công cụ sử dụng: Visual Studio Code, Chrome

  • Thông số kỹ thuật của PC: Cấu hình tối thiểu cho phép lướt web cũng được chấp nhận.

Tài liệu học tập

  • Chúng tôi cung cấp tài liệu học tập cho mỗi bài giảng để giúp bạn tiến bộ trong quá trình đào tạo thực hành.


Kiến thức và ghi chú của người chơi

  • Những người không chuyên ngành và người mới bắt đầu cũng có thể tham gia khóa học

  • Tuy nhiên, bạn phải học HTML5/CSS3/JavaScript trước.

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • A developer who already knows JavaScript

  • Frontend developer

  • Backend developer

  • Full-stack developer

  • Developers who want to learn TypeScript for the first time

  • Team developer

  • Someone who wants to develop large-scale applications

Cần biết trước khi bắt đầu?

  • JavaScript

Xin chào
Đây là

4,437

Học viên

206

Đánh giá

80

Trả lời

4.9

Xếp hạng

7

Các khóa học

수코딩은 온라인과 오프라인을 병행하면서
코딩을 가르치는 활동을 하고 있습니다.

다년간의 오프라인 강의 경험을 바탕으로,
더 많은 사람들이 코딩을 쉽고 재미있게 배울 수 있도록
매일 고민하고, 끊임없이 노력하고 있습니다.

현재까지 다음과 같은 3권의 책을 출판하며
프런트엔드 강의 분야를 선도하고 있습니다:

또한, 유튜브 채널을 통해 다양한 무료 강의도 제공하고 있습니다.
👇 지금 바로 방문해 보세요
[유튜브 채널 링크]

Chương trình giảng dạy

Tất cả

96 bài giảng ∙ (5giờ 53phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

9 đánh giá

5.0

9 đánh giá

  • 김내현님의 프로필 이미지
    김내현

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    • 수코딩
      Giảng viên

      내현님 :) 화이팅입니다!

  • 김예빈님의 프로필 이미지
    김예빈

    Đánh giá 2

    Đánh giá trung bình 3.5

    5

    30% đã tham gia

  • sy님의 프로필 이미지
    sy

    Đánh giá 4

    Đánh giá trung bình 5.0

    Đã chỉnh sửa

    5

    45% đã tham gia

    설명이 정말 깔끔하고 이해도 잘 돼서 듣는 맛이 있습니다. 목소리 톤도 편안해서 듣는 내내 집중도 잘 되고, 귀에도 쏙쏙 들어옵니다!! 역시 믿고 듣는 수코딩님 강의! 완강까지 열심히 달려보겠습니다~ 타입스크립트 강의 ? 수코딩.

    • 수코딩
      Giảng viên

      정성스러운 후기 정말 감사합니다 😊 강의가 도움이 되고, 재미있게 들어주셨다니 큰 힘이 되네요! 끝까지 함께 완강하실 수 있도록 저도 응원하겠습니다. 앞으로도 좋은 강의로 보답드릴게요. 감사합니다!

  • Sun drop님의 프로필 이미지
    Sun drop

    Đánh giá 3

    Đánh giá trung bình 4.7

    5

    100% đã tham gia

    기본 개념부터 제네릭, 인터페이스 등 실제 핵심 포인트를 확실하게 짚어줘서 이해가 쉬웠고 강의를 다 듣고 나니 개념이 머릿속에서 깔끔하게 정리 되어 너무 좋습니다👍🏻 타입스크립트가 헷갈린다 하시는 분들에게 완전 강추

    • 수코딩
      Giảng viên

      좋은 리뷰 감사합니다! 😀 해피 코딩하세요 !

  • 깨굴이님의 프로필 이미지
    깨굴이

    Đánh giá 5

    Đánh giá trung bình 5.0

    5

    6% đã tham gia

    이전에 수코딩 사이트에서 타입스크립트 강의 수강했었는데 인프런에도 올라왔네요 👀 강의당 시간이 짧아서 틈틈히 쪼개 듣기 좋았어요! 타입스크립트를 배운 상태에서 개념 정리하려고 들은 건데 몰랐던 개념까지 알아갑니당

    • 수코딩
      Giảng viên

      도움이 되셨다니 다행입니다 😎 좋은 하루 되세요!

1.165.874 ₫

Khóa học khác của sucoding

Hãy khám phá các khóa học khác của giảng viên!

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!