TypeScript vừa tầm một miếng ăn (TypeScript Bite-sized)

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

(5.0) 666 đánh giá

13,975 học viên

Độ khó Cơ bản

Thời gian Không giới hạn

TypeScript
TypeScript
TypeScript
TypeScript

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

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

5.0

5.0

wjdgksak

80% đã tham gia

Bản đánh máy của thuyền trưởng Pangyo, bản đánh máy của Zerocho, tất cả đều tuyệt vời như con người. Chất lượng của các bài giảng là tuyệt vời và giá cả phải chăng. Đây là Hyeja. Tôi đặc biệt thích phần chung chung rất dễ hiểu!

5.0

eko09

89% đã tham gia

Đó là một bài giảng rất hay haha Về cá nhân, bài giảng thứ ba là về cách tạo một dự án với React + TS. Tôi muốn xem một bài giảng áp dụng toàn diện những gì bạn đã học ở Phần 1 và 2!! cười

5.0

MJ JI

17% đã tham gia

Một bài giảng đã cướp đi túi tiền của một ông già!! Bạn là người dẫn đầu thực sự trong các bài giảng về React!! Một bài giảng mà hai người sẽ không bao giờ biết được ngay cả khi một người ăn nó và một người chết!! Lee Jeong-hwan của React cắt nó thành miếng vừa ăn và ăn!!!

Bạn sẽ nhận được điều này sau khi học.

  • TypeScript

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

  • Sự hiểu biết sâu sắc về hệ thống kiểu dữ liệu

  • Hiểu về kiểu dữ liệu dưới dạng tập hợp

  • Sử dụng TypeScript với React

 

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

Link các khóa học trong series
> React vừa một miếng ăn :https://inf.run/v3XAj
TypeScript vừa một miếng ăn : https://inf.run/FpLm4
Next.js vừa một miếng ăn : https://inf.run/v3XAj


Trong thời đại AI, TypeScript vẫn là xu hướng không thể tránh khỏi của Frontend,
đã đến lúc chúng ta phải thực sự chinh phục nó rồi! 😎

Đây là bài giảng của diễn giả tại "Tại sao TypeScript lại như vậy?" trong khuôn khổ Inffcon 2023.

🧐 Dù học bao nhiêu vẫn thấy bối rối,
đã đến lúc học TypeScript một cách bài bản rồi

'TypeScript', thứ giờ đây đã trở thành một xu hướng không thể tránh khỏi!
Nếu bạn chỉ học sơ qua cú pháp mà không hiểu rõ nguyên lý,
bạn thậm chí sẽ không thể xử lý tốt ngay cả những mã TypeScript do AI tạo ra.

Bạn thực sự hiểu rõ về TypeScript chứ?
Hãy thử kiểm tra xem bạn có thể trả lời đầy đủ các câu hỏi dưới đây không nhé.

  • "Loại" (type) trong TypeScript có nghĩa là gì?
  • Khả năng tương thích giữa các loại dữ liệu khác nhau được quyết định dựa trên tiêu chuẩn nào?
  • Bạn có thể giải thích chi tiết nguyên lý hoạt động của các kiểu dữ liệu được cung cấp sẵn (any, unknown, never, v.v.) không?

Khóa học này không chỉ dừng lại ở việc liệt kê các cú pháp ở mức độ mà AI có thể chỉ cho bạn.
Chúng ta sẽ cùng tìm hiểu lý do tại sao TypeScript lại hoạt động như vậy, bao gồm cả cú pháp, một cách rất dễ hiểu và thú vị.

Sau khi kết thúc khóa học!
Giờ đây các bạn sẽ trở thành những
phù thủy TypeScript thực thụ, người có thể xử lý gọn gàng các lỗi type trong code do AI viết. 🧙🏻‍♀️

Chúng tôi cũng cung cấp một sổ tay (handbook) để bạn có thể xem cùng với bài giảng như trong hình bên dưới!

Chúng ta sẽ cùng tìm hiểu những khái niệm khó và phức tạp
một cách dễ dàng và thú vị

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, nên
có thể sẽ khó để hiểu rõ nguyên lý chỉ bằng lời nói và văn bản.
Vì vậy, tôi đã chuẩn bị nhiều tài liệu hình ảnh và ví dụ đa dạng.
Dù là khái niệm khó và phức tạp đến đâu, chúng ta cũng sẽ cùng tìm hiểu một cách dễ dàng và thú vị.

 


