Revolutionizing Web Development: WebAssembly Masterclass in C, C++, and Rust

Name: Revolutionizing Web Development: WebAssembly Masterclass in C, C++, and Rust
Price: 77000 KRW

WebAssembly lets you develop high-performance web applications that run in web browsers using compiled languages like C, C++, and Rust.

(4.6) 5 reviews

111 learners

qtdev

web

웹

C/C++강좌

webassembly

wasm

Reviews from Early Learners

What you will learn!

You can develop web applications that run in web browsers using C/C++/Rust.
You can develop web applications using C/C++/Rust instead of PHP, ASP.NET, JSP, etc.
You can develop web applications that run on web browsers using existing source code developed in C/C++/Rust.

Now, let's easily develop the web using Qt!

Web applications in compiled languages?
WebAssembly

Web application development has traditionally been accomplished using various web programming languages, including HTML, CSS, JavaScript, PHP, ASP.NET, and JSP. However, the introduction of WebAssembly technology allows for more efficient and powerful web application development. Specifically, it opens up new possibilities for implementing applications that run in web browsers using high-performance languages like C , C++ , and Rust .

Native Web Applications vs. WebAssembly

This screen compares a native application built with the same source code to a web application built on WebAssembly. The results show that WebAssembly delivers remarkable performance, with little discernible difference in execution speed.

1) Comparison screen of Clock execution built with the same source code

_{Screenshot of running a file built using a native compiler}

_{Screenshot of an executable file (WASM) built with WebAssembly technology running in a web browser}

2) Comparison screen of running the Submarine Attack game source code built with the same source code

_{Screenshot of running a file built using a native compiler}

_{Screenshot of an executable file (WASM) built with WebAssembly technology running in a web browser}

3) Comparison screen of Colliding Mice execution built with the same source code

_{Screenshot of running a file built using a native compiler}

_{Screenshot of an executable file (WASM) built with WebAssembly technology running in a web browser}

Lecture Objectives

Learn how to effectively build a WebAssembly development environment on various platforms, including Microsoft Windows, Linux, and macOS.

Additionally, you can acquire practical skills to develop web applications with WebAssembly technology using high-performance languages such as C , C++ , and Rust .

Web applications that require complex logic or high performance that are difficult to develop with JavaScript can be implemented more easily and efficiently using WebAssembly technology.

WebAssembly-based applications compiled from languages like C , C++ , and Rust deliver native-level performance and boast superior execution speed and stability even in web environments.

Key benefits of this course ✅

A lecture that considers real-world situations

This course is systematically designed to enhance practical skills. Each section focuses on theoretical study to solidify a solid foundation of fundamental concepts, followed by practical examples to develop practical skills applicable to real-world situations. This process allows students to develop practical skills that can be immediately applied in real-world situations.

Focus Up with Vivid Live Coding

We've captured the image of a knowledge sharer on the screen. Learn anytime, anywhere, as if you were attending an offline class, with vivid live coding.

WebAssembly, recommended for these people!

✅ Anyone who wants to develop high-performance web applications that run on web browsers

✅ Anyone who wants to develop web applications that run on web browsers

Q&A 💬

Q. In addition to theory/grammar, can I also access various examples of actual use?

Of course, you can. You can learn how to develop web applications that run in a web browser using WebAssembly through hands-on examples. Furthermore, the curriculum is systematically structured so that you can acquire practical know-how that can be applied in actual development processes through hands-on practice.

Q. Is it possible to build a development environment on the desired operating system using the WebAssembly development environment?

Of course, you can. This course systematically teaches you how to build a WebAssembly development environment on various operating systems, including Microsoft Windows , macOS , and Linux .

Q. Are there any reference materials or textbooks for the lectures I am studying?

I'm an administrator for the Qt Developer Community ( qt-dev.com ). You can find related information on this site.

Check the objectives of the course.

Learn how to set up a WebAssembly development environment on a variety of platforms, including Microsoft Windows, Linux, and macOS.
Learn how to use C++ to develop web applications with WebAssembly technology.
Web applications that are difficult to develop using conventional web programming, have complex logic, or require high performance can be developed more easily and quickly using WebAssembly technology.

Recommended for
these people

Who is this course right for?

Anyone who wants to develop web applications that easily run on web browsers using C/C++/Rust
Anyone who wants to develop high-performance web applications using C/C++/Rust

Need to know before starting?

One of the following languages: basic C, C++, or Rust

Hello
This is

1,040

Learners

Reviews

103

Answers

4.7

