React dễ nhất (phiên bản toàn cầu)
yalco
708.936 ₫
29%
502.163 ₫
Nhập môn / React, JavaScript, Node.js
Học React theo cách dễ dàng và nhanh nhất!
Nhập môn
React, JavaScript, Node.js
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á
40 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ó 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
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.
Nhà phát triển Full-stack chuyên về DB Modeling, C/S & Web
Trang web http://casual-insight.com
Youtube https://www.youtube.com/channel/UCBiU3IgXYAQHK1tUMXq3isQ
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
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
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
44% đã tham giaMứ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...
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!
