강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Programming Language

Ăn từng miếng nhỏ với TypeScript

Vượt qua ngữ pháp, đi sâu vào nguyên lý hoạt động và hiểu khái niệm. TypeScript, học mãi vẫn thấy bối rối, giờ đây hãy học một cách đúng đắn! Chúng tôi sẽ biến bạn thành phù thủy TypeScript 🧙🏻‍♀️.

(5.0) 430 đánh giá

12,724 học viên

  • winterlood
타입스크립트
typescript
프론트엔드
TypeScript

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

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

  • TypeScript

  • Sự cần thiết và đặc điểm của TypeScript

  • Tư duy sâu về hệ thống kiểu

  • Hiểu kiểu như tập hợp

  • Sử dụng TypeScript cùng React

Nhấp vào hình ảnh để xem lộ trình.
> Liên kết lộ trình: https://link.onebitefe.com/r/5cdagw

Liên kết bài giảng của Series
> Phản ứng theo từng phần nhỏ: https://inf.run/v3XAj
>
TypeScript được chia thành từng phần nhỏ: https://inf.run/FpLm4
>
Tiếp theo cắt thành từng miếng nhỏ: https://inf.run/v3XAj

TypeScript, xu hướng tất yếu trong front-end
Bây giờ là lúc để chinh phục nó một cách đúng nghĩa! 😎

Đây là bài thuyết trình của người thuyết trình tại Infocon 2023 "Tại sao lại là TypeScript?"

 

🧐 Dù tôi có học bao nhiêu đi nữa thì vẫn thấy khó hiểu
TypeScript, chúng ta hãy học nó một cách đúng đắn ngay bây giờ

TypeScript hiện đã trở thành xu hướng tất yếu!
Nếu bạn chỉ học ngữ pháp một cách sơ sài mà không hiểu đúng các nguyên tắc,
Thật khó để tận dụng hết các tính năng mạnh mẽ mà TypeScript cung cấp.

Bạn có thực sự hiểu TypeScript không?
Vui lòng kiểm tra xem bạn có thể trả lời đầy đủ các câu hỏi dưới đây không.

  • 'Kiểu' trong TypeScript là gì?
  • Sự tương thích giữa các loại khác nhau được xác định như thế nào?
  • Bạn có thể giải thích chi tiết về cách thức hoạt động của các kiểu được cung cấp theo mặc định (bất kỳ, không xác định, không bao giờ, v.v.) không?

Bài giảng này không phải là bài giảng chỉ liệt kê ngữ pháp của TypeScript.
Tại sao TypeScript lại hoạt động theo cách như vậy, bao gồm ngữ pháp và cách nó được thiết kế.
Học rất dễ dàng và thú vị.
Vào cuối khóa học này, bạn sẽ trở thành một phù thủy TypeScript. 🧙🏻‍♀️
Một cuốn sổ tay cũng được cung cấp kèm theo bài giảng, như thể hiện trong hình ảnh bên dưới!

Các khái niệm khó và phức tạp
Chúng ta sẽ xem xét vấn đề này theo cách dễ dàng và thú vị.

Bởi vì TypeScript là ngôn ngữ hoạt động dựa trên 'lý thuyết tập hợp' của toán học,
Có thể khó hiểu rõ các nguyên tắc chỉ thông qua lời nói và văn bản.
Vì vậy, tôi đã chuẩn bị nhiều tài liệu trực quan và trường hợp khác nhau.
Dù khái niệm có khó hay phức tạp đến đâu, chúng ta cũng sẽ xem xét nó theo cách dễ dàng và thú vị.


Tôi giới thiệu điều này cho những người này 🙆‍♀️

Dành cho những ai đã hoàn thành việc học JavaScript và đang cố gắng học TypeScript lần đầu tiên

Tôi đã học TypeScript, nhưng vẫn còn nhiều điều khó hiểu.

Dành cho những ai muốn hiểu chính xác các khái niệm và nguyên tắc hoạt động của TypeScript

Bất kỳ ai muốn thử sử dụng React và TypeScript cùng nhau


Tính năng bài giảng ✨

🎨
Bất cứ lúc nào, bất cứ nơi đâu

Tôi nghiêm túc về hình ảnh

Tôi tin rằng học tập với các phương tiện trực quan sạch sẽ, đẹp và thú vị sẽ giúp bạn tập trung tốt hơn và nhớ lâu hơn.
Đây là tất cả hình ảnh tôi tự tạo, vì vậy bạn có thể chụp lại và sử dụng chúng trong các bài đăng trên blog về học tập của mình. 😃

🖌️
Với bảng máy tính bảng

Học trực quan

Khi nói đến việc hiểu dễ dàng và nhanh chóng hơn, phương tiện trực quan là tốt nhất, đúng không? Đó là lý do tại sao tôi mua một máy tính bảng để quay bài giảng này. Hãy cùng đào sâu vào TypeScript với sự trợ giúp của máy tính bảng.

🗄️
Mã thực hành được phân chia
Dọn dẹp

Sẽ thật đáng tiếc nếu chỉ lưu trữ các mã thực hành mà bạn đã dày công viết ra? Tôi đã sắp xếp các mã thành các phần để bạn có thể xem lại bất cứ lúc nào.

📗
Luôn luôn có sẵn để xem xét
Ghi chú bài giảng miễn phí

Để giúp bạn khỏi phải mất công nghe lại bài giảng từ đầu để xem lại , chúng tôi cung cấp ghi chú bài giảng miễn phí.

🌏
Cùng nhau sau giờ học!
Cộng đồng chỉ dành cho sinh viên

Việc học không bao giờ có hồi kết.
Ngay cả sau khi khóa học này kết thúc, bạn vẫn có thể tụ họp trong cộng đồng chỉ dành cho sinh viên
Hãy cùng nhau phát triển bằng cách chia sẻ kiến ​​thức và tin tức khác nhau nhé 🌱

[0 Mục 2 Chương: Tham gia cộng đồng sinh viên]

Kiểm tra liên kết và mật khẩu cho phòng trò chuyện mở chỉ dành cho sinh viên.


Bạn sẽ học được gì 📚

📌 PHẦN 1. Giới thiệu về TypeScript

Để hiểu rõ công nghệ này, bạn cần biết bối cảnh mà nó ra đời. Do đó, trong Phần 1, chúng ta sẽ xem xét bối cảnh mà TypeScript ra đời và xem xét kỹ hơn các vấn đề mà TypeScript đang cố gắng giải quyết và các tính năng mà nó có.

📌 PHẦN 2~3. Xây dựng các kiến ​​thức cơ bản về TypeScript

Chúng ta sẽ xem cú pháp TypeScript cơ bản nhất, đồng thời tìm hiểu ý nghĩa chính xác của TypeScript theo từng kiểu, cách các kiểu liên quan với nhau và cách chúng hoạt động.

📌 PHẦN 4~6. Ôn tập ngữ pháp TypeScript

Chúng ta sẽ xem xét nhiều tính năng và cú pháp khác nhau của TypeScript, chẳng hạn như định nghĩa kiểu hàm, nạp chồng hàm, giao diện và lớp.

📌 PHẦN 7~9. Thao tác các kiểu dữ liệu như một trình hướng dẫn

Chúng ta sẽ xem xét một trong những tính năng độc đáo và mạnh mẽ nhất của TypeScript: thao tác kiểu. Chúng ta sẽ xem xét nhiều cú pháp thao tác kiểu TypeScript, bao gồm generics, indexed access types, mapping types, toán tử Keyof và conditional types.

📌 PHẦN 10. Sử dụng các loại tiện ích

Chúng ta hãy xem xét các loại tiện ích khác nhau mà TypeScript cung cấp theo mặc định. Chúng ta cũng sẽ triển khai các loại tiện ích mà chúng ta đã xem xét bằng cách sử dụng kiến ​​thức đã học cho đến nay.

📌 PHẦN 11. (Phần thưởng +) Sử dụng TypeScript trong React

Sẽ thật đáng tiếc nếu kết thúc như thế này, đúng không? Đó là lý do tại sao tôi chuẩn bị một phần thưởng. Hãy cùng tạo một danh sách việc cần làm rất đơn giản và tìm hiểu cách áp dụng TypeScript vào dự án React.


Câu hỏi dự kiến ​​Q&A 💬

H. Tôi biết JavaScript, nhưng tôi không biết nhiều về nó. Tôi có thể hỏi bạn một câu hỏi không?

Có. Nếu bạn không hoàn toàn không biết gì, bạn có thể lắng nghe. Bất cứ khi nào bạn cần kiến ​​thức JavaScript trước, tôi đã đưa tài liệu học JavaScript mà tôi đã tạo vào trong ghi chú bài giảng. Ngoài ra, nếu bạn thấy ngữ pháp khó, bạn có thể đặt câu hỏi trong cộng đồng sinh viên và nhận trợ giúp.

Tài liệu học JavaScript (trích từ cuốn sách React ngắn gọn)

H. Tôi là một nhà phát triển backend Node.js. Tôi có thể tham gia mặc dù tôi không phải là một nhà phát triển frontend không?

Có, bạn có thể nghe tất cả các phần ngoại trừ phần thưởng cuối cùng (React + TypeScript).

H. Tôi có thể chụp lại bài giảng PPT hoặc màn hình và đăng lên blog của mình không?

Vâng! Bạn cứ thoải mái sử dụng. Chỉ cần đừng bán nó. 🥲 Một yêu cầu bổ sung: Nếu bạn có thể cung cấp liên kết đến bài giảng của tôi làm nguồn, tôi sẽ rất biết ơn.


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

Kiến thức của người chơi

  1. Bạn phải có kinh nghiệm sử dụng JavaScript ES6 trở lên (hàm mũi tên, v.v.).
  2. Để theo dõi phần thưởng, bạn sẽ cần một số kiến ​​thức trước về React, tương tự như những gì bạn đã học trong bài giảng trước (React theo từng phần nhỏ).

Ghi chú

  1. Chúng tôi khuyên bạn nên học bằng cách làm theo và tự viết toàn bộ mã thực hành.
  2. Tôi thực sự khuyên bạn nên sắp xếp những gì bạn đã học trên lớp thành một blog cá nhân.
  3. Nếu bạn có bất kỳ câu hỏi nào, đừng ngần ngại đăng lên bảng Hỏi & Đáp hoặc trong cộng đồng sinh viên.

Giới thiệu người chia sẻ kiến ​​thức ✒️

Một nhà giáo dục tin rằng có một cách để giải thích mọi thứ một cách dễ dàng và thú vị. Ông đã tạo ra khóa học 'React in bite-size pieces', đã đào tạo khoảng 5.000 học viên trên Inflearn và Udemy trong vòng một năm kể từ khi ra mắt. Ông đã tạo ra trang web chia sẻ kiến ​​thức dành cho nhà phát triển DEVSTU để giúp các nhà phát triển đầy tham vọng và đã điều hành trang web này trong khoảng 2 năm. Bắt đầu từ năm 2022, ông cũng sẽ mở và vận hành một phòng trò chuyện mở cho những người đang học React. Ông cũng đã làm việc với tư cách là CTO của một công ty khởi nghiệp dịch vụ dành cho các nhà phát triển mới vào nghề trong 2 năm.

Lịch sử

Danh mục đầu tư/Video cá nhân


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

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

  • Người mới dùng TypeScript

  • Người đã học TypeScript nhưng chưa tự tin

  • Những ai muốn hiểu và sử dụng nguyên lý của TypeScript.

  • Lập trình viên frontend

  • Lập trình viên backend Node.js

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

  • JavaScript (ES6)

  • Để nghe phần bonus: React.js

Xin chào
Đây là

31,054

Học viên

1,776

Đánh giá

1,355

Trả lời

4.9

Xếp hạng

5

Các khóa học

웹 프론트엔드 한 입 크기로 잘라먹어 볼까요?!

안녕하세요 🙇‍♂

저는 무엇이든 쉽고 재미있게 설명할 방법이 있다고 믿는 사람이자

세상에서 가장 따뜻한 개발자 커뮤니티를 만들고자 하는 사람입니다.

 

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

Tất cả

64 bài giảng ∙ (10giờ 31phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

430 đánh giá

5.0

430 đánh giá

  • wjdgksak0677님의 프로필 이미지
    wjdgksak0677

    Đánh giá 13

    Đánh giá trung bình 4.9

    5

    80% đã tham gia

    キャプテン版教様タイプスクリプト、ゼロ小型タイプスクリプト、これまでみんな聞いた人としてこれがちゃんですね 講義のクオリティーも値段も安いです。恵者です。 特にジェネリック部分がわかりやすくなってよかったです!

    • evelo0702님의 프로필 이미지
      evelo0702

      Đánh giá 13

      Đánh giá trung bình 3.1

      5

      89% đã tham gia

      とても良い講義でした。 個人的に講義3弾でreact + TSでプロジェクトを作る方法のような講義が出てきて 1,2編で勉強したことを総合的に適用させる講義は見たいです! ㅎㅎ

      • q33as1836님의 프로필 이미지
        q33as1836

        Đánh giá 21

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        リアクト講義も聞いてタイプスクリプト講義も聞きました。 ときどき詳しく、時には簡単明瞭に積載適所に説明してくれるので理解がとても上手ですね。 講義説明する絵や写真もシンプルなので一目でわかります。初心者が聞くのもいいです! とても好きな講義です何度も繰り返し聞きます!

        • theeastsea님의 프로필 이미지
          theeastsea

          Đánh giá 2

          Đánh giá trung bình 4.5

          5

          100% đã tham gia

          リアクト講義よりもアップグレードされた講義資料とチョンファンの声がとても良いです!私が今まで聞いたタイプのストリート講義の中で最も明確で簡単に説明していただきたいと思います!

          • mamapai님의 프로필 이미지
            mamapai

            Đánh giá 32

            Đánh giá trung bình 5.0

            5

            17% đã tham gia

            老人のオーストラリアを強奪した講義! 君は真のリアクト講義の先頭!! 二人が食べる 一つが死んでも知らない講義! 一口サイズに切って食べるリアクトイ・ジョンファン!

            Ưu đãi có thời hạn, kết thúc sau 1 ngày ngày

            4.351 ₫

            23%

            1.016.403 ₫

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

            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!