Tạo portfolio tương tác bằng R3F (React + Three.js / Typescript)

Name: Tạo portfolio tương tác bằng R3F (React + Three.js / Typescript)
Price: 179300 KRW
Rating: 5 (5 reviews)

React và Three.js cùng một lúc! Bạn có thể học từ Vector, nền tảng của web tương tác, đến GSAP. Mẹo và bí quyết để tích hợp 3 ví dụ vào một portfolio!

(5.0) 5 đánh giá

77 học viên

Độ khó Cơ bản

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

taejaehan

Interactive Web

Three.js

TypeScript

React

webgl

Interactive Web

Three.js

TypeScript

React

webgl

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

Học React và Three.js cùng một lúc! Tìm hiểu về R3F (react-three/fiber)
Tìm hiểu về các khái niệm và phép toán Vector, nền tảng của web tương tác
Bài giảng giúp bạn hiểu, ứng dụng thông qua nhiều ví dụ khác nhau và tạo ra sản phẩm của riêng mình.
Từ khái niệm cơ bản đến ứng dụng Vector và tạo dựng portfolio của riêng bạn thông qua các khóa học nâng cao!
Tìm hiểu về thư viện tương tác web GSAP
Một bài giảng mà bạn có thể học hỏi và trau dồi kỹ năng bằng cách trực tiếp cùng nhauCoding từng bước một.
Trải nghiệm Creative Coding / Interactive Web, khóa học thực hành giúp bạn trở thành một nhà phát triển nổi bật
Học R3F Stack mà bạn không thể tìm thấy ở bất cứ đâu, giúp việc triển khai web tương tác 3D trở nên dễ dàng và thú vị hơn.
Học phương pháp gỡ lỗi và tái cấu trúc từ trưởng nhóm phát triển hiện tại!
Học hỏi từ nhà phát triển 10 năm kinh nghiệm: từ cấu trúc dự án đến các mẹo thực tế!

Bạn có thấy vui khi tạo ra các trang web không?

Bạn có cảm thấy chán nản khi phải tạo bảng tin trang web và phát triển cửa sổ popup không?

Bạn có muốn tạo ra một dự án web khác biệt so với những người khác không?

Công ty của bạn có muốn tạo ra một trang web nổi bật, bắt mắt và khác biệt so với những trang khác không?

Trang web này được tạo ra như thế nào? Bạn có muốn tạo một trang web WOW không?

Bài giảng này là

Thay vì tập trung vào việc tạo ra những thứ có tính chức năng bằng coding, hãy tập trung vào tính biểu đạt và nghiên cứu các phương pháp biểu đạt đa dạng

Trong quá trình đó, chúng tôi đang xử lý Creative Coding nhằm mục tiêu khám phá và biến đổi những kết quả không lường trước được.

Trong số đó, bạn có thể học về vector (Vector) - yếu tố cốt lõi nhất của Interactive Coding và

Bạn có thể sử dụng nó để tạo ra một portfolio khác biệt.

Chủ đề bài giảng 📖

Công nghệ sử dụng : frontend DOM ( React, gsap ) / webgl ( Three.js )

Bạn sẽ học trong khóa học nàyframework React được sử dụng nhiều nhất trong frontend và

Thư viện được sử dụng nhiều nhất trong Web Graphic(webgl) là Three.js

Bạn sẽ học R3F(React Three Fiber) có thể xử lý tất cả cùng một lúc.

Bạn sẽ học về khái niệm quan trọng nhất của web tương tác đẹp mắt + Creative Coding là vector (Vector)

Tập trung học tập, và nếu hiểu và sử dụng tốt Vector

Bạn sẽ có thể tạo ra tất cả những chuyển động tương tác mà bạn mong muốn.

Học stack R3F không thể tìm thấy ở bất kỳ đâu khác

Tạo website portfolio tương tác dễ dàng và thú vị hơn.

Chuyên gia về Web 3D tương tác, kinh nghiệm và bí quyết của Web Graphic Engineer / Frontend Developer với 10 năm kinh nghiệm thực tế đều được đưa vào khóa học này.

Đặc điểm khóa học ✨

React và Three.js cùng một lúc! React Three Fiber(R3F)!

Từ khái niệm cơ bản về vector - nền tảng của Interactive Coding

Các ví dụ đa dạng có thể sử dụng trong thực tế, dự án tổng hợp và cả những mẹo tối ưu hóa !

