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 🧙🏻♀️.
🧐 Học mãi vẫn rối TypeScript, giờ hãy học đúng cách thôi
Bây giờ 'TypeScript' đã trở thành xu hướng không thể tránh khỏi! Nếu 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.
Các 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.
Trong TypeScript, 'type' (kiểu) là gì?
Tính tương thích giữa các kiểu dữ liệu khác nhau được quyết định dựa trên tiêu chí nào?
Có thể giải thích chi tiết về nguyên lý hoạt động của các kiểu dữ liệu cơ bản được cung cấp (any, unknown, never, v.v.) không?
Khóa học này không chỉ đơn thuần liệt kê các cú pháp của TypeScript. Bao gồm cả cú pháp, chúng ta sẽ tìm hiểu tại sao TypeScript hoạt động như vậy và nó được thiết kế như thế nào một cách rất dễ hiểu 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ẽ khám phá các khái niệm khó và phức tạp một cách dễ dàng và thú vị
TypeScript là một ngôn ngữ hoạt động dựa trên 'lý thuyết tập hợp' trong 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 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ị.
Khóa học này dành cho những ai 🙆♀️
Những người đã hoàn thành việc học JavaScript và muốn bắt đầu học TypeScript lần đầu
Những người đã học TypeScript nhưng vẫn còn nhiều điểm chưa rõ
Dành cho 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 người muốn sử dụng React và TypeScript cùng nhau
Đặc điểm khóa học ✨
🎨 Bất cứ lúc nào, bất cứ nơi đâu Luôn chân thành với tài liệu trực quan
Học tập với các tài liệu trực quan gọn gàng, đẹ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ả đều là hình ảnh tôi tự tạo nên bạn có thể chụp màn hình và sử dụng cho bài viết blog học tập của mình. 😃
🖌️ Học tập trực quan với bảng vẽ tablet
Để 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 máy tính bảng để viết bảng cho việc quay 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 đúng đắn.
🗄️ 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 mà bạn đã cố gắng viết ra một cách bừa bãi phải không? Chúng tôi đã chú ý để bạn có thể lưu trữ code được phân chia tốt 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ộ bài giảng từ đầu khi ôn tập, chúng tôi cung cấp giáo án bài giảng 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 để chia sẻ kiến thức và tin tức đa dạng, cùng nhau phát triển 🌱 [Phần 0 Chương 2: Tham gia cộng đồng học viên]에서 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. Giới thiệu về TypeScript
Để hiểu rõ một công nghệ, chúng ta cần biết nó ra đời trong bối cảnh nào. Do đó, trong phần 1, chúng ta sẽ tìm hiểu về bối cảnh ra đời của TypeScript, xem xét kỹ lưỡng TypeScript đã cố gắng giải quyết vấn đề gì và có những đặc điểm gì.
📌 PHẦN 2~3. Củng cố nền tảng TypeScript
Chúng ta sẽ tìm hiểu cú pháp cơ bản nhất của TypeScript. Đồng thời, chúng ta sẽ xem xét chính xác type trong TypeScript là gì, các type có mối quan hệ như thế nào với nhau và chúng hoạt động ra sao.
# 📌 PHẦN 4~6. Tìm hiểu ngữ pháp TypeScript
Chúng ta sẽ tìm hiểu 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
Chúng ta sẽ tìm hiểu về tính năng thao tác kiểu - một trong những tính năng độc đáo và mạnh mẽ nhất của TypeScript. Chúng ta sẽ khám phá 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à nhiều hơn nữa.
📌 PHẦN 10. Sử dụng Utility Types
TypeScript cung cấp nhiều loại utility type khác nhau mà chúng ta sẽ tìm hiểu. Ngoài ra, chúng ta sẽ thử tự triển khai các utility type đã tìm hiểu bằng kiến thức đã học cho đến nay.
📌 PHẦN 11. (Bonus +) Sử dụng TypeScript trong React
Nếu kết thúc như thế này thì tiếc quá phải không? Vì vậy tôi đã chuẩn bị phần thưởng 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.
Câu hỏi thường gặp Q&A 💬
Hỏi: Tôi có biết một chút JavaScript nhưng không rành lắm. Tôi có thể học khóa này không?
Vâng. Nếu bạn không phải ở mức độ hoàn toàn không biết gì thì có thể học đượ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ó hiểu, bạn có thể đặt câu hỏi trong cộng đồng học viên để nhận được sự giúp đỡ.
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, vậy tôi có thể tham gia khóa học này không?
Vâng. Bạn có thể nghe tất cả trừ phần bonus cuối cùng (React + TypeScript).
Q. Tôi có thể chụp màn hình slide bài giảng hoặc màn hình và đăng lên blog được 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, nếu bạn có thể ghi nguồn bằng link khóa học của tôi thì tôi sẽ rất biết ơn.
Lưu ý trước khi học 📢
Kiến thức tiên quyết
Bạn cần có kinh nghiệm sử dụng JavaScript phiên bản ES6 trở lên (arrow function, v.v.).
Để nghe 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 ý
Chúng tôi khuyến khích bạn học bằng cách tự tay viết theo tất cả các đoạn code thực hành.
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 được từ khóa học vào blog cá nhân của mình.
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 cộng đồng học viên nhé.
Giới thiệu người chia sẻ kiến thức ✒️
Là một nhà giáo dục tin rằng 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 cắt nhỏ từng miếng' thu hút khoảng 5.000 học viên trên Inflearn và Udemy chỉ trong 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 và vận hành trang web chia sẻ kiến thức lập trình DEVSTU trong khoảng 2 năm. Từ năm 2022, cũng đã mở và vận hành phòng chat mở 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 lập trình viên junior.
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!
Đó 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
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!!!
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ó!!
Tôi rất thích tài liệu bài giảng được nâng cấp từ bài giảng React và giọng hát của Jeonghwan! Tôi nghĩ đây là lời giải thích rõ ràng và dễ hiểu nhất về các bài giảng về kịch bản chữ mà tôi từng tham gia!!