강의

N
챌린지

멘토링

N
클립

로드맵

Programming

/

Front-end

Three.js mô hình thành phố 3D & triển khai Netlify

Bạn sẽ học cách làm hộp hoặc khối cầu xoay tròn đến bao giờ? Phải nhìn cả khu rừng chứ nếu chỉ nhìn cây thì tư duy sẽ không phát triển lớn được. Hãy thoát khỏi trình độ sơ cấp hoàn toàn và có thể áp dụng vào thực tế, cảm nhận sức mạnh của Three.js, công cụ có thể đóng vai trò trong Digital Twin đang được chú ý gần đây. Đây là cấp độ ứng dụng vào công việc chứ không chỉ dùng để quay vòng trên website. Nếu bạn sở hữu năng lực chế tạo các mô hình liên quan (glb, glTF...) trong các lĩnh vực sản xuất, quốc phòng, thiên tai, vận tải..., chuyên môn trong lĩnh vực của bạn sẽ được nâng cấp thêm một bậc. Chúng tôi cũng phát triển các server Node.js (Express) & Nest.js riêng biệt cho mục đích On-Premises trên server cá nhân và công ty. Chỉ cần thay đổi một chút từ khóa học này, bạn sẽ có thể tạo ra những dịch vụ mạnh mẽ và trở thành một nhân tài IT. Các bạn đừng sợ, hãy thử thách bản thân, nó không khó đến vậy đâu.^^

(5.0) 2 đánh giá

41 học viên

Độ khó Cơ bản

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

Three.js
Three.js
JavaScript
JavaScript
Three.js
Three.js
JavaScript
JavaScript

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

  • Tạo, lưu và mở một thành phố sử dụng Three.js. Việc lưu trữ ở định dạng nhị phân. (Dung lượng: mức vài trăm Bytes ~ 2KB, Khả năng đọc: không thể)

  • 다국어(tiếng Hàn, tiếng Anh, tiếng Nhật...) cũng được phát triển bằng vanilla JavaScript nên có thể sử dụng được trong các dự án web khác. (tuân thủ các tiêu chuẩn web)

  • Sau khi phát triển, thử nghiệm build bằng Vite và tạo script nén css với Gulp, đồng thời tự động thay thế file min.css đã nén vào file index.html đã build. Ngoài ra, khi áp dụng vào package.json, chỉ một lệnh là hoàn tất build và deploy lên Netlify.

  • Sau khi hoàn thành phát triển và build, commit lên Git và publish lên Netlify, trang web của riêng tôi đã hoàn thành. Khi sửa đổi hoặc bổ sung, việc tự động triển khai sẽ được áp dụng.

  • Phát triển máy chủ Node đơn giản của riêng tôi và máy chủ Nest đang thịnh hành nhất hiện nay để chạy kết quả On-Pemises.

  • Cuối cùng, sẽ giải thích toàn bộ về CSS và tối ưu code đã phát triển trong thời gian qua.

Làm thế nào chúng ta có thể hiện thực hóa các mô hình 3D theo cách dễ dàng và có khả năng mở rộng nhất có thể? 🤔

Câu trả lời nằm ở Three.js . Three.js là công nghệ triển khai bản sao kỹ thuật số, VR và nhiều lĩnh vực khác, bao gồm mô hình thành phố, mô hình quy trình sản xuất và mô hình thảm họa .

Trong bài giảng này, chúng ta sẽ chủ yếu sử dụng Three.js. Bạn sẽ tạo một dịch vụ 3D, tích hợp nó với Git, tự động triển khai nó lên Netlify và có trang web riêng miễn phí. Tất nhiên, nếu bạn có tên miền, bạn có thể kết nối nó.

Để chạy trên máy chủ cá nhân và doanh nghiệp. Chúng tôi phát triển hai máy chủ: máy chủ Node.js và máy chủ Nest.js.

Nếu bạn cần dịch vụ đa ngôn ngữ, hãy thử viết mô-đun đa ngôn ngữ của riêng bạn thay vì đưa vào một thư viện nặng . Áp dụng cho tất cả các dự án web (tuân thủ tiêu chuẩn web) . ( Mã hóa nhiều ngôn ngữ từ Mục 4 )

Thay vì dành thời gian chỉ để học ngữ pháp cơ bản và các ví dụ thực tế, hãy học ngược lại từ toàn bộ văn bản. Và sau đó cố gắng sửa đổi, cải thiện và áp dụng vào những gì bạn quan tâm.

Đừng chỉ để người hướng dẫn viết mã, hãy tự mình viết mã, khi đó nó sẽ là của bạn và bạn sẽ tiến bộ .

Các tính năng của khóa học này

📌 Chủ đề này, Three.js, cung cấp phương pháp phát triển triển khai theo hướng lớp mà bạn phải học.