-Nếu bạn đã biết về Javascript cơ bản thì có thể tham gia khóa học.

-Tốt nhất là bạn đã có kiến thức cơ bản về React, nhưng không có cũng không sao.

-Từ khái niệm cơ bản của Vector đến ứng dụng, và thậm chí tạo portfolio thông qua khóa học nâng cao!

-Xử lý 3D web nhưng trong khóa học sẽ sử dụng camera 2D(orthographicCamera) để làm việc.

-Để có thể sử dụng ngay trong thực tế, tôi sẽ tiến hành bài giảng bằng Typescript và chia sẻ mã ví dụ.

-Mỗi phần giải thích các khái niệm cơ bản quan trọng tập trung vào lý thuyết (10~25%)

-Mỗi phần đều có bài giảng thực hành từng bước một cùng nhau (75~90%)

Bạn có thể học về R3F, cho phép xử lý cả React và Three.js(WebGL) cùng một lúc thông qua bài giảng này

nida. Và bạn sẽ hiểu vector là gì - nền tảng của Creative Coding và cách sử dụng nó như thế nào

về và sẽ đề cập đến 4 ví dụ chuyển động sử dụng Vector. Khi nắm vững nền tảng của Vector thì có thể

Bạn có thể tạo ra cho tất cả các chuyển động.

Ngoài ra, bạn có thể học về GSAP - yếu tố thiết yếu của web tương tác và tạo ra những trang web 3D chuyển động đẹp mắt khi cuộn

có thể tạo ra. Không chỉ là màn hình đẹp mắt đơn thuần, mà là của các đối tượng 3D phản ứng và chuyển động theo thời gian thực

Hãy học về animation! Cùng nhau từng bước một lập trình thực hành phù hợp với từng giai đoạn để nắm vững và nâng cao kỹ năng

Đây là khóa học có thể tích lũy được.

Thông qua khóa học này, hãy tạo ra các dự án động và sáng tạo sử dụng rendering thời gian thực, thoát khỏi những trang web tĩnh đơn giản

Hãy xem! Khi bạn làm theo từng bước một, bạn sẽ cảm thấy dự án của mình như thể đang sống động như một trò chơi

Sẽ có đấy !

Tạo website portfolio 3D dễ dàng và thú vị hơn với việc học R3F stack mà bạn không thể tìm thấy ở bất kỳ đâu khác!

4. Tìm hiểu về thư viện GSAP, yếu tố thiết yếu cho các trang web tương tác và

Điều khiển thế giới 3D tương tác bằng sự kiện cuộn chuột.

Ví dụ tổng hợp để học từ cơ bản đến nâng cao bằng cách sử dụng những kiến thức cơ bản về Vector đã học cho đến nay!

Các quả bóng (Balls) va chạm với nhau, rơi xuống do trọng lực và phản ứng với chuột - một dự án tổng hợp!

Làm thế nào để cấu trúc dự án và debug? Trong thực tế thì lập trình như thế nào?

Từng bước một, từng bước một, cùng học hỏi và cùng hoàn thiện để tạo ra portfolio web tương tác!!

DEMO: https://cclab.taejaehan.com/

Lưu ý trước khi học 📢

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

Trong khóa học sẽ sử dụng macOS - chip Apple nhưng chip mac intel hoặc môi trường window cũng có thể sử dụng được.
Chương trình sử dụng : Chrome, vscode, npm(node), r3f, v.v.
Cấu hình PC: Khuyến nghị CPU 2.0GHz trở lên, RAM 8GB trở lên, card đồ họa hỗ trợ WebGL

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

Cung cấp file nén mã nguồn cho từng phần ( zip )
- Phần 1, 2, 3 lý thuyết và thiết lập môi trường phát triển
- Phần 4, 5, 6, 7 dự án thực hành (cung cấp file mã nguồn)
- Phần 8, 9, 10 Dự án thực tế tổng hợp (cung cấp file mã nguồn)

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

Nếu bạn đã biết những kiến thức cơ bản về JavaScript thì có thể tham gia.
Tốt nhất là bạn đã có kiến thức cơ bản về React, nhưng không có cũng không sao.
Những người có kinh nghiệm cơ bản về 3D và ở mức độ nhập môn với Three.js nên tham gia khóa học này.
Trong bài gi강 này, chúng tôi không giải thích về các kiến thức cơ bản 3D như Scene, Camera, Renderer, Mesh, Geometry, Material, Light, v.v. Nếu
Nếu bạn muốn học về những kiến thức cơ bản của 3D, tôi khuyên bạn nên học khóa học 'Phát triển Web 3D tương tác với React Three fiber(R3F)' của tôi trên Inflearn https://inf.run/XAE71trước, rồi sau đó mới học khóa học này :)
Các câu hỏi bạn đặt sẽ được trả lời nhanh nhất trong ngày, muộn nhất là trong vòng 3 ngày.

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

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

