Khóa Học Typescript Thực Chiến: Kết Hợp Làm Dự Án React & Next.js 15

999.000 ₫

99.999 ₫

Thời lượng

50 Bài Giảng

Sở hữu khóa học

Trọn đời

Đã đăng ký

0

Đầy Đủ Bài Giảng

Video bài giảng và tài liệu giống mô tả

Học Online Tiện Lợi

Học online trên Website bằng điện thoại hoặc máy tính

Kích Hoạt Nhanh

Nhận khóa học trong vòng 3 - 5 giây

Chia Sẻ Khóa Học TypeScript Thực Chiến: Kết Hợp Làm Dự Án React & Next.js 15

TypeScript đã trở thành tiêu chuẩn bắt buộc trong phát triển ứng dụng web hiện đại. Khóa học này được thiết kế giúp bạn làm chủ TypeScript từ nền tảng đến chuyên sâu, ứng dụng trực tiếp vào các framework mạnh mẽ nhất hiện nay là React và Next.js 15. Dù bạn là người mới bắt đầu hay muốn nâng cấp kỹ năng lập trình an toàn với kiểu dữ liệu, khóa học sẽ dẫn dắt bạn qua các dự án thực tế để xây dựng tư duy lập trình chuyên nghiệp.

Vì Sao Bạn Nên Học TypeScript Thực Chiến

Làm chủ ngôn ngữ TypeScript - xu hướng tất yếu của mọi Frontend Developer.
Hiểu sâu về hệ thống kiểu dữ liệu (Static Typing) để giảm thiểu lỗi runtime.
Tiếp cận các tính năng mới nhất của Next.js 15 (App Router, Server Actions) với TypeScript.
Học cách sử dụng Generic, Interface, và Utility Types để viết code linh hoạt, tái sử dụng cao.
Thực hành qua 2 dự án thực tế: Dashboard App và Mini SaaS App từ con số 0.

Bạn Sẽ Học Được Gì Từ Khóa Học Này

Nắm vững từ kiểu dữ liệu cơ bản đến nâng cao (Generics, Type Narrowing, Assertions).
Kỹ thuật Typing chuyên sâu cho Props, State, Events, Context và Hooks trong React.
Xây dựng kiến trúc dự án bền vững với TypeScript và Prisma cho Backend (Next.js).
Kết hợp các thư viện phổ biến: TanStack Query, React Hook Form, Zod và Stripe với Type-safe.
Quy trình triển khai ứng dụng SaaS hoàn chỉnh có tính năng đăng ký và thanh toán.

Khóa Học Này Phù Hợp Với

Lập trình viên JavaScript muốn nâng cấp lên TypeScript để làm các dự án lớn.
Sinh viên CNTT muốn học công nghệ mới nhất (Next.js 15) để đi làm/thực tập.
Frontend Developer muốn tối ưu hóa quy trình code, hạn chế lỗi và tăng hiệu suất làm việc nhóm.
Bất kỳ ai muốn xây dựng các dự án Web App thực tế một cách bài bản và chuyên nghiệp.

Nội dung khóa học

01 Ôn tập & Nền tảng TypeScript
001 Bài 1 Cài đặt môi trường.mp4
002 Typescript vs Javascript.mp4
003 Bài 2 Kiểu Dữ liệu String và Number trong Typescript.mp4
004 Bài 21 Kiểu Boolean trong Typescript chi tiết.mp4
005 Bài 22 Null Undefined SkipNullChecks trong Typescript.mp4
006 Bài 23 (Quan trọng) Type Inference vs Type Annotation trong Typescript.mp4
007 Bài 3 Object, Array, Tuple, Enum.mp4
008 Bài 4 Union, Intersection, Literal Types trong Typescript.mp4
009 Bài 5 Type alias vs Interface trong TS.mp4
010 Bài 6 Function Typing trong TS.mp4
011 Bài 61 Union, Void, Never trong Function Function Overloading.mp4
012 Type Narrowing là gì 5 kỹ thuật sử dụng Type Narrowing trong TS.mp4
013 Bài 7 Generic Function trong TS Chi tiết.mp4
014 Bài 71 Generic Function với Contrains và tìm hiểu kỹ về string trong JSTS.mp4
015 Bài 8 Generic Interface trong TS.mp4
016 Bài 81 Multiple Generic Interface vs Function trong TS.mp4
017 Bài 82 Generic Interface với Contrains trong TS.mp4
018 Bài 83 Generic Interface Default Type trong TS.mp4
019 Bài 9 Partial trong TS.mp4
020 Bài 10 Tổng hợp Utility Types trong TS siêu chi tiết.mp4
021 Bài 101 Hiểu và Sử Dụng Type Assertions (as) trong TS.mp4
02 Phần 2 TypeScript trong React
001 Bài 1 Cài đặt Vite + ReactJS + TS.mp4
002 Bài 2 Typing Props Tạo component chung kế thừa Attribute siêu chi tiết.mp4
003 Bài 21 Typing State, useState trong ReactJS.mp4
004 Bài 3 Typing Event trong React siêu chi tiết.mp4
005 Bài 4 Typing useRef vs useReducer trong ReactJS.mp4
006 Bài 5 Typing Context trong ReactJS.mp4
03 Phần 3 Dự án 1 – Dashboard App
001 Giới thiệu dự án DashBoard APP.mp4
002 Cài đặt dự án.mp4
003 Code dự án P1.mp4
004 Code dự án P2.mp4
005 Code dự án P3.mp4
04 Phần 4 TypeScript trong Next.js 15
001 Bài 1 Cài đặt môi trường Next 15 và tạo các component đầu tiên.mp4
002 Bài 2 SSR và CSR cực chi tiết cách hoạt động.mp4
003 Bài 3 Typing Server Actions (form submit, API mutate).mp4
004 Bài 4 Typing API Routes với Prisma.mp4
005 Bài 5 ISRSSG Typing data fetch.mp4
006 Bài 6 Typing Metadata SEO.mp4
007 Làm Project mini cuối phần 4 - 1.mp4
008 Làm Project mini cuối phần 4 - 2.mp4
009 Làm Project mini cuối phần 4 - 3.mp4
05 Phần 5 Dự án 2 – Mini SaaS App
001 Bài 1 Setup Nextjs + Prisma + TS.mp4
002 Bài 2 Model User, Subscription, Invoice.mp4
003 Bài 3 Register User.mp4
004 Bài 4 Auth typed (next-auth + custom types).mp4
005 Bài 5 Form đăng ký subscription (Create API typing).mp4
006 Bài 51 Form đăng ký subscription (React Hook Form + Zod).mp4
007 Bài 6 Stripe Checkout typed end-to-end.mp4
008 Bài 7 Fetch subscription data với TanStack Query + types.mp4
009 Bài 8 Trang Dashboard hiển thị invoices typed (Final).mp4