강의

멘토링

커뮤니티

Programming

/

Front-end

Tạo Electron Todo List với TypeScript nhanh hơn ai hết

Tạo Electron Todo List With TypeScript nhanh hơn ai hết Hãy phát triển Electron bằng TypeScript để tạo ra dịch vụ desktop hoạt động dựa trên React!

(4.9) 8 đánh giá

52 học viên

Độ khó Nhập môn

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

  • Neo
React
React
TypeScript
TypeScript
Electron
Electron
Portfolio
Portfolio
React
React
TypeScript
TypeScript
Electron
Electron
Portfolio
Portfolio

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

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

4.9

5.0

HelloWorld

100% đã tham gia

Rất tốt để thực hành theo, nên coi đây là phù hợp cho người mới bắt đầu

5.0

DKN

100% đã tham gia

Tôi không mong đợi nội dung sâu sắc lắm nhưng có vẻ như rất phù hợp để thực hành theo và làm tài liệu nhập môn, rất tốt.

5.0

wonder

100% đã tham gia

Tuyệt vời

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

  • Tạo TodoList và khám phá Electron

  • Tìm hiểu cách tạo ứng dụng desktop dựa trên React

Tạo Electron Todo List với TypeScript nhanh hơn ai hết

React, TypeScript, Electron, portfolio

Ứng dụng desktop được tạo bằng công nghệ web!
Hãy tạo ứng dụng Todo với React + TypeScript + Electron.

🎯 Giới thiệu khóa học

Khóa học này giúp các nhà phát triển web có thể dễ dàng tạo ra ứng dụng desktop
bằng cách học Electron và TypeScript từ đầu đến cuối với phương pháp thực hành.

Với một lần viết code, tạo ứng dụng chạy trên Windows, macOS, Linux
hoàn thành trực tiếp ứng dụng Todo list được xây dựng bằng React và TypeScript (Electron porting).

🧩 Bạn sẽ học những nội dung như thế này

Nội dung học tập chính của phần

1. Cơ bản về TypeScript Tổng hợp ngữ pháp cốt lõi như hệ thống kiểu, hàm và interface, class, generic

2. Hiểu về Electron Hiểu cấu trúc, ưu nhược điểm của Electron, dựa trên Node.js & Chromium

3. Thiết lập môi trường phát triển Từ cài đặt VSCode, Node.js, nvm đến thiết lập ban đầu dự án React

4. Tích hợp Electron Cấu hình môi trường React + Electron và chạy đồng thời với npm run dev

5. Tạo ứng dụng Todo Triển khai chức năng CRUD Todo với TypeScript và React

6. Hoàn thiện & BuildGiới thiệu cách đóng gói ứng dụng hoàn thành thành file thực thi

🧠 Mục tiêu học tập

  • ✅ Có thể hiểu chính xác cú pháp TypeScript và áp dụng vào dự án.

  • ✅ Hiểu được cấu trúc hoạt động của Electron và có thể tích hợp với ứng dụng React.

  • ✅ Có thể phát triển ứng dụng desktop đa nền tảng bằng một mã nguồn duy nhất.

  • ✅ Có thể tự cấu hình môi trường phát triển tích hợp React + TypeScript + Electron.

📚 Quá trình phát triển và lưu ý

Phát triển web danh sách công việc với React + TypeScript và chuyển đổi sang ứng dụng desktop bằng Electron.
Khóa học tập trung vào việc sử dụng React + TypeScript + Electron.

Các khóa học nâng cao sẽ được cung cấp sau này, vui lòng xác nhận đây là khóa học cơ bản trước khi đăng ký!

Chúng tôi khuyên dùng cho những người như thế này

Nhà phát triển muốn tạo ứng dụng desktop bằng công nghệ web

React + TypeScript
Electron

Những người muốn làm quen với môi trường một cách nhanh chóng

Những người muốn luyện tập cú pháp TypeScript thông qua
dự án thực tế

Những lưu ý trước khi học

Môi trường thực hành

  • Khóa học sẽ được giải thích dựa trên MacOS. Ngay cả khi bạn sử dụng máy Windows, bạn vẫn có thể theo dõi được.

  • Trong khóa học này chúng ta sẽ sử dụng VSCode.

  • Khóa học này nhằm mục đích sử dụng Electron + TypeScript!

Tài liệu học tập

  • Tôi sẽ cung cấp qua liên kết Notion!

Kiến thức tiên quyết và lưu ý

  • Kỹ năng sử dụng máy tính cơ bản

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

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

  • Những bạn đã học React và muốn đi sâu hơn

  • Những ai muốn biết cách phát triển dịch vụ desktop

  • Những người tò mò về Electron

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

  • TypeScript

  • React

Xin chào
Đây là

2,264

Học viên

255

Đánh giá

39

Trả lời

4.7

Xếp hạng

29

Các khóa học

Xin chào! Tôi là Neo, hiện đang giảng dạy tại Inflearn.

Mục tiêu của tôi là giúp nhiều người có thể tiếp cận với những công nghệ phát triển mà họ thường ít có cơ hội tiếp xúc.

Vì vậy, thay vì chỉ liệt kê lý thuyết đơn thuần, tôi muốn xây dựng một lộ trình học tập tập trung vào thực tiễn và cung cấp các bài giảng chú trọng vào thực hành để người học có thể tiếp thu mà không gặp phải các trở ngại kỹ thuật.

Nội dung được xây dựng với cách tiếp cận nhẹ nhàng và thân thiện nhất có thể để ngay cả những người mới bắt đầu cũng có thể dễ dàng theo kịp, và tôi đặc biệt tập trung vào việc giảm bớt rào cản gia nhập đối với kiến thức.
Đôi khi tôi cũng thực hiện các dự án bài giảng cùng với những người có cùng chí hướng!

Mọi thắc mắc về hợp tác và kinh doanh khác, vui lòng gửi về yeseong0412@gmail.com!

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

Tất cả

8 bài giảng ∙ (50phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

8 đánh giá

4.9

8 đánh giá

  • dkssudgktpdy님의 프로필 이미지
    dkssudgktpdy

    Đánh giá 20

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Rất tốt để thực hành theo, nên coi đây là phù hợp cho người mới bắt đầu

    • human2642622님의 프로필 이미지
      human2642622

      Đánh giá 72

      Đánh giá trung bình 5.0

      5

      38% đã tham gia

      • yeseong0412
        Giảng viên

        Cảm ơn bạn~!!

    • edwards님의 프로필 이미지
      edwards

      Đánh giá 17

      Đánh giá trung bình 5.0

      5

      38% đã tham gia

      • yeseong0412
        Giảng viên

        Cảm ơn bạn đã nghe bài giảng~!

    • fain9301님의 프로필 이미지
      fain9301

      Đánh giá 97

      Đánh giá trung bình 4.8

      4

      75% đã tham gia

      Cảm ơn bạn vì khóa học tuyệt vời.

      • loward님의 프로필 이미지
        loward

        Đánh giá 21

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        Tôi không mong đợi nội dung sâu sắc lắm nhưng có vẻ như rất phù hợp để thực hành theo và làm tài liệu nhập môn, rất tốt.

        205.575 ₫

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

        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!