강의

N
챌린지

멘토링

로드맵

Inflearn brand logo image
Programming

/

Web Development

Chuyển đổi hoạt động phát triển web: Lớp chính WebAssembly bắt đầu bằng C, C++ và Rust

Sử dụng WebAssugging, bạn có thể phát triển các ứng dụng web hiệu suất cao chạy trong trình duyệt web bằng các ngôn ngữ được biên dịch như C, C++ và Rust.

(4.6) 5 đánh giá

110 học viên

  • qtdev
web
웹
C/C++강좌
webassembly
Qt
wasm

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

Dịch cái này sang tiếng Việt

  • Bạn có thể phát triển các ứng dụng web chạy trên trình duyệt web bằng C/C++/Rust.

  • Bạn có thể phát triển các ứng dụng web bằng C/C++/Rust thay vì PHP, ASP.NET và JSP.

  • Bạn có thể phát triển một ứng dụng web chạy trong trình duyệt web bằng mã nguồn hiện có được phát triển trong C/C++/Rust.

Bây giờ, chúng ta hãy dễ dàng phát triển web bằng Qt!

Ứng dụng web bằng ngôn ngữ biên dịch?
WebAssembly

Việc phát triển ứng dụng web trước đây thường được thực hiện bằng nhiều ngôn ngữ lập trình web khác nhau, bao gồm HTML, CSS, JavaScript, PHP, ASP.NET và JSP. Tuy nhiên, sự ra đời của công nghệ WebAssembly cho phép phát triển ứng dụng web hiệu quả và mạnh mẽ hơn. Cụ thể, nó mở ra những khả năng mới cho việc triển khai các ứng dụng chạy trên trình duyệt web bằng các ngôn ngữ hiệu suất cao như C , C++ và Rust .

Ứng dụng web gốc so với WebAssembly

Màn hình này so sánh một ứng dụng gốc được xây dựng với cùng mã nguồn với một ứng dụng web được xây dựng trên WebAssembly. Kết quả cho thấy WebAssembly mang lại hiệu suất đáng kể, với sự khác biệt nhỏ về tốc độ thực thi.

1) Màn hình so sánh việc thực thi Clock được xây dựng bằng cùng một mã nguồn

Ảnh chụp màn hình chạy một tệp được xây dựng bằng trình biên dịch gốc
Ảnh chụp màn hình của một tệp thực thi (WASM) được xây dựng bằng công nghệ WebAssembly chạy trong trình duyệt web

2) Màn hình so sánh chạy mã nguồn trò chơi Submarine Attack được xây dựng bằng cùng mã nguồn

Ảnh chụp màn hình chạy một tệp được xây dựng bằng trình biên dịch gốc
Ảnh chụp màn hình của một tệp thực thi (WASM) được xây dựng bằng công nghệ WebAssembly chạy trong trình duyệt web

3) Màn hình so sánh việc thực thi Colliding Mice được xây dựng bằng cùng một mã nguồn

Ảnh chụp màn hình chạy một tệp được xây dựng bằng trình biên dịch gốc
Ảnh chụp màn hình của một tệp thực thi (WASM) được xây dựng bằng công nghệ WebAssembly chạy trong trình duyệt web

Mục tiêu bài giảng

Tìm hiểu cách xây dựng môi trường phát triển WebAssembly hiệu quả trên nhiều nền tảng khác nhau, bao gồm Microsoft Windows, Linux và macOS.

Ngoài ra, bạn có thể có được các kỹ năng thực tế để phát triển các ứng dụng web với công nghệ WebAssembly bằng các ngôn ngữ hiệu suất cao như C , C++ và Rust .

Các ứng dụng web yêu cầu logic phức tạp hoặc hiệu suất cao khó phát triển bằng JavaScript có thể được triển khai dễ dàng và hiệu quả hơn bằng công nghệ WebAssembly .


Các ứng dụng dựa trên WebAssembly được biên dịch từ các ngôn ngữ như C , C++ và Rust mang lại hiệu suất ở cấp độ gốc và tự hào về tốc độ thực thi cũng như tính ổn định vượt trội ngay cả trong môi trường web.

