강의

멘토링

커뮤니티

BEST
Programming

/

Programming Language

TypeScript cắt nhỏ từng miếng vừa ăn

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

(5.0) 611 đánh giá

13,740 học viên

Độ khó Cơ bản

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

  • winterlood
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

  • Hiểu sâu về hệ thống kiểu

  • Hiểu kiểu dữ liệu như tập hợp

  • Sử dụng TypeScript cùng với React

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

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


Chia nhỏ React thành từng miếng vừa ăn :https://inf.run/v3XAj> Chia nhỏ TypeScript thành từng miếng vừa ăn : https://inf.run/FpLm4> Chia nhỏ Next.js thành từng miếng vừa ăn : https://inf.run/v3XAj` tags are empty - there is no Korean text provided between them to translate. However, I can see Korean text in the `` section. If you'd like me to translate those parts: **Before section:** Bite-sized React: https://inf.run/v3XAj> Bite-sized TypeScript: https://inf.run/FpLm4> Bite-sized Next: https://inf.run/v3XAj **After section:** The unavoidable trend in frontend, TypeScript - now is the time to properly conquer it! 😎 This is a lecture by the presenter of "Why is TypeScript Like That?" from Infcon 2023 Please provide the text you'd like translated between the `` tags if you need a different translation.

TypeScript - xu hướng không thể tránh khỏi của Frontend,
giờ đây đã đến lúc chinh phục nó một cách đúng đắn! 😎

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

🧐 TypeScript càng học càng rối,
bây giờ hãy học đúng cách thôi

TypeScript - ngôn ngữ đã trở thành xu hướng không thể tránh khỏi!
Nếu bạn chỉ học sơ sài cú pháp mà không hiểu đúng nguyên lý
thì sẽ khó có thể sử dụng đúng cách những tính năng mạnh mẽ mà TypeScript cung cấp.

Bạn có thực sự hiểu rõ về TypeScript không?
Hãy 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ì?
  • Tính tương thích giữa các kiểu khác nhau được quyết định dựa trên tiêu chí 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 được cung cấp mặc định (any, unknown, never, v.v.) không?

Đây không phải là khóa học chỉ liệt kê các cú pháp đơn thuần của TypeScript.
Bao gồm cú pháp, chúng ta sẽ tìm hiểu tại sao TypeScript hoạt động như vậy và được thiết kế ra sao
một cách rất dễ dàng và thú vị.
Sau khi kết thúc khóa học, bạn sẽ trở thành một phù thủy TypeScript. 🧙🏻‍♀️
Chúng tôi cũng cung cấp sổ tay hướng dẫn mà bạn có thể xem cùng với khóa học như hình dưới đây!

Chúng ta sẽ tìm hiểu các khái niệm khó và phức tạp
một cách dễ dàng và thú 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ể khó hiểu rõ nguyên lý chỉ bằng lời nói và chữ viết.
Vì vậy, chúng tôi đã chuẩn bị nhiều tài liệu trực quan 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ẽ tìm hiểu một cách dễ dàng và thú vị.