Rating

Courses

지식공유자 소개 ✒️

근무경력
현: 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 )

Curriculum

All

67 lectures ∙ (13hr 26min)

Course Materials:

Lecture resources

Section 1. What is WebAssembly?

5 lectures ∙ (43min)

Section 2. Building a WebAssembly development environment on MS Windows

3 lectures ∙ (33min)

6. Take a look at the process of setting up a development environment
17:13
7. Try installing the development environment yourself
13:05
8. Example implementation that prints Hello World
03:21

Section 3. Setting up a WebAssembly development environment on Linux

3 lectures ∙ (30min)

9. _Overview of the development environment setup process
14:13
10. Try installing the development environment yourself
11:58
11. Example implementation that prints Hello World
04:47

Section 4. Setting up a WebAssembly development environment on MacOS

3 lectures ∙ (21min)

Section 5. Getting started with WebAssembly programming using C/C++

2 lectures ∙ (24min)

Section 6. Interaction WebAssembly and JavaScript

9 lectures ∙ (1hr 44min)

Section 7. Building a development environment and implementing examples using the Rust language

3 lectures ∙ (48min)

Section 8. WebAssembly and Qt

2 lectures ∙ (24min)

Section 9. Setting up a Qt WebAssembly development environment on MS Windows

3 lectures ∙ (49min)

Section 10. Setting up a Qt WebAssembly development environment on Linux

3 lectures ∙ (43min)

Section 11. Setting up a Qt WebAssembly development environment on macOS

3 lectures ∙ (39min)

Section 12. Getting started with Qt WebAssembly programming

3 lectures ∙ (34min)

Section 13. Signal and Slot

2 lectures ∙ (25min)

Section 14. Widgets and Layouts

5 lectures ∙ (52min)

Section 15. Basic data types and useful types

3 lectures ∙ (39min)

Section 16. Container Classes

2 lectures ∙ (33min)

Section 17. 2D Graphics using QPainter class

2 lectures ∙ (32min)

Section 18. Implementation of chroma key video processing

3 lectures ∙ (37min)

Section 19. Timer implementation

2 lectures ∙ (17min)

Section 20. Thread Programming

6 lectures ∙ (1hr 8min)

Published:

Last updated:

Reviews

All

5 reviews

4.6

5 reviews

junghwanjeong
Reviews 52
∙
Average Rating 5.0
5
100% enrolled
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
  Instructor
  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
Reviews 3
∙
Average Rating 5.0
5
31% enrolled
Thank you for the detailed lecture.
- qtdev
  Instructor
  Thank you so much for the great review, hjwang! :)
dgko
Reviews 3
∙
Average Rating 5.0
5
100% enrolled
funky8568407
Reviews 7
∙
Average Rating 5.0
5
100% enrolled
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
  Instructor
  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
Reviews 7
∙
Average Rating 4.4
3
100% enrolled
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
  Instructor
  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.

$59.40

qtdev's other courses

Check out other courses by the instructor!

[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

Qt, GUI

[Introduction] Qt 6 Programming Part 2

qtdev

[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

Qt, GUI

[Introduction] Qt 6 Programming Part 1

qtdev

[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

Qt, QML, C++

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

qtdev

[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

Qt, Python, pyside6

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

qtdev

[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

Qt, QML, pyside6

[Level 2] Python Programming with Qt: QML

qtdev

[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

Python, Qt, QML

[Level 1] Python Programming with Qt: Introduction

qtdev

[Beginner] QML Programming Part 2

qtdev

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

Basic

Qt, QML, C++

[Beginner] QML Programming Part 2

qtdev

[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

Qt, QML

[Beginner] QML Programming Part 1

qtdev

Similar courses

Explore other courses in the same field!

[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

Blazor, C#, .NET

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

RAZOR

[Beginner] QML Programming Part 2

qtdev

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

Basic

Qt, QML, C++

[Beginner] QML Programming Part 2

qtdev

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

Rust, webassembly

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

hatemogi

Revolutionizing Web Development: WebAssembly Masterclass in C, C++, and Rust

Reviews from Early Learners

What you will learn!

Web applications in compiled languages? WebAssembly

Native Web Applications vs. WebAssembly

Lecture Objectives

Key benefits of this course ✅

WebAssembly, recommended for these people!

Q&A 💬

Recommended for these people

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

지식공유자 소개 ✒️

Curriculum

Reviews

qtdev's other courses

Similar courses

Web applications in compiled languages?
WebAssembly

Recommended for
these people

Hello
This is