Dành cho các nhà phát triển/nhà thiết kế muốn học những kiến thức cơ bản về Creative Coding
Các nhà phát triển/nhà thiết kế muốn tạo ra một trang web đặc biệt, nổi bật.
Nhà phát triển muốn triển khai 3D trên web
Một nhà phát triển muốn có một vũ khí khác biệt so với những người khác
Những nhà phát triển/thiết kế muốn bắt đầu những thử nghiệm thú vị trên web

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

Nếu bạn có kiến thức cơ bản về JavaScript thì có thể làm được.
Nếu bạn có kiến thức cơ bản về React thì tốt, nhưng không có cũng không sao.
Bạn nên có kiến thức cơ bản về Threejs, nhưng nếu không có cũng không sao.

Xin chào
Đây là

352

Học viên

Đánh giá

Trả lời

5.0

Xếp hạng

Các khóa học

Xin chào. Tôi là Han Tae-jae, kỹ sư đồ họa web với 10 năm kinh nghiệm. Về cơ bản, tôi là một nhà phát triển Full-stack nhưng tôi tập trung làm việc chuyên sâu về Front-end :)

Tôi đã từng phát triển Frontend bằng các framework như Angular, React. Tuy nhiên, công việc mà tôi yêu thích nhất vẫn là các dự án xử lý đồ họa 2D/3D Canvas trên nền tảng web (HTML5) như Threejs, WebGL, D3js, Pixi.js.

Tôi luôn tràn đầy nhiệt huyết với các nội dung web tương tác nhằm tạo ra những trải nghiệm người dùng (UX) mới mẻ và sáng tạo. Hãy cùng nhau tạo nên những dự án thú vị nhé!

Tôi là Teudeul. Tôi luôn tràn đầy nhiệt huyết với các nội dung web tương tác nhằm tạo ra những trải nghiệm người dùng (UX) mới mẻ và sáng tạo. Hãy cùng nhau tạo nên những dự án thú vị nhé!

Nhà phát triển Frontend 3D tương tác với 10 năm kinh nghiệm

-(Hiện tại) Neowiz - Nhà phát triển game HTML5

-(Hiện tại) Modulabs - Trưởng nhóm nghiên cứu Generative art

-Wemade - Trưởng nhóm phát triển Defi Frontend

-Dabeeo - Trưởng nhóm phát triển Three.js

-Dmajor - Nhà phát triển Frontend cấp cao (Senior Frontend Developer)

- Modulabs - Trưởng nhóm nghiên cứu (Lab leader) Interactiver art of web

-Addpac - Junior Frontend Developer

-NHN Naver Japan - Nhà thiết kế UX/UI

-Madman Post - Nghệ sĩ hiệu ứng CG (CG Effect Artist)

-Đại học Kookmin - Chuyên ngành Thiết kế công nghiệp

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

Tất cả

77 bài giảng ∙ (11giờ 32phút)

Tài liệu khóa học:

Tài liệu bài giảng

Phần 1. Giới thiệu khóa học

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

1. Video giới thiệu khóa học
01:35

Phần 2. Thiết lập môi trường phát triển

7 bài giảng ∙ (40phút)

2. Cài đặt Chrome, VSCode, iTerm2
03:23
3. nvm ( npm / node ) cài đặt
05:09
4. Tạo dự án với Vite
08:37
5. Cách import component theo đơn vị module
07:14
6. Lý do giảng dạy bằng js và ts / typescript
03:50
7. Cài đặt r3f, drei
02:32
8. Tạo R3F Canvas
09:44

Phần 3. Giải thích khái niệm Vector

7 bài giảng ∙ (49phút)

9. Vector và Scalar
05:49
10. Vector
07:44
11. Vector và Điểm gốc (Origin)
06:40
12. Phép toán của vector
10:24
13. Chuẩn hóa vector (Normalize)
05:21
14. Ứng dụng vector (Di chuyển object)
09:38
15. Hướng của vector theo gốc tọa độ
04:16