Có thể khó hiểu được một cách chắc chắn. Vì vậy tôi đã chuẩn bị nhiều tài liệu trực quan và ví dụ khác nhau. Dù là khái niệm khó và phức tạp đến đâu, chúng ta cũng sẽ tìm hiểu một cách dễ dàng và thú vị.` tags are empty. Based on the context provided in the `` tags, here are the translations: **Before text:** "It can be difficult to understand. That's why I've prepared various visual materials and examples. No matter how difficult and complex the concept is, we'll explore it in an easy and fun way." **After text:** "Recommended for these people 🙆‍♀️ Those who have finished learning JavaScript and want to learn TypeScript for the first time Those who have learned TypeScript but still have confusing points" However, since there is no content between the `` tags to translate, there is no output to provide.


Khóa học này dành cho những ai 🙆‍♀️

Người đã hoàn thành việc học JavaScript và muốn bắt đầu học TypeScript lần đầu

Người đã học TypeScript nhưng vẫn còn nhiều điểm chưa rõ ràng

Những bạn 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 React cùng với TypeScript


Đặc điểm khóa học ✨

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

Luôn chú trọng vào tài liệu trực quan

Học tập với tài liệu trực quan gọn gàng, đẹp mắt và ấn tượng thì bạn sẽ tập trung tốt hơn và ghi nhớ lâu hơn.
Tất cả đều là hình ảnh tôi tự làm nên bạn có thể chụp màn hình và sử dụng cho bài đăng blog học tập của mình. 😃

🖌️
Cùng với bảng viết tablet

Học tập trực quan

Để hiểu dễ dàng và nhanh chóng hơn thì tài liệu trực quan vẫn là tốt nhất phải không? Vì vậy tôi đã mua tablet để viết bảng cho khóa học này. Cùng với việc viết bảng, chúng ta sẽ tìm hiểu TypeScript một cách thấu đáo.

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

Sẽ thật tiếc nếu để những đoạn code thực hành đã công phu viết ra một cách bừa bãi phải không? Tôi đã chú ý để bạn có thể lưu trữ code được phân chia rõ ràng theo từng phần, giúp bạn có thể xem lại bất cứ lúc nào.

📗
Giáo án miễn phí
để ôn tập bất cứ lúc nào

Để giảm bớt công sức phải nghe lại toàn bộ khóa học từ đầu khi ôn tập, chúng tôi cung cấp giáo trình khóa học miễn phí.

🌏
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 không có điểm dừng.
Ngay cả khi khóa học này kết thúc, hãy tụ họp tại cộng đồng dành riêng cho học viên
để cùng nhau chia sẻ kiến thức và những tin tức đa dạng, cùng nhau phát triển 🌱

[Mục 0 Chương 2: Tham gia cộng đồng học viên]
, hãy
kiểm tra link phòng chat mở dành riêng cho học viên và mật khẩu


Nội dung học tập 📚

📌 PHẦN 1. Tổng quan về TypeScript

Để hiểu rõ một công nghệ, cần phải biết nó ra đời trong bối cảnh nào. Do đó, trong Section 1, chúng ta sẽ tìm hiểu bối cảnh ra đời của TypeScript, xem xét chi tiết TypeScript đã cố gắng giải quyết vấn đề gì và có những đặc điểm gì.

📌 PHẦN 2~3. Xây dựng nền tảng TypeScript cơ bản

Tìm hiểu cú pháp cơ bản nhất của TypeScript. Đồng thời tìm hiểu chính xác type mà TypeScript đề cập là gì, và các type có mối quan hệ như thế nào với nhau cũng như cách chúng hoạt động.

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

Khám phá các tính năng và cú pháp đa dạng của TypeScript như định nghĩa kiểu hàm, function overloading, interface, class, v.v.

📌 PHẦN 7~9. Thao tác kiểu dữ liệu như một phù thủy

Khám phá tính năng thao tác kiểu - tính năng độc đáo và mạnh mẽ nhất của TypeScript. Tìm hiểu các cú pháp thao tác kiểu rất đa dạng của TypeScript như Generic, Indexed Access Type, Mapped Type, toán tử Keyof, Conditional Type, v.v.

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

Tìm hiểu về các utility type khác nhau mà TypeScript cung cấp sẵn. Ngoài ra, chúng ta sẽ tự tay triển khai các utility type đã tìm hiểu bằng cách sử dụng kiến thức đã học cho đến nay.

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

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


Hỏi & Đáp các câu hỏi thường gặp 💬

Q. Tôi có biết JavaScript nhưng không rõ lắm. Tôi có nên học không?

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

Tài liệu học JavaScript (Trích từ sách React cắt nhỏ từng miếng)

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, liệu tôi có thể học khóa này không?

Có. Bạn có thể học tất cả ngoại trừ phần bonus cuối cùng (React + TypeScript).

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

Vâng! Bạn có thể tự do sử dụng. Chỉ xin đừng bán lại thôi nhé. 🥲 Thêm một điều nữa, tôi sẽ rất biết ơn nếu bạn ghi nguồn bằng link khóa học của tôi.


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 (hàm mũi tên, v.v.).
  2. Để học phần bonus, bạn cần có kiến thức React cơ bản ở mức độ khóa học trước (Học React từng miếng nhỏ).

Lưu ý

  1. Khuyến khích bạn học tập bằng cách tự tay viết theo tất cả code thực hành.
  2. Tôi thực sự khuyến khích bạn nên tổng hợp riêng những nội dung đã học trong khóa học lên blog cá nhân.
  3. Nếu có thắc mắc, đừng ngần ngại đăng lên bảng hỏi đáp hoặc cộng đồng học viên.

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

Là một nhà giáo dục tin rằng luôn có cách giải thích mọi thứ một cách dễ dàng và thú vị. Đã tạo ra khóa học 'React chia nhỏ từng miếng' thu hút khoảng 5,000 học viên trên Inflearn và Udemy chỉ sau 1 năm ra mắt. Để giúp đỡ những người mong muốn trở thành lập trình viên, đã tạo ra trang web chia sẻ kiến thức dành cho developer DEVSTU và vận hành khoảng 2 năm. Từ năm 2022, cũng mở và điều hành phòng chat mở dành cho những người học React. Ngoài ra, đã làm việc 2 năm với vai trò CTO tại một startup dịch vụ dành cho junior developer.

Lý lịch

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

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

  • Những người 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 thưởng, React.js

Xin chào
Đây là

37,205

Học viên

2,604

Đánh giá

1,600

Trả lời

4.9

Xếp hạng

13

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ả

611 đánh giá

5.0

611 đánh giá

  • 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!

    • 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á 34

        Đánh giá trung bình 5.0

        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!!!

        • 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é!

          • 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ó!!

            998.895 ₫

            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!