Lợi ích chính của khóa học này ✅

Một bài giảng xem xét các tình huống thực tế

Khóa học này được thiết kế một cách hệ thống nhằm nâng cao kỹ năng thực hành. Mỗi phần tập trung vào lý thuyết để củng cố nền tảng vững chắc về các khái niệm cơ bản, tiếp theo là các ví dụ thực tế để phát triển các kỹ năng thực hành áp dụng vào các tình huống thực tế. Quá trình này cho phép sinh viên phát triển các kỹ năng thực hành có thể áp dụng ngay vào các tình huống thực tế.

Tập trung với Vivid Live Coding

Chúng tôi đã ghi lại hình ảnh người chia sẻ kiến thức trên màn hình. Học mọi lúc, mọi nơi, như thể bạn đang tham gia lớp học ngoại tuyến, với mã hóa trực tiếp sống động.

WebAssembly, được khuyến nghị cho những người này!

✅ Bất kỳ ai muốn phát triển các ứng dụng web hiệu suất cao chạy trên trình duyệt web

✅ Bất kỳ ai muốn phát triển các ứng dụng web chạy trên trình duyệt web

Hỏi & Đáp 💬

H. Ngoài lý thuyết/ngữ pháp, tôi có thể tham khảo thêm nhiều ví dụ thực tế không?

Tất nhiên là có thể. Bạn có thể học cách phát triển các ứng dụng web chạy trên trình duyệt web bằng WebAssembly thông qua các ví dụ thực hành. Hơn nữa, chương trình học được thiết kế một cách hệ thống để bạn có thể tích lũy kiến thức thực tế, có thể áp dụng vào các quy trình phát triển thực tế thông qua thực hành.

H. Có thể xây dựng môi trường phát triển trên hệ điều hành mong muốn bằng môi trường phát triển WebAssembly không?

Tất nhiên là bạn có thể. Khóa học này sẽ hướng dẫn bạn một cách có hệ thống cách xây dựng môi trường phát triển WebAssembly trên nhiều hệ điều hành khác nhau, bao gồm Microsoft Windows , macOS và Linux .

H. Có tài liệu tham khảo hoặc giáo trình nào cho các bài giảng tôi đang học không?

Tôi là quản trị viên của Cộng đồng nhà phát triển Qt ( qt-dev.com ). Bạn có thể tìm thấy thông tin liên quan trên trang web này.

Kiểm tra mục tiêu của khóa học.

  • Tìm hiểu cách thiết lập môi trường phát triển WebAssembly trên nhiều nền tảng khác nhau, bao gồm Microsoft Windows, Linux và macOS.
  • Tìm hiểu cách sử dụng C++ để phát triển ứng dụng web bằng công nghệ WebAssembly.
  • Các ứng dụng web khó phát triển bằng lập trình web thông thường, có logic phức tạp hoặc yêu cầu hiệu suất cao có thể được phát triển dễ dàng và nhanh chóng hơn bằng công nghệ WebAssembly.

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

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

  • Bất kỳ ai muốn dễ dàng phát triển các ứng dụng web chạy trên trình duyệt web bằng C/C++/Rust

  • Bất kỳ ai muốn phát triển các ứng dụng web hiệu suất cao bằng C/C++/Rust

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

  • Một trong những ngôn ngữ C, C++ hoặc Rust cơ bản

Xin chào
Đây là

1,015

Học viên

85

Đánh giá

102

Trả lời

4.7

Xếp hạng

9

Các khóa học

지식공유자 소개 ✒️


근무경력
현: Embedded 분야 SW Team leader
LG전자, VS사업부 IVI선행플랫폼/모듈개발
SW마에스트로, SW 멘토

강의경력
삼성전자, Qt & QML 강의
LG전자, Qt & QML 분야 사내 강사
한컴아카데미 Qt 강의 출강
다수의 IT기업 Qt 강의 출강


저서
Qt 프로그래밍
Qt Quick 프로그래밍
Qt5 프로그래밍 가이드
MeeGo 프로그래밍 완벽 가이드
Qt 실전 프로그래밍

SW커뮤니티 운영
Qt 개발자 커뮤니티 운영자 ( www.qt-dev.com )

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