📌 Quản lý nguồn của bạn trong Git và tích hợp với Netlify để cung cấp dịch vụ phản ánh thời gian thực trên trang web miễn phí của bạn.

📌 Bạn có thể tự tạo và áp dụng các mô-đun đa ngôn ngữ nhẹ và áp dụng chúng vào các dự án web khác.

📌 Chúng tôi cung cấp máy chủ Express dựa trên Node.js và Nest.js cho những ai cần vận hành tại chỗ.

💡 Three.js + i18n (Quốc tế hóa) + Node.js & Nest.js Server & Git/Netlify.

  • Một danh mục đầu tư tuyệt vời không chỉ để học ngữ pháp hoặc theo dõi mà còn có thể áp dụng vào thực tế và sẽ gây bất ngờ cho người phỏng vấn.

  • Dựa trên Three.js, nhưng cung cấp khóa học Fullstack Semi để cung cấp các dịch vụ web thực tế

Tôi giới thiệu điều này cho những người này

Có ai chỉ tạo đối tượng bằng Three.js nhưng tò mò về những gì xảy ra sau đó không?

2/3D đều tốt, nhưng tôi nên sử dụng chúng ở đâu và như thế nào? Hầu hết thời gian, BoxGeometry đều được xoay, nhưng tôi có thể sử dụng nó ở đâu?

Người mới bắt đầu sử dụng Three.js / Nhân viên CNTT

Làm thế nào để lưu/mở Three.js?
Tôi có thể chỉ cần toJSON() tạo một đối tượng THREE.Scene() mới không? Làm sao để tôi có thể mở và hiển thị nó sau? Dung lượng rất lớn (hàng chục đến hàng trăm M/GB), nếu không thì đây là lỗi cuộc gọi tối đa 😰

Nhà phát triển Three.js / Đại diện CNTT

Bạn có tò mò về web từ đầu đến cuối không?
Three.js có lẽ tốt hơn, nhưng nếu không thì có một full-stack đơn giản nào không? Node.js là gì và Nest.js là gì? Có dễ thực hiện hay khó hiểu? Có phải việc triển khai web chỉ có thể thực hiện được bằng ThreeJS không? Dành cho những ai tò mò

Nhà phát triển web-front / Trợ lý CNTT

Sau giờ học

  • Bạn có thể sử dụng Three.js để mở rộng glb, glTF và các đối tượng dựa trên Loader khác để tạo ra giải pháp của riêng bạn.

  • Ngay cả khi bạn tải danh mục đầu tư của mình lên Linkedin và các trang web khác vì nó hỗ trợ nhiều ngôn ngữ, thì bạn vẫn sẽ gặp khó khăn.

  • Nếu bạn chỉ thực hiện xử lý đăng nhập/đăng xuất đầy đủ, bạn sẽ nhận được nhiều ưu đãi bao gồm cả khoản đầu tư vượt quá mong đợi của bạn.

  • Hãy lập kế hoạch cho Three.js không chỉ dành cho trang chủ của bạn, gửi hồ sơ năng lực của bạn tới một công ty kỹ thuật số và nhận việc .

  • Hãy tự tin và đọc hướng dẫn thêm một chút để nắm được những điều cơ bản. Lương của bạn sẽ tăng.

Tìm hiểu về những điều này.

Xây dựng mô hình thành phố ảo 3D

-. Xây dựng đường sá. (Cơ sở của quy hoạch đô thị)

-. Chúng ta cần điện nên chúng ta phải xây dựng nhà máy điện.

-. Xây dựng các khu dân cư, thương mại, công nghiệp và cơ sở hạ tầng.

-. Nếu thiếu điện hoặc đường trong quá trình thi công thì phải tăng thêm.

-. Nhấp đúp sẽ đưa nó trở về trạng thái ban đầu một cách hoàn hảo.

Video trên YouTube

Hãy thử các mô hình thành phố được cung cấp

-. Chúng tôi thực hiện xây dựng mô phỏng và mở rộng/cải tạo ngay từ đầu cho mỗi mô hình được cung cấp.

-. Hiển thị thông tin cụ thể về tòa nhà (thông tin người dùng).

-. Mọi thông tin ngoại trừ dữ liệu bằng nhiều ngôn ngữ sẽ được chuyển đổi ngay lập tức sang ngôn ngữ đó.

Lưu và mở mô hình

Lưu và mở mô hình đã lập kế hoạch.

-. Lưu mô hình thành phố mà bạn đã cẩn thận lên kế hoạch và tạo ra.

- Mở, chỉnh sửa và lưu các mô hình đã lưu.

-. Dung lượng lưu trữ quá nhỏ so với Scene.toJSON của Three.js. Khoảng vài trăm byte ~ 2KB.

