강의

멘토링

커뮤니티

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) 7 đánh giá

41 học viên

  • Neo
실습 중심
토이프로젝트
리액트감잡기
electron
React
TypeScript
Electron
Portfolio

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

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à

1,617

Học viên

183

Đánh giá

27

Trả lời

4.7

Xếp hạng

25

Các khóa học

안녕하세요! 인프런에서 강의를 진행하고 있는 Neo 입니다.

평소 접하지 못했던 개발기술들을 다양한 분들이 접할 수 있도록 하는게 제 목표입니다.

그래서 저는 단순한 이론 나열보다 실무 중심의 커리큘럼을 구성하고, 트러블슈팅 없이 배울 수 있는 실습 위주의 강의를 제공하고자 합니다.

초보자도 부담 없이 따라올 수 있도록 최대한 가볍고 친절한 접근으로 내용을 구성하고 있으며, 지식에 대한 진입 장벽을 낮추는 것에 특히 집중하고 있습니다.
가끔은 마음이 같은 분들과 함께 강의 작업을 진행하기도 합니다!

협업 및 기타 비즈니스 문의는 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ả

7 đánh giá

4.9

7 đánh giá

  • HelloWorld님의 프로필 이미지
    HelloWorld

    Đánh giá 17

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    따라해보기 좋습니다 입문용으로 생각하면 좋습니다

    • 정호연님의 프로필 이미지
      정호연

      Đánh giá 66

      Đánh giá trung bình 5.0

      5

      38% đã tham gia

      • Neo
        Giảng viên

        감사합니다~!!

    • Edwards님의 프로필 이미지
      Edwards

      Đánh giá 17

      Đánh giá trung bình 5.0

      5

      38% đã tham gia

      • Neo
        Giảng viên

        강의를 들어주셔서 감사합니다~!

    • fain9301님의 프로필 이미지
      fain9301

      Đánh giá 97

      Đánh giá trung bình 4.8

      4

      75% đã tham gia

      좋은 강의 감사합니다.

      • DKN님의 프로필 이미지
        DKN

        Đánh giá 17

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        딥한 내용은 기대안했습니다만 따라해보고 입문용으론 제격인 듯 하네요 좋습니다.

        208.633 ₫

        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!