Khuyên dùng cho những đối tượng sau 🙆‍♀️

Những người đã hoàn thành việc học JavaScript và đang định bắt đầu học TypeScript lần đầu tiên

Những người đã từng học TypeScript nhưng vẫn còn nhiều điều thắc mắc và nhầm lẫn

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

Những bạn muốn sử dụng kết hợp React và TypeScript.


Đặc điểm của bài giảng ✨

🎨
Mọi lúc mọi nơi

Luôn hết mình với các tài liệu hình ảnh

Tôi tin rằng việc học với những tài liệu hình ảnh sạch sẽ, đẹp mắt và ấn tượng sẽ giúp bạn tập trung tốt hơn và ghi nhớ lâu hơn.
Tất cả hình ảnh đều do tôi tự tay thiết kế, vì vậy bạn có thể chụp màn hình và sử dụng chúng cho các bài viết trên blog học tập của mình. 😃

🖌️
Học cùng bảng viết máy tính bảng

Học tập bằng hình ảnh

Để hiểu dễ dàng và nhanh chóng hơn thì tài liệu hình ảnh vẫn là tốt nhất đúng không nào? Vì vậy, tôi đã mua một chiếc máy tính bảng chuyên dụng để viết bảng phục vụ cho việc quay bài giảng này. Hãy cùng tôi tìm hiểu sâu về TypeScript thông qua các nội dung viết bảng nhé.

🗄️
Mã thực hành theo từng phần
được sắp xếp gọn gàng

Sẽ thật đáng tiếc nếu bạn lưu trữ những mã thực hành đã dày công viết ra một cách bừa bãi đúng không? Tôi đã chú trọng chia mã nguồn theo từng phần một cách khoa học để bạn có thể xem lại bất cứ lúc nào.

📗
Có thể ôn tập bất cứ lúc nào với
Giáo trình bài giảng miễn phí

Để giúp bạn tiết kiệm công sức phải nghe lại bài giảng từ đầu khi ôn tập, chúng tôi cung cấp giáo trình bài giảng miễn phí.

🌏
Vẫn đồng hành cùng nhau ngay cả sau khóa học!
Cộng đồng dành riêng cho học viên

Học tập là không có điểm dừng.
Ngay cả khi khóa học này kết thúc, chúng ta hãy cùng tập hợp tại cộng đồng dành riêng cho học viên
để chia sẻ kiến thức, tin tức đa dạng và cùng nhau phát triển 🌱

[Section 0 Chương 2: Tham gia cộng đồng học viên]

Hãy kiểm tra liên kết và mật khẩu phòng chat mở dành riêng cho học viên tại đây


Nội dung học tập 📚

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

Để hiểu rõ một công nghệ, bạn cần biết nó được ra đời trong bối cảnh nào. Vì vậy, trong chương 1, chúng ta sẽ tìm hiểu về bối cảnh ra đời của TypeScript để xem vấn đề mà nó muốn giải quyết là gì và nó có những đặc điểm chi tiết nào.

📌 PHẦN 2~3. Củng cố kiến thức cơ bản về TypeScript

Chúng ta sẽ tìm hiểu về những cú pháp cơ bản nhất của TypeScript. Đồng thời, chúng ta cũng sẽ xem xét chính xác khái niệm "type" trong TypeScript là gì, cũng như mối quan hệ giữa các kiểu dữ liệu và cách chúng hoạt động cùng nhau.

📌 SECTION 4~6. Tìm hiểu cú pháp TypeScript

Chúng ta sẽ tìm hiểu về các tính năng và cú pháp đa dạng của TypeScript như định nghĩa kiểu hàm, nạp chồng hàm (function overloading), interface và class.

📌 SECTION 7~9. Thao tác với Type như một phù thủy

Chúng ta sẽ tìm hiểu về tính năng thao tác kiểu dữ liệu (type manipulation) - một trong những tính năng độc đáo và mạnh mẽ nhất của TypeScript. Chúng ta sẽ cùng xem qua các cú pháp thao tác kiểu dữ liệu rất đa dạng của TypeScript như Generic, Indexed Access Type, Mapped Type, toán tử Keyof, và Conditional Type.