Video trên YouTube

Nó đang chạy tốt trên Netlify , vì vậy bây giờ

Chạy các phát triển của bạn trên máy chủ Node & Nest

-.Sự khác biệt giữa Node.js và Nest.js là sự khác biệt về hỗ trợ thư viện để dễ sử dụng.

-. Chúng tôi sẽ cố gắng thực hiện những việc giống như CORS và Swagger.

-. Ở cấp độ API, Nest.js tương tự như Spring Boot.

Trích xuất hình ảnh

Đây là kết quả của việc trích xuất cảnh dưới dạng hình ảnh raster. Chất lượng hình ảnh kém khi phóng to hoặc thu nhỏ. Cung cấp chức năng xuất khẩu nếu cần

mẹoXây dựng

Cung cấp thông tin chú giải công cụ khi chọn nút đối tượng trên thanh công cụ và di chuột qua tòa nhà, v.v. (đường, tòa nhà & người, trạng thái đối tượng, v.v.)

Những điều cần lưu ý trước khi tham gia lớp học

Môi trường thực hành (tính đến ngày 25.05.18)

  1. Giải thích này dựa trên Windows (11). Quá trình phát triển đã được thử nghiệm trên cả macOS (12) và Windows 11.

  2. Con trỏ: 0.49.6 (winSurf: rẻ hơn 25%, Vscode: rất rẻ, cline: Tốt)

  3. ThreeJS: r176

  4. Node.js: v22. 15.0 LTS & v22.15.0 (ncu, ncu -u, npm i ; Có ai đã được đào tạo chưa? 😃 )

  5. Nest.js: v11.1.1 (@nestjs/core)

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

  • Được cung cấp trong tài liệu bài học và ghi chú lớp học của chương trình tiến độ theo từng phần.

Kiến thức và ghi chú của người chơi

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

    • Hệ điều hành và Phiên bản (OS)


      -.Mặt trước: Chrome b

      Rowser hỗ trợ hệ điều hành
      -.Back-End: Hệ điều hành được Node hỗ trợ

  • Công cụ được sử dụng: Git và Netlify đều miễn phí (cũng có phiên bản trả phí của Netlify)

  • Kiến thức và ghi chú của người chơi

    • Cần có kiến ​​thức cơ bản về JavaScript.

    • Yêu cầu có kiến ​​thức cơ bản về Three.js.

    • Chúng tôi đặt mục tiêu trả lời các câu hỏi/câu trả lời sớm nhất có thể hoặc trong vòng 3 ngày và chúng tôi sẽ cập nhật phiên bản Three.js của chương trình giảng dạy hiện tại hàng tuần . Bất kỳ bản sửa đổi hoặc mô-đun bổ sung nào có thể hữu ích nhưng không phải là bản sửa đổi hoàn chỉnh sẽ được thông báo sau khi cập nhật.

    • Bản quyền của các bài giảng và tài liệu học tập nghiêm cấm việc sao chép, bán lại ở mức độ tương tự và tiết lộ cho Git Public . Nói cách khác, bạn có thể thay đổi, sử dụng và phân phối nó bằng cách đưa nó vào Git Private và các sản phẩm của bạn .
      ( Nếu bạn sử dụng nó trong sản phẩm của mình, bạn có thể bán nó, và nếu bạn bán được nhiều, bạn có thể quyên góp được nhiều..^^ )

  • Xin lưu ý rằng một số video lớp học có chất lượng âm thanh không đồng đều khi tham gia lớp học.

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

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

  • Thay vì chỉ học nền tảng Three.js và JS, người muốn học, áp dụng và phát triển dựa trên mã nguồn ứng dụng thực tế.

  • 3D có thể áp dụng cho mọi lĩnh vực, và kỹ sư muốn tạo sự khác biệt trong các lĩnh vực trực quan hóa đang thịnh hành gần đây như Metabus, Digital Twin, AR, VR, ML, DL

  • Những người cảm thấy khó tạo ra sự khác biệt nữa chỉ bằng các công cụ FE (Front-End) thông thường

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

  • Nên có nền tảng JS, Three.js. Nếu không có sẽ vất vả, nhưng không bất khả thi. Cũng có phương pháp là phân tích và hiểu ngược các module hoàn chỉnh sẵn có theo kỹ thuật đảo ngược (reverse engineering pattern).

Xin chào
Đây là GregHan

Vì đã dành nhiều thời gian để thích nghi với những thay đổi của công nghệ trong suốt một thời gian dài, giờ đây tôi muốn chia sẻ những kỹ năng và kinh nghiệm mà mình có — dù còn khiêm tốn — để hỗ trợ các bạn ở trình độ sơ cấp và trung cấp có thể cùng nhau phát triển một cách nhanh chóng.

Stack công nghệ