Phần 4. Sử dụng Vector

10 bài giảng ∙ (1giờ 25phút)

Phần 5. Tạo quả cầu (Sphere) chuyển động đầu tiên

10 bài giảng ∙ (1giờ 54phút)

Phần 6. Tạo quả cầu (Sphere) chuyển động lần thứ hai

8 bài giảng ∙ (1giờ 11phút)

Phần 7. Ứng dụng của đồ thị Sin/Cos

4 bài giảng ∙ (43phút)

Phần 8. Tái cấu trúc và sử dụng GSAP

11 bài giảng ∙ (2giờ 8phút)

Phần 9. Chuyển đổi bước theo cuộn trang / Áp dụng trọng lực

6 bài giảng ∙ (54phút)

Phần 10. Thêm Dom và hoàn thiện

13 bài giảng ∙ (1giờ 43phút)

Ngày đăng:

Cập nhật lần cuối:

Đánh giá

Tất cả

5 đánh giá

5.0

5 đánh giá

kimkichangsy6908
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
43% đã tham gia
Tôi vào Three.js khi đang nghe bài giảng cuối cùng của người hướng dẫn. Khi tôi nghe tin bạn đã phát hành một khóa học mới, tôi vội vàng xem nó. Vectơ vẫn còn khó, nhưng tôi nghĩ rằng tôi sẽ có thể hiểu được vectơ từng chút một vì khóa học được dạy với quan điểm của người mới bắt đầu. Nếu bạn nghe nó nhiều lần, tôi nghĩ bạn sẽ có thể áp dụng nó một cách vui vẻ. Cảm ơn bạn.
salary999
Đánh giá 20
∙
Đánh giá trung bình 5.0
5
31% đã tham gia
thffhahs03
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
61% đã tham gia
https://r3flabs.vercel.app/ Tuy là sinh viên nên nghèo nhưng đây là một bài giảng tuyệt vời hoàn toàn xứng đáng với số tiền bỏ ra! Mình đã thử tạo một trang web portfolio đơn giản.😊😊 Khi tìm hiểu các khóa học Three.js khác thì chỉ thấy nội dung kết thúc bằng việc copy code, khiến mình nghĩ có phải chỉ học qua tài liệu chính thức khô khan không, nhưng nhờ khóa học này mà mình đã học rất thoải mái, đây là một khóa học hay ho ẩn giấu đến mức mình muốn chỉ mình mới được nghe thôi.. Không chỉ đơn thuần copy code mà được cấu trúc tốt để có thể hiểu từ nguyên lý cơ bản. Mặc dù vậy cũng không đi sâu vào lý thuyết như những môn học chuyên ngành thực sự mà được cấu trúc hợp lý nên có thể nghe một cách thú vị
parkyeonsoon582789
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
19% đã tham gia
hansoyoung37277879
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
6% đã tham gia

3.703.143 ₫

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

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

Phát triển web 3D tương tác với React Three Fiber (R3F)

taejaehan

React và Three.js cùng một lúc! Từ cơ bản 3D đến dự án có thể sử dụng trong công việc thực tế và cả mẹo tối ưu hóa!

Basic

Interactive Web, react-three-fiber, Three.js

Phát triển web 3D tương tác với React Three Fiber (R3F)

taejaehan

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!

Trong thực tế! Tạo trang web! Từng bước một! (Công nghiệp Daebang_InteractiveWeb)

jyoung

[Từng bước sản xuất trang web] Đây là bài giảng gồm 3 bước và là quá trình tạo trang chính của Daebang Industries. Đây là một khóa học vừa khó vừa tuyệt vời vì đây là một quá trình tạo và triển khai trang web tương tác tuyệt đẹp có trong trang web.

Basic

HTML/CSS, Responsive Web, jQuery

Trong thực tế! Tạo trang web! Từng bước một! (Công nghiệp Daebang_InteractiveWeb)

jyoung

Phát triển web 3D tương tác với React Three Fiber (R3F)

taejaehan

React và Three.js cùng một lúc! Từ cơ bản 3D đến dự án có thể sử dụng trong công việc thực tế và cả mẹo tối ưu hóa!

Basic

Interactive Web, react-three-fiber, Three.js

Phát triển web 3D tương tác với React Three Fiber (R3F)

taejaehan

Tìm hiểu danh mục fullPage + anime + SVG Animation với JavaScript

lizb

Vanilla Javascript + fullPage.js + Danh mục web tương tác SVG Animation! Một khóa học phải có cho việc làm và thay đổi công việc!

Basic

Interactive Web, JavaScript

Tìm hiểu danh mục fullPage + anime + SVG Animation với JavaScript

lizb

Trong thực tế! Tạo trang web! Từng bước một! (Khóa học 'Trợ giúp' Tạo Trang web_Ứng dụng)

jyoung

Đây là khóa học ứng dụng sản xuất trang web hướng dẫn bạn cách tạo và triển khai trang chính của trang web thực tế. Một trang web được hoàn thiện bằng cách sửa đổi và cải thiện từng mã hóa bằng cách thêm Tiêu đề cố định, Thanh trượt hình ảnh, Điều hướng trên thiết bị di động, Hoạt ảnh cuộn, khả năng phản hồi, v.v. vào cấu trúc mã hóa đơn giản tập trung vào bố cục và hoạt ảnh của Khóa học cơ bản, một trang web được mở dưới dạng bài giảng miễn phí. Đây là một bài giảng. (Đối với khóa học này, bạn phải tham gia Khóa học Trợ giúp Cơ bản để thấy được hiệu quả học tập lớn nhất.)

Basic

HTML/CSS, jQuery, Interactive Web

Trong thực tế! Tạo trang web! Từng bước một! (Khóa học 'Trợ giúp' Tạo Trang web_Ứng dụng)

jyoung

Trong thực tế! Tạo trang web! Từng bước một! (Thời đại tiêu dùng của Cơ quan tiêu dùng Hàn Quốc - Khái niệm cơ bản về bố cục sản xuất)

jyoung

[Từng bước tạo trang web] Đây là khóa học dành cho người mới bắt đầu, trong đó bạn sẽ tạo trang chính của tạp chí web Thế hệ người tiêu dùng Hàn Quốc (hiện đã được đổi mới).

Basic

HTML/CSS, jQuery, Interactive Web

Trong thực tế! Tạo trang web! Từng bước một! (Thời đại tiêu dùng của Cơ quan tiêu dùng Hàn Quốc - Khái niệm cơ bản về bố cục sản xuất)

jyoung

Hướng dẫn hoàn hảo phát triển dịch vụ web Python/Django với React (dựa trên Django 4.2)

pyhub

Củng cố nền tảng phát triển dịch vụ web Python/Django. Học Django tốn thời gian, nhưng bạn có thể tối đa hóa năng suất của mình trong quá trình phát triển lặp đi lặp lại. Biến trí tưởng tượng của bạn thành hiện thực.

Basic

Python, Django, React

Hướng dẫn hoàn hảo phát triển dịch vụ web Python/Django với React (dựa trên Django 4.2)

pyhub

Chuỗi bài học về Node và React để học bằng cách làm theo - Tạo trang Reddit (NextJS) (Bộ định tuyến trang)

John Ahn

Thông qua bài giảng này, bạn sẽ có thể từng bước tạo một trang web Reddit từ đầu.

Basic

Clone Coding, Node.js, React

Chuỗi bài học về Node và React để học bằng cách làm theo - Tạo trang Reddit (NextJS) (Bộ định tuyến trang)

John Ahn

Xây dựng web responsive chỉ với html/css/js thuần túy [Phần thực hành] Bootcamp

youngcodikimssam

Đây là buổi học thực hành của khóa học tạo trang web responsive có thể triển khai nhiều layout khác nhau cho từng thiết bị chỉ bằng html/css/js thuần túy mà không cần sử dụng BOOTSTRAP (phiên bản mới nhất năm 2024).

Basic

HTML/CSS, Responsive Web, Interactive Web

Xây dựng web responsive chỉ với html/css/js thuần túy [Phần thực hành] Bootcamp

youngcodikimssam

Dự án đồ chơi React full-stack - REST, GraphQL (dành cho nhà phát triển FE)

jaenam

Thực hành REST API và GraphQL trong khi tạo dịch vụ SNS dựa trên React đơn giản. Giới thiệu một cách đơn giản và dễ dàng để tạo môi trường phụ trợ cho việc phát triển giao diện người dùng.

Basic

REST API, GraphQL, React

Dự án đồ chơi React full-stack - REST, GraphQL (dành cho nhà phát triển FE)

jaenam

[Code Factory] [Cơ bản] Khóa học hoàn chỉnh Typescript của Code Factory chỉ trong 8 giờ

codefactory

Đây là khóa học về ngữ pháp Typescript cô đọng, giúp bạn trở thành chuyên gia về ngữ pháp Typescript chỉ sau một khóa học, ngay cả khi bạn chưa biết gì về TypeScript.

Basic

TypeScript

[Code Factory] [Cơ bản] Khóa học hoàn chỉnh Typescript của Code Factory chỉ trong 8 giờ

codefactory

Tìm hiểu TypeScript A-Z bằng cách làm theo

John Ahn

Bạn có thể tìm hiểu về TypeScript thông qua bài giảng này.

Basic

TypeScript, JavaScript

Tìm hiểu TypeScript A-Z bằng cách làm theo

John Ahn

[Code Factory] [Cơ bản] Khóa học hoàn chỉnh về NestJS REST API Backend - NestJS Core

codefactory

JavaScript, TypeScript Tiếp theo là phát triển backend! Bạn sẽ có thể phát triển backend API REST bằng NestJS, phát triển và triển khai Socket IO.

Basic

NestJS, REST API, backend

[Code Factory] [Cơ bản] Khóa học hoàn chỉnh về NestJS REST API Backend - NestJS Core

codefactory

Lập trình đa mô hình tập 1: Mẫu lặp & LISP (với TypeScript, Clojure, Kotlin)

mduniv

Phát triển khả năng sử dụng ngôn ngữ lập trình nâng cao và khả năng thiết kế, triển khai phần mềm kết hợp với các mô hình hàm, hướng đối tượng, LISP, để phát triển thành nhà phát triển trung cấp/cao cấp.

Intermediate

multi-paradigm Programming, TypeScript, Functional Programming

Lập trình đa mô hình tập 1: Mẫu lặp & LISP (với TypeScript, Clojure, Kotlin)

mduniv

Thực tế phát triển ứng dụng React Native cho iOS/Android - Cơ bản

Wintho

Mục tiêu là có được kiến thức cơ bản về React Native để phát triển front-end ứng dụng di động. Khóa học này được thiết kế để giúp những người không phải là chuyên gia dễ dàng phát triển Ứng dụng di động gốc thông qua việc sử dụng ngôn ngữ/API với rào cản gia nhập thấp.

Basic

React Native, React, ES6

Thực tế phát triển ứng dụng React Native cho iOS/Android - Cơ bản

Wintho

Bài giảng giới thiệu TypeScript tới ionic6 (Dựa trên góc)

nodeep777

Được đề xuất cho những ai muốn tìm hiểu cách dễ dàng tạo và phân phối ứng dụng Android, ứng dụng Windows và ứng dụng iOS. Thay vì JavaScript và Angular, chúng tôi sẽ dạy bạn những điều cơ bản về TypeScript!

Beginner

TypeScript, IONIC, Hybrid App

Bài giảng giới thiệu TypeScript tới ionic6 (Dựa trên góc)

nodeep777

Tạo ứng dụng cộng đồng avatar (React Native Expo)

Kyo

Phát triển ứng dụng cộng đồng dựa trên avatar bằng React Native. Bạn sẽ được học quá trình xây dựng một ứng dụng cộng đồng hoàn chỉnh, không chỉ bao gồm việc viết bài mà còn có bình luận/trả lời bình luận, lượt thích, bình chọn, tạo avatar, v.v.

Basic

React Native, TypeScript, expo

Tạo ứng dụng cộng đồng avatar (React Native Expo)

Kyo

Phát triển máy chủ phụ trợ Node.js thế hệ tiếp theo (với Fastify & Prisma & Typescript)

Indie Coder

Một khóa học để tìm hiểu API REST phụ trợ mới nhất của Node.js bằng cách sử dụng các khung Node.js nhanh và quản lý Prisma và Typecirpt.

Basic

Node.js, TypeScript, Prisma

Phát triển máy chủ phụ trợ Node.js thế hệ tiếp theo (với Fastify & Prisma & Typescript)

Indie Coder

[PROKIT] Bộ công cụ dự án Frontend: Tạo ứng dụng đếm giờ

nybs

Đây là nội dung mission dự án frontend. Chúng tôi cung cấp tài liệu kế hoạch PRD, thiết kế Figma và API endpoint để bạn có thể thực hành dự án bằng cách tự tay triển khai ứng dụng timer có tên DevTime. Hãy biến những kiến thức đã học thành của riêng mình một cách hoàn hảo bằng cách triển khai dự án ở mức độ tương tự như dịch vụ thực tế 🚀

Beginner

React

[PROKIT] Bộ công cụ dự án Frontend: Tạo ứng dụng đếm giờ

nybs

SpringBoot & React Dự án Portfolio: Nhập môn Triển khai Thực tế với Dịch vụ AWS

ehtjd339667

Khóa học tập trung vào portfolio về triển khai trực tiếp React frontend và SpringBoot backend lên AWS cloud! Đây là khóa học hữu ích cho những ai muốn nhanh chóng triển khai các dự án frontend và backend vào portfolio của mình! Bạn sẽ có thể thực hành từng bước trong thời gian ngắn các kiến thức cần thiết để triển khai, từ cấu hình server đến Docker, kết nối Domain, Nginx, áp dụng HTTPS!

Basic

React, Java, AWS

SpringBoot & React Dự án Portfolio: Nhập môn Triển khai Thực tế với Dịch vụ AWS

ehtjd339667

[Sửa đổi lần thứ 3] Sách giáo khoa Node.js - Từ cơ bản đến thực hành dự án

zerocho

노드 là gì, cú pháp JavaScript mới nhất, API của Node, npm, hệ thống mô-đun, cơ sở dữ liệu, thử nghiệm, v.v. và tạo dự án bằng 5 ví dụ thực tế. Bạn cũng có thể triển khai dịch vụ trên đám mây và chuyển đổi dự án Node sang TypeScript.

Basic

Node.js, Express, MySQL

[Sửa đổi lần thứ 3] Sách giáo khoa Node.js - Từ cơ bản đến thực hành dự án

zerocho

Tạo portfolio tương tác bằng R3F (React + Three.js / Typescript)

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

Bạn có thấy vui khi tạo ra các trang web không?

Trang web này được tạo ra như thế nào? Bạn có muốn tạo một trang web WOW không?

Chủ đề bài giảng 📖

Đặc điểm khóa học ✨

React và Three.js cùng một lúc! React Three Fiber(R3F)!

Từ khái niệm cơ bản về vector - nền tảng của Interactive Coding

Các ví dụ đa dạng có thể sử dụng trong thực tế, dự án tổng hợp và cả những mẹo tối ưu hóa !

Nội dung học tập 📚

1. Cơ bản trong cơ bản của Creative Coding! Cơ bản trong cơ bản của website 3D!

Học từng bước về Vector!

2. Học cách sử dụng vector thông qua việc lập trình trực tiếp và thực hành cùng nhau.

3. Chúng ta đã học về Vector rồi, bây giờ hãy cùng tìm hiểu về Curve (Đường cong) nhé?

4. Tìm hiểu về thư viện GSAP, yếu tố thiết yếu cho các trang web tương tác và

Điều khiển thế giới 3D tương tác bằng sự kiện cuộn chuột.

Lưu ý trước khi học 📢

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

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

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

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

Xin chào
Đây là

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

Đánh giá

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

Khóa học tương tự

Tạo portfolio tương tác bằng R3F (React + Three.js / Typescript)

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

Bạn có thấy vui khi tạo ra các trang web không?

Trang web này được tạo ra như thế nào? Bạn có muốn tạo một trang web WOW không?

Chủ đề bài giảng 📖

Đặc điểm khóa học ✨

React và Three.js cùng một lúc! React Three Fiber(R3F)!

Từ khái niệm cơ bản về vector - nền tảng của Interactive Coding

Các ví dụ đa dạng có thể sử dụng trong thực tế, dự án tổng hợp và cả những mẹo tối ưu hóa !

Nội dung học tập 📚

1. Cơ bản trong cơ bản của Creative Coding! Cơ bản trong cơ bản của website 3D!

Học từng bước về Vector!

2. Học cách sử dụng vector thông qua việc lập trình trực tiếp và thực hành cùng nhau.

3. Chúng ta đã học về Vector rồi, bây giờ hãy cùng tìm hiểu về Curve (Đường cong) nhé?

4. Tìm hiểu về thư viện GSAP, yếu tố thiết yếu cho các trang web tương tác và

Điều khiển thế giới 3D tương tác bằng sự kiện cuộn chuột.

Lưu ý trước khi học 📢

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

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

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

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

Xin chàoĐây là .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

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

Đánh giá

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

Khóa học tương tự

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

Xin chào
Đây là