Tất cả

67 bài giảng ∙ (13giờ 26phú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ả

5 đánh giá

4.6

5 đánh giá

  • junghwanjeong님의 프로필 이미지
    junghwanjeong

    Đánh giá 52

    ∙

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    It helped me understand web assembly. The part I want to know more about is the part where the program runs on a web client, so I would like an explanation on the part where data is linked to the web server. If you have any information on whether I need to link to the server through Emscripten SDK, Qt's QNetwork SDK, or another method, please share it.

    • qtdev
      Giảng viên

      Hello. Junghwan Jeong, thank you so much for taking the WebAssembly programming course. Also, thank you so much for your great review. Since the executable binary that runs using WebAssembly operates on the client side, it seems that the client will need to connect through a communication library such as a socket to communicate with the web server. There is no data right now, but I will write and add the part that communicates with the web server soon. Thank you again for your great review. ^^; If you have any further questions, please feel free to ask.

  • hjwang1905님의 프로필 이미지
    hjwang1905

    Đánh giá 2

    ∙

    Đánh giá trung bình 5.0

    5

    31% đã tham gia

    Thank you for the detailed lecture.

    • qtdev
      Giảng viên

      Thank you so much for the great review, hjwang! :)

  • dgko님의 프로필 이미지
    dgko

    Đánh giá 3

    ∙

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    • funky8568407님의 프로필 이미지
      funky8568407

      Đánh giá 7

      ∙

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      I really appreciate the lack of material on WebAssembly. It would be nice to have an in-depth course on using WebAssembly using only C++ and JavaScript.

      • qtdev
        Giảng viên

        Thank you so much for your great review, funky856. If possible, I will share how to use C++ and JavaScript in future updates. And most of all, thank you again for taking the class and giving me a great review.

    • alexmadnix님의 프로필 이미지
      alexmadnix

      Đánh giá 7

      ∙

      Đánh giá trung bình 4.4

      3

      100% đã tham gia

      I appreciate that you are lecturing on a somewhat unique technology in Korea called WebAssembly... I don't know if it's your first time giving a lecture, but you seem a bit nervous, and you make a lot of mistakes in the middle, so I felt a bit disappointed that your ability to communicate and focus was lacking from the perspective of the listener.

      • qtdev
        Giảng viên

        Hello, Alex Madnix, thank you for your review. I appreciate your feedback and suggestions for improvement. I will use your feedback to provide better lectures in the future. Thank you so much for taking the course.

    1.614.287 ₫

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

    Hãy khám phá các khóa học khác của giảng viên!

    [Level 1] Python Programming with Qt: IntroductionCourse Thumbnail

    [Level 1] Python Programming with Qt: Introduction

    qtdev

    Qt is a powerful framework that provides not only GUI but also various functions such as network, database, multimedia, IPC, etc., so you can easily and quickly develop applications in various fields with Python. In this lecture, we will learn how to effectively utilize Qt in Python through various examples starting from the basics of Qt.

    Beginner

    Beginner

    Python, Qt, QML

    [Level 1] Python Programming with Qt: IntroductionCourse Thumbnail

    [Level 1] Python Programming with Qt: Introduction

    qtdev

    [Beginner] QML Programming Part 2Course Thumbnail

    [Beginner] QML Programming Part 2

    qtdev

    QML for Qt UI development, we will explain in detail from introduction to practice.

    Basic

    Basic

    Qt, QML, C++

    [Beginner] QML Programming Part 2Course Thumbnail

    [Beginner] QML Programming Part 2

    qtdev

    [Beginner] QML Programming Part 1Course Thumbnail

    [Beginner] QML Programming Part 1

    qtdev

    QML is a programming language for creating UIs provided by Qt. It is similar to JSON and can use JavaScript. Using QML instead of the C++ language, you can easily develop modern, advanced UIs without using C++.

    Basic

    Basic

    Qt, QML

    [Beginner] QML Programming Part 1Course Thumbnail

    [Beginner] QML Programming Part 1

    qtdev

    [Introduction] Qt 6 Programming Part 2Course Thumbnail

    [Introduction] Qt 6 Programming Part 2

    qtdev

    This lecture is the second part of Qt Programming Part 1. If you are new to Qt, we recommend that you study Part 1 first and then Part 2.

    Beginner

    Beginner

    Qt, GUI

    [Introduction] Qt 6 Programming Part 2Course Thumbnail

    [Introduction] Qt 6 Programming Part 2

    qtdev

    [Introduction] Qt 6 Programming Part 1Course Thumbnail

    [Introduction] Qt 6 Programming Part 1

    qtdev

    Qt allows you to develop SW that is compatible with various operating systems. In other words, you can develop SW that runs on various platforms with the source code developed once with Qt.

    Beginner

    Beginner

    Qt, GUI

    [Introduction] Qt 6 Programming Part 1Course Thumbnail

    [Introduction] Qt 6 Programming Part 1

    qtdev

    [Beginner] Practical Programming in Qt/QML to Advance to Intermediate LevelCourse Thumbnail

    [Beginner] Practical Programming in Qt/QML to Advance to Intermediate Level

    qtdev

    To move from a beginner to an intermediate developer, you will learn Qt/QML programming skills and the latest technologies through hands-on projects.

    Basic

    Basic

    Qt, QML, C++

    [Beginner] Practical Programming in Qt/QML to Advance to Intermediate LevelCourse Thumbnail

    [Beginner] Practical Programming in Qt/QML to Advance to Intermediate Level

    qtdev

    [Level 2] Python Programming with Qt: QMLCourse Thumbnail

    [Level 2] Python Programming with Qt: QML

    qtdev

    QML is a programming interpreter language for creating UIs provided by Qt. It is similar to JSON and can use JavaScript. Using QML and Python together, you can easily develop modern, advanced UIs.

    Beginner

    Beginner

    Qt, QML, pyside6

    [Level 2] Python Programming with Qt: QMLCourse Thumbnail

    [Level 2] Python Programming with Qt: QML

    qtdev

    [Level 3] From Beginner to Expert: Practical Application Master Class with Qt and PythonCourse Thumbnail

    [Level 3] From Beginner to Expert: Practical Application Master Class with Qt and Python

    qtdev

    Learn Qt and Python programming skills through real-world projects. This course will help you grow from beginner to intermediate level by learning the latest Qt and Python programming trends and techniques.

    Basic

    Basic

    Qt, Python, pyside6

    [Level 3] From Beginner to Expert: Practical Application Master Class with Qt and PythonCourse Thumbnail

    [Level 3] From Beginner to Expert: Practical Application Master Class with Qt and Python

    qtdev

    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!

    [C#/.NET 6.0]Welcome, new to Blazor WebAssembly?Course Thumbnail

    [C#/.NET 6.0]Welcome, new to Blazor WebAssembly?

    RAZOR

    This is a basic course on web development using Blazor WebAssembly. Learn how to easily do DB CRUD using EntityFrameworkCore. We will teach you the "basics" of Razor Page UI Design. We will also provide the source code used in the course :)

    Basic

    Basic

    Blazor, C#, .NET

    [C#/.NET 6.0]Welcome, new to Blazor WebAssembly?Course Thumbnail

    [C#/.NET 6.0]Welcome, new to Blazor WebAssembly?

    RAZOR

    [Beginner] QML Programming Part 2Course Thumbnail

    [Beginner] QML Programming Part 2

    qtdev

    QML for Qt UI development, we will explain in detail from introduction to practice.

    Basic

    Basic

    Qt, QML, C++

    [Beginner] QML Programming Part 2Course Thumbnail

    [Beginner] QML Programming Part 2

    qtdev

    Introduction to and use of Rust, an elegant, high-performance programming languageCourse Thumbnail

    Introduction to and use of Rust, an elegant, high-performance programming language

    hatemogi

    This course teaches Rust, a programming language that allows anyone to create robust, efficient, high-performance software. It is ideal because it allows for low-level programming while also having a wealth of high-level language features.

    Basic

    Basic

    Rust, webassembly

    Introduction to and use of Rust, an elegant, high-performance programming languageCourse Thumbnail

    Introduction to and use of Rust, an elegant, high-performance programming language

    hatemogi