-.Mono-Repo (Turbo: "^2.3.4"), FCM(Firebase Cloud Message), WebHook, Redis, MQTT

-. UI trong hệ sinh thái Next & React như MUI-X, Material-UI, v.v.

-.OCR(Naver), RIMS, Popbill, SNS Login(Google,Naver,Kakao)

-.Js, Vue/Nuxt (VueX, Pinia), AngularJS, React/Next (Redux, Zustand, Recoil), Svelt,

D3, Three (WebGL), C2i: Biểu đồ BI cung cấp cho Nhà Xanh, echarts, Vuetify, Quasar, Telerick(Progress)

IndexedDB & SqlLite, css, scss, sass, Tailwind, Bootstrap...

-.Leaflet.js, Cesium.js, Bản đồ Daum & Naver

-.WebRTC & WebSocket, MQTT, Silverlight(C#) & ASP.Net

-.Node, Nest, Spring Boot, Docker, Git, pm2

-.AWS, Azure, nCloud(Naver)

-.Oracle, PostgreSQL, MySQL, MariaDB, MS-SQL, MongoDB(mongoose), InfluxDB, Supabase

-.Python, Numpy/Scipy, Jupyter, Django(DRF: Django Rest Framework)/Flask,

-.TensorFlow, Keras, ScikitRun, LangChain

Giải pháp

-.City-Wow: Mô phỏng 3D cho lãnh thổ, quốc phòng, công cộng, bệnh viện và doanh nghiệp sản xuất, v.v.

Dịch vụ giám sát thời gian thực ('23.10 ~ hiện tại; Three, Vanila.js)

-.SeeU: Dịch vụ trò chuyện video theo từng lĩnh vực (bệnh viện, sản xuất..)(Google Meet + Chromakey, STT & TTS Chatting)

('23.02 ~ 23.10; WebRTC, WebSocket, Vue3 & Pinia, Quasar, Node, MySQL)
-.Survey-Wow: Phân tích đơn giản kết quả khảo sát từ Google Forms, MS Forms, Naver Forms và

Dịch vụ web phân tích dữ liệu chia sẻ ('22.03 ~ 23.01; Vue2 & VueX, Quasar, Node, MySQL)

-.Data-Wow: Tự động phân tích và trực quan hóa dữ liệu công cộng thông qua liên kết API, tệp xls, json, csv, v.v.

('22.01 ~ 22.12; Vue2 & VueX, Vuetify, Node, MongoDB) - Giải thưởng Dữ liệu Công của Bộ Hành chính và An ninh
-.DDMV(Data-Dam Multi-Dimensional Vis-): Dịch vụ phân tích trực quan hóa khám phá đa chiều Data-Dam

('20.01 ~ 20.08; Vue2 & VueX, Vuetify, Node, MongoDB) - Giải thưởng Dữ liệu Công cộng Thành phố Incheon
-.Thành phần biểu đồ C2i (Chart Intelligence Insights): Menu thư viện biểu đồ

Biểu đồ dựa trên BI (với D3.js): '15.04 ~ Hiện tại ; Giải pháp biểu đồ theo mô hình BI dựa trên D3.js (v3.3 ~ v7.9)

(Cung cấp Bảng điều khiển việc làm cho Chính phủ Moon Jae-in tại Nhà Xanh, cung cấp Dự án quốc gia về Quản lý tài chính Mông Cổ. Hỗ trợ đa ngôn ngữ)

 

Các ngăn xếp công nghệ đa dạng như Data Mart & Warehouse, ROLAP, BI, trực quan hóa dữ liệu, hạ tầng đám mây và v.v.

Sở hữu thông tin chuyên môn và kinh nghiệm trong lĩnh vực phân tích nghiệp vụ, mô hình hóa & tối ưu hóa (tuning) Oracle (v6.3 ~ ).

 

-.CTO của Công ty Cổ phần Casual-Insights

-.Cựu nghiên cứu viên KISTI

-.Cựu Chuyên viên Mô hình hóa Oracle (Oracle Modeler), DBA & Nghiên cứu viên cao cấp tại LG-CNS

-.Cựu nhân viên phòng máy tính tại Dầu khí Kukdong (nay là Hyundai Oilbank)

**. Giới thiệu tổng hợp về Trực quan hóa đa chiều Data Dam (Bắt buộc): https://youtu.be/noZ9H7wftsI

-.Khu vực tiêu thương mại tiêu dùng-I (Bắt buộc: Dữ liệu POS cửa hàng bách hóa - Nhà sản xuất và phân phối thông thường) : https://youtu.be/ArL-Pv3U-40 -.Tiêu dùng/Khu vực thương mại-II (Cung cấp dữ liệu KDX Hàn Quốc, Siksin): https://youtu.be/Wcpu29gI53Y

-.Y tế (Hàn Quốc KDX, cung cấp dữ liệu Onnuri H&C): https://youtu.be/I8WBqAFp9L4-

.Dữ liệu công cộng (Cung cấp bởi dữ liệu công cộng của Tòa thị chính thành phố Hwaseong, Gyeonggi) : https://youtu.be/2QCw_6aeRVE

*.Thư viện biểu đồ D3 & ThreeJS :https://gregory-han.github.io/chart/

*.Lịch sử khen thưởng

1999.08 Nhận giải thưởng chính tại Hankyoreh Newspaper & UTC Venture 21. (Tiền thưởng 50 triệu won)
10.2000 Nhận Giải thưởng Tổng thống cho Công ty Cổ phần SoftDime (PowerSi OLAP)
2002.11 Nhận giải thưởng của Bộ trưởng Bộ Công nghiệp và Tài nguyên tại Giải thưởng e-Business Hàn Quốc
2020.08 Giải thưởng Dữ liệu Công cộng Thành phố Incheon
2022.12 Bộ Hành chính và An toàn Khen thưởng Dữ liệu Công cộng
Thêm

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

Tất cả

35 bài giảng ∙ (17giờ 32phú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ả

2 đánh giá

5.0

2 đánh giá

  • greghan님의 프로필 이미지
    greghan

    Đánh giá 2

    ∙

    Đánh giá trung bình 5.0

    5

    44% đã tham gia

    Mức độ sản phẩm đầy đủ. Ngoài ra, JS ngăn chặn rò rỉ bộ nhớ do kéo và thả thật đáng kinh ngạc và sự thay đổi trong suy nghĩ về việc lưu và mở các mô hình cũng là một trải nghiệm. Ồ, có thể tạo tin nhắn chúc mừng của riêng tôi và sử dụng nó ở bất kỳ đâu trên web hơi khó khăn nhưng chắc chắn là thiết thực...

    • outflearn님의 프로필 이미지
      outflearn

      Đánh giá 1

      ∙

      Đánh giá trung bình 5.0

      5

      37% đã tham gia

      • greghan
        Giảng viên

        Cảm ơn bạn, dạo này mình bận quá nên chưa edit lại được. Tôi sẽ đặt nó phù hợp với Tết Nguyên đán này

    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!

    Chinh phục hoàn toàn Next.js 16+ với TypeScript: Từ cơ bản đến kiến trúc mới nhấtHình thu nhỏ khóa học

    Chinh phục hoàn toàn Next.js 16+ với TypeScript: Từ cơ bản đến kiến trúc mới nhất

    sucoding

    Đây là khóa học tất cả trong một (all-in-one) giúp bạn hoàn thiện Next.js 16+ dựa trên TypeScript, từ con số 0 cho đến cấp độ dự án thực tế. Bạn sẽ được học thông qua việc trực tiếp triển khai các khái niệm cốt lõi và mô hình thực tiễn của Next.js mới nhất, bao gồm App Router, Server Components, Server Actions, Caching, Cache Components, xác thực, tối ưu hóa hiệu suất và triển khai (deployment).

    Nhập môn

    Nhập môn

    JavaScript, React, TypeScript

    Chinh phục hoàn toàn Next.js 16+ với TypeScript: Từ cơ bản đến kiến trúc mới nhấtHình thu nhỏ khóa học

    Chinh phục hoàn toàn Next.js 16+ với TypeScript: Từ cơ bản đến kiến trúc mới nhất

    sucoding

    Học Next.js cùng với AIHình thu nhỏ khóa học

    Học Next.js cùng với AI

    captain

    Bạn có thể học các khái niệm phức tạp của Next.js chỉ với những kiến thức cốt lõi trong thời gian ngắn. Chúng tôi sẽ chỉ cung cấp những kiến thức thực tế cần thiết cho những người mới bắt đầu học Next.js. Khóa học Next.js mới của Captain Pangyo, người đã giảng dạy về framework được 8 năm. Bạn có thể học cách coding và phương pháp học tập của "lập trình viên frontend trong kỷ nguyên AI"! :)

    Nhập môn

    Nhập môn

    JavaScript, React, Next.js

    Học Next.js cùng với AIHình thu nhỏ khóa học

    Học Next.js cùng với AI

    captain

    Tìm hiểu TypeScript A-Z bằng cách làm theoHình thu nhỏ khóa học

    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.

    Cơ bản

    Cơ bản

    TypeScript, JavaScript

    Tìm hiểu TypeScript A-Z bằng cách làm theoHình thu nhỏ khóa học

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

    John Ahn

    JavaScript + jQuery từ cơ bản đến thực hành: Phần nâng cao.1Hình thu nhỏ khóa học

    JavaScript + jQuery từ cơ bản đến thực hành: Phần nâng cao.1

    usefulit

    Đây là khóa học nơi bạn có thể học JavaScript thông qua lý thuyết và thực hành. Khóa học này dành cho những người đã hơi quen thuộc với JavaScript. Phần 1 bao gồm các lớp JavaScript và lập trình hướng đối tượng.

    Trung cấp trở lên

    Trung cấp trở lên

    JavaScript, jQuery

    JavaScript + jQuery từ cơ bản đến thực hành: Phần nâng cao.1Hình thu nhỏ khóa học

    JavaScript + jQuery từ cơ bản đến thực hành: Phần nâng cao.1

    usefulit

    Bài giảng dành cho người mới bắt đầu về JavaScriptHình thu nhỏ khóa học

    Bài giảng dành cho người mới bắt đầu về JavaScript

    JeongTaeHyun

    Bạn có muốn bắt đầu với JavaScript không? Sau đó hãy chọn bài giảng của tôi.

    Cơ bản

    Cơ bản

    JavaScript

    Bài giảng dành cho người mới bắt đầu về JavaScriptHình thu nhỏ khóa học

    Bài giảng dành cho người mới bắt đầu về JavaScript

    JeongTaeHyun

    Học Springboot + ReactNative RestAPI tạo bảng tin nhanh hơn ai hếtHình thu nhỏ khóa học

    Học Springboot + ReactNative RestAPI tạo bảng tin nhanh hơn ai hết

    Neo

    Học Springboot + ReactNative RestAPI Tạo Bảng Tin Nhanh Hơn Ai Hết Phát triển server CRUD với Springboot và tạo bảng tin của riêng bạn bằng ReactNative!!

    Cơ bản

    Cơ bản

    JavaScript, React Native, Java

    Học Springboot + ReactNative RestAPI tạo bảng tin nhanh hơn ai hếtHình thu nhỏ khóa học

    Học Springboot + ReactNative RestAPI tạo bảng tin nhanh hơn ai hết

    Neo

    "Thời đại AI chỉ bằng một cú nhấp chuột" Đột phá bằng nguyên lý Node.js và CS Phần 1: V8 và Giải mã CoreHình thu nhỏ khóa học

    "Thời đại AI chỉ bằng một cú nhấp chuột" Đột phá bằng nguyên lý Node.js và CS Phần 1: V8 và Giải mã Core

    nhcodingstudio

    Những ngày tháng cảm thấy an tâm với những dòng mã hộp đen (black-box code) do AI tạo ra giờ đã kết thúc. Chúng tôi sẽ giúp bạn thấu hiểu giới hạn vật lý của máy tính và nguyên lý hoạt động của lõi động cơ Node.js, từ đó hoàn thiện khả năng kiểm soát của một kỹ sư thực thụ — người có thể đứng vững trước bất kỳ sự bùng nổ lưu lượng truy cập nào.

    Cơ bản

    Cơ bản

    JavaScript, Node.js, Computer Architecture

    "Thời đại AI chỉ bằng một cú nhấp chuột" Đột phá bằng nguyên lý Node.js và CS Phần 1: V8 và Giải mã CoreHình thu nhỏ khóa học

    "Thời đại AI chỉ bằng một cú nhấp chuột" Đột phá bằng nguyên lý Node.js và CS Phần 1: V8 và Giải mã Core

    nhcodingstudio

    Hiểu biết sâu sắc về Lottie để nâng cao kỹ năng của nhà thiết kếHình thu nhỏ khóa học

    Hiểu biết sâu sắc về Lottie để nâng cao kỹ năng của nhà thiết kế

    designbase

    Bạn không còn cần phải dựa vào Gifs và Video nữa. Chúng ta sẽ tìm hiểu cách xuất hoạt ảnh được tạo trong After Effects dưới dạng mã và triển khai các tương tác khác nhau thông qua JavaScript. Bạn cũng có thể tạo một trang web hấp dẫn.

    Cơ bản

    Cơ bản

    Lottie, Web Design, JavaScript

    Hiểu biết sâu sắc về Lottie để nâng cao kỹ năng của nhà thiết kếHình thu nhỏ khóa học

    Hiểu biết sâu sắc về Lottie để nâng cao kỹ năng của nhà thiết kế

    designbase

    Xây dựng danh mục hồ sơ năng lực (Portfolio) web để xin việc làm thiết kế UI/UX: Chiến lược xây dựng thương hiệu cá nhânHình thu nhỏ khóa học

    Xây dựng danh mục hồ sơ năng lực (Portfolio) web để xin việc làm thiết kế UI/UX: Chiến lược xây dựng thương hiệu cá nhân

    jyoung

    "Năm 2026 Công bố Portfolio trúng tuyển Agency dành cho UIUX Designer | Designer biết coding" Đây là khóa học thực chiến hướng dẫn cách tạo Portfolio Web UIUX thu hút ánh nhìn của nhà tuyển dụng. Không chỉ dừng lại ở việc tạo ra một Portfolio đơn thuần, chương trình học được thiết kế để nâng cao năng lực cạnh tranh khi tìm việc làm UIUX Designer thông qua những sản phẩm khác biệt có ứng dụng tương tác (interaction).

    Cơ bản

    Cơ bản

    HTML/CSS, JavaScript, Web Application

    Xây dựng danh mục hồ sơ năng lực (Portfolio) web để xin việc làm thiết kế UI/UX: Chiến lược xây dựng thương hiệu cá nhânHình thu nhỏ khóa học

    Xây dựng danh mục hồ sơ năng lực (Portfolio) web để xin việc làm thiết kế UI/UX: Chiến lược xây dựng thương hiệu cá nhân

    jyoung

    Ứng dụng TodoList với React + TypeScript - Nhập môn dự án TypeScript thực tếHình thu nhỏ khóa học

    Ứng dụng TodoList với React + TypeScript - Nhập môn dự án TypeScript thực tế

    ezweb

    Đây là khóa học tập trung vào dự án, nơi bạn sẽ trực tiếp xây dựng "Ứng dụng quản lý công việc (ToDo List)" bằng React + TypeScript với tư duy thực tế. Không chỉ dừng lại ở việc học cú pháp đơn thuần, bạn sẽ được rèn luyện kỹ năng sử dụng TypeScript thông qua việc hoàn thiện một dịch vụ thực tế theo quy trình: Thiết kế cấu trúc component → Quản lý trạng thái → Áp dụng Type → Triển khai tính năng → Liên kết Local Storage → Triển khai (Deploy).

    Cơ bản

    Cơ bản

    HTML/CSS, JavaScript, React

    Ứng dụng TodoList với React + TypeScript - Nhập môn dự án TypeScript thực tếHình thu nhỏ khóa học

    Ứng dụng TodoList với React + TypeScript - Nhập môn dự án TypeScript thực tế

    ezweb

    Dịch vụ bài viết quả địa cầu 3D được tạo bằng ThreeJS và SpringAIHình thu nhỏ khóa học

    Dịch vụ bài viết quả địa cầu 3D được tạo bằng ThreeJS và SpringAI

    Neo

    Dịch vụ bài viết quả địa cầu 3D được tạo bằng ThreeJS và SpringAI | Neo + Essential Hãy tạo dịch vụ bài viết quả địa cầu 3D thông qua chatbot của riêng bạn và ThreeJS!

    Cơ bản

    Cơ bản

    React, Kotlin, Spring Boot

    Dịch vụ bài viết quả địa cầu 3D được tạo bằng ThreeJS và SpringAIHình thu nhỏ khóa học

    Dịch vụ bài viết quả địa cầu 3D được tạo bằng ThreeJS và SpringAI

    Neo

    Từ sự kiện đến SPA, công cụ thiết yếu của web tương tác - [Chinh phục hoàn toàn DOM Phần 2]Hình thu nhỏ khóa học

    Từ sự kiện đến SPA, công cụ thiết yếu của web tương tác - [Chinh phục hoàn toàn DOM Phần 2]

    nhcodingstudio

    Khóa học này không chỉ dừng lại ở việc thao tác DOM đơn thuần, mà còn đi sâu vào việc tìm hiểu cách cấu trúc và phản hồi linh hoạt của giao diện người dùng (Web UI) trong quá trình tương tác thực tế với người dùng. Nội dung được thiết kế để bạn có thể vừa trực tiếp triển khai vừa nắm vững các vấn đề thường gặp trong thực tế, từ bản chất của hệ thống sự kiện, bubbling và capturing, ủy quyền sự kiện (event delegation), phản hồi UX thời gian thực, cho đến tối ưu hóa hiệu suất bằng cách sử dụng throttle & debounce. Dựa trên việc thấu hiểu cấu trúc của cây DOM, bạn sẽ rèn luyện được khả năng kết nối linh hoạt giữa luồng sự kiện và các thay đổi trạng thái.

    Cơ bản

    Cơ bản

    HTML/CSS, JavaScript, React

    Từ sự kiện đến SPA, công cụ thiết yếu của web tương tác - [Chinh phục hoàn toàn DOM Phần 2]Hình thu nhỏ khóa học

    Từ sự kiện đến SPA, công cụ thiết yếu của web tương tác - [Chinh phục hoàn toàn DOM Phần 2]

    nhcodingstudio

    Lập trình máy chủ JavaScript cơ bảnHình thu nhỏ khóa học

    Lập trình máy chủ JavaScript cơ bản

    zdpk

    Sử dụng framework web Express.js dựa trên JavaScript để viết code server, tìm hiểu cách sử dụng cơ bản và nguyên lý hoạt động của server. Frontend về bản chất cũng cần server, và chúng ta sẽ nâng cao hiểu biết bằng cách học tập quá trình ra đời của các kỹ thuật đa dạng như static serving, dynamic rendering.

    Nhập môn

    Nhập môn

    JavaScript

    Lập trình máy chủ JavaScript cơ bảnHình thu nhỏ khóa học

    Lập trình máy chủ JavaScript cơ bản

    zdpk

    Tìm hiểu web tương tác bằng cách tạo trò chơi trên web! JAVASCRIPT

    ggangcoding162118

    Một lớp học nơi bạn có thể tạo trò chơi web và học các kỹ năng phát triển web front-end! Chúng tôi đã tạo một lớp về cách tạo trò chơi bằng JavaScript, CSS và HTML bằng ý tưởng của riêng mình!

    Cơ bản

    Cơ bản

    Interactive Web, JavaScript, HTML/CSS

    Tìm hiểu web tương tác bằng cách tạo trò chơi trên web! JAVASCRIPT

    ggangcoding162118

    jQuery bất tử vẫn còn đang tồn tại - Từ cơ bản đến thực tiễnHình thu nhỏ khóa học

    jQuery bất tử vẫn còn đang tồn tại - Từ cơ bản đến thực tiễn

    ezweb

    jQuery là thư viện JavaScript đang được sử dụng bởi hơn 75% website trên toàn thế giới! Khóa học này được thiết kế để giúp bạn nắm vững nền tảng và hiểu rõ nguyên lý thay vì chỉ tập trung vào các hiệu ứng hào nhoáng. Hãy học từ cơ bản đến nâng cao về jQuery để hoàn thiện portfolio của riêng bạn hoặc áp dụng ngay vào công việc thực tế.

    Cơ bản

    Cơ bản

    HTML/CSS, JavaScript, jQuery

    jQuery bất tử vẫn còn đang tồn tại - Từ cơ bản đến thực tiễnHình thu nhỏ khóa học

    jQuery bất tử vẫn còn đang tồn tại - Từ cơ bản đến thực tiễn

    ezweb

    Mã hóa bản sao Instagram đáp ứng cho thiết bị di động, máy tính bảng và PCHình thu nhỏ khóa học

    Mã hóa bản sao Instagram đáp ứng cho thiết bị di động, máy tính bảng và PC

    jeong4726

    Thông qua khóa học này, sinh viên sẽ có thể tạo một dịch vụ web tương tự như Instagram bằng cách sử dụng HTML, CSS và JS. (Chỉ triển khai front-end! Việc xây dựng máy chủ back-end sẽ được quay trong bài giảng sau.)

    Cơ bản

    Cơ bản

    HTML/CSS, JavaScript, Clone Coding

    Mã hóa bản sao Instagram đáp ứng cho thiết bị di động, máy tính bảng và PCHình thu nhỏ khóa học

    Mã hóa bản sao Instagram đáp ứng cho thiết bị di động, máy tính bảng và PC

    jeong4726

    Tạo dịch vụ web với Vibe Coding With Claude CodeHình thu nhỏ khóa học

    Tạo dịch vụ web với Vibe Coding With Claude Code

    ref63184917

    Một CTO hiện tại của startup sẽ truyền đạt kiến thức về vibe coding thu được thông qua dịch vụ thực tế và nhiều dự án outsourcing.

    Nhập môn

    Nhập môn

    HTML/CSS, JavaScript, Next.js

    Tạo dịch vụ web với Vibe Coding With Claude CodeHình thu nhỏ khóa học

    Tạo dịch vụ web với Vibe Coding With Claude Code

    ref63184917

    Dọn dẹp JavaScript: Xây dựng nền tảng!Hình thu nhỏ khóa học

    Dọn dẹp JavaScript: Xây dựng nền tảng!

    tonextday

    Xử lý tư duy. Bạn có thể hệ thống hóa cốt lõi và nền tảng của JavaScript một cách logic. Bạn có thể tự mình đúc kết kinh nghiệm và suy nghĩ về JavaScript. Bạn có thể thiết lập logic kỹ thuật JavaScript. Bạn có thể mở rộng tầm nhìn bao quát toàn bộ JavaScript. Bạn có thể chuẩn bị cho các câu hỏi phỏng vấn kỹ thuật JavaScript.

    Cơ bản

    Cơ bản

    JavaScript, Interview, Tech Interview

    Dọn dẹp JavaScript: Xây dựng nền tảng!Hình thu nhỏ khóa học

    Dọn dẹp JavaScript: Xây dựng nền tảng!

    tonextday

    4.385.787 ₫