📌 PHẦN 10. Sử dụng Utility Types

Chúng ta sẽ cùng tìm hiểu về các loại Utility Types khác nhau mà TypeScript cung cấp sẵn. Ngoài ra, chúng ta cũng sẽ tự tay triển khai lại các Utility Types đã học bằng cách sử dụng những kiến thức đã tích lũy từ trước đến nay.

📌 PHẦN 11. (Bonus +) Sử dụng TypeScript trong React

Kết thúc như thế này thì thật đáng tiếc đúng không? Vì vậy, tôi đã chuẩn bị một phần bonus. Chúng ta sẽ cùng nhau tạo một danh sách việc cần làm (Todo List) rất đơn giản để tìm hiểu cách áp dụng TypeScript vào dự án React.


Câu hỏi thường gặp Q&A 💬

Q. Tôi có biết về JavaScript nhưng không rành lắm. Tôi có thể theo học được không?

Vâng. Nếu bạn không ở mức độ hoàn toàn không biết gì thì vẫn có thể theo học được. Mỗi khi cần đến kiến thức nền tảng về JavaScript, tôi đã đính kèm tài liệu học tập JavaScript do chính mình biên soạn vào trong ghi chú bài giảng. Ngoài ra, nếu cú pháp quá khó, bạn cũng có thể đặt câu hỏi trong cộng đồng học viên để nhận được sự trợ giúp.

Tài liệu học JavaScript (Trích từ cuốn sách React kích cỡ vừa ăn)

Q. Tôi là nhà phát triển backend Node.js. Tôi không phải là nhà phát triển frontend thì có thể theo học được không?

Vâng. Bạn có thể học tất cả các phần ngoại trừ chương bổ sung cuối cùng (React + TypeScript).

Q. Tôi có thể chụp màn hình hoặc slide bài giảng để đăng lên blog không?

Vâng! Bạn có thể tự do sử dụng. Chỉ xin đừng đem bán là được ạ. 🥲 Ngoài ra, tôi có một thỉnh cầu nhỏ là nếu bạn có thể đính kèm link bài giảng của tôi làm nguồn thì tôi rất biết ơn.


Lưu ý trước khi học 📢

Kiến thức tiên quyết

  1. Bạn cần có kinh nghiệm sử dụng JavaScript phiên bản ES6 trở lên (như hàm mũi tên, v.v.).
  2. Để học phần chương bổ sung (bonus section), bạn cần có kiến thức nền tảng về React tương đương với khóa học trước đó (React học một ngụm là hiểu ngay).

Lưu ý

  1. Tôi khuyến khích bạn nên vừa học vừa tự tay viết lại toàn bộ mã thực hành.
  2. Tôi thực sự khuyên bạn nên tóm tắt lại những nội dung đã học trong bài giảng vào blog cá nhân của mình.
  3. Nếu bạn có bất kỳ thắc mắc nào, đừng ngần ngại đăng lên bảng hỏi đáp hoặc cộng đồng học viên nhé.

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

Là một nhà giáo dục luôn tin rằng mọi thứ đều có cách giải thích dễ hiểu và thú vị. Anh là tác giả của khóa học "React miếng nào xào miếng nấy" (React Bite-size), khóa học đã thu hút khoảng 5.000 học viên trên Inflearn và Udemy chỉ sau một năm ra mắt. Để giúp đỡ những người mong muốn trở thành lập trình viên, anh đã xây dựng và vận hành DEVSTU - một trang web chia sẻ kiến thức lập trình trong khoảng 2 năm. Từ năm 2022, anh cũng mở và điều hành một phòng chat mở dành cho những người đang học React. Ngoài ra, anh từng đảm nhiệm vị trí CTO tại một startup dịch vụ dành cho các lập trình viên trẻ (junior) trong 2 năm.

Lịch sử làm việc

Portfolio/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 bắt đầu học TypeScript

  • Những người đã từng học TypeScript nhưng vẫn chưa thấy tự tin.

  • Những người muốn hiểu rõ nguyên lý và sử dụng TypeScript.

  • Nhà phát triển Front-end

  • Nhà phát triển Backend Node.js

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

  • JavaScript (ES6)

  • Để nghe phần thưởng, hãy chọn React.js

Xin chào
Đây là winterlood

38,403

Học viên

2,870

Đánh giá

1,655

Trả lời

4.9

Xếp hạng

19

Các khóa học

Cùng thưởng thức Web Front-end với kích thước vừa miệng nhé?!

Xin chào 🙇‍♂

Tôi là một người tin rằng luôn có cách để giải thích mọi thứ một cách dễ hiểu và thú vị, đồng thời cũng là

Tôi là người mong muốn tạo ra một cộng đồng nhà phát triển ấm áp nhất trên thế giới.

 

Thêm

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ả

666 đánh giá

5.0

666 đánh giá

  • javascriptgosu님의 프로필 이미지
    javascriptgosu

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    81% đã tham gia

    Tôi đã tham gia khóa học React để tiếp nối và nó thực sự tuyệt vời 👍👍👍 1. Tạo nhiều ví dụ khác nhau cho từng khái niệm mới và giải thích chúng cùng nhau. 2. Trả lời câu hỏi nhanh chóng và dễ hiểu. 3. Tốt để xem lướt hoặc ôn tập nhanh chóng với sổ tay đi kèm - đặc biệt là xem lại các ví dụ trong bài giảng 👍 4. Họ cắt nó thành từng miếng vừa ăn nên thật tuyệt khi ăn một hoặc hai miếng mỗi lần mà không cảm thấy bị áp lực! 5. Nó kể câu chuyện với cách diễn đạt chính xác và tốc độ nhanh! Lúc review thì mình nghe ở tốc độ gấp đôi, nhưng phát âm tốt nên không có vấn đề gì cả! 6. Tôi nghĩ đây là một bài giảng cơ bản tiêu chuẩn được xây dựng rất tốt! Sau một hồi chần chừ, tôi quyết định tham gia thử thách mà người hướng dẫn đưa ra và kiên trì, nhưng nếu các bạn nghe theo thì hãy nhớ tham gia thử thách nhé!

    • evelo0702님의 프로필 이미지
      evelo0702

      Đánh giá 13

      Đánh giá trung bình 3.1

      5

      89% đã tham gia

      Đó là một bài giảng rất hay haha Về cá nhân, bài giảng thứ ba là về cách tạo một dự án với React + TS. Tôi muốn xem một bài giảng áp dụng toàn diện những gì bạn đã học ở Phần 1 và 2!! cười

      • mamapai님의 프로필 이미지
        mamapai

        Đánh giá 36

        Đánh giá trung bình 4.9

        5

        17% đã tham gia

        Một bài giảng đã cướp đi túi tiền của một ông già!! Bạn là người dẫn đầu thực sự trong các bài giảng về React!! Một bài giảng mà hai người sẽ không bao giờ biết được ngay cả khi một người ăn nó và một người chết!! Lee Jeong-hwan của React cắt nó thành miếng vừa ăn và ăn!!!

        • wjdgksak0677님의 프로필 이미지
          wjdgksak0677

          Đánh giá 14

          Đánh giá trung bình 4.9

          5

          80% đã tham gia

          Bản đánh máy của thuyền trưởng Pangyo, bản đánh máy của Zerocho, tất cả đều tuyệt vời như con người. Chất lượng của các bài giảng là tuyệt vời và giá cả phải chăng. Đây là Hyeja. Tôi đặc biệt thích phần chung chung rất dễ hiểu!

          • q33as1836님의 프로필 이미지
            q33as1836

            Đánh giá 22

            Đánh giá trung bình 5.0

            5

            100% đã tham gia

            Tôi đã tham gia một bài giảng về React và một bài giảng về TypeScript. Đôi khi nó chi tiết và đôi khi nó được giải thích một cách đơn giản và rõ ràng nên rất dễ hiểu. Các hình minh họa và hình ảnh dùng để giải thích bài giảng rất đơn giản và dễ hiểu khi nhìn thoáng qua. Tốt cho người mới bắt đầu nghe!! Tôi thực sự thích bài giảng này tôi sẽ nghe đi nghe lại nó!!

            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!

            1.012.743 ₫