René's URL Explorer Experiment

Title: GitHub - JohnAlanCalma/viewer-javascript-tutorial: A quickstart tutorial demonstrating how to set up a Node.js server and client-side JavaScript code to display and interact with a 3D model using the Autodesk Viewer & Model Derivative API · GitHub

Open Graph Title: GitHub - JohnAlanCalma/viewer-javascript-tutorial: A quickstart tutorial demonstrating how to set up a Node.js server and client-side JavaScript code to display and interact with a 3D model using the Autodesk Viewer & Model Derivative API

X Title: GitHub - JohnAlanCalma/viewer-javascript-tutorial: A quickstart tutorial demonstrating how to set up a Node.js server and client-side JavaScript code to display and interact with a 3D model using the Autodesk Viewer & Model Derivative API

Description: A quickstart tutorial demonstrating how to set up a Node.js server and client-side JavaScript code to display and interact with a 3D model using the Autodesk Viewer & Model Derivative API - JohnAlanCalma/viewer-javascript-tutorial

Open Graph Description: A quickstart tutorial demonstrating how to set up a Node.js server and client-side JavaScript code to display and interact with a 3D model using the Autodesk Viewer & Model Derivative API - Joh...

X Description: A quickstart tutorial demonstrating how to set up a Node.js server and client-side JavaScript code to display and interact with a 3D model using the Autodesk Viewer & Model Derivative API -...

Opengraph URL: https://github.com/JohnAlanCalma/viewer-javascript-tutorial

X: @github

direct link

Domain: github.com

route-pattern	/:user_id/:repository
route-controller	files
route-action	disambiguate
fetch-nonce	v2:ab201baa-a632-1480-9f25-e05784c19e84
current-catalog-service-hash	f3abb0cc802f3d7b95fc8762b94bdcb13bf39634c40c357301c4aa1d67a256fb
request-id	DAD6:1EB0:42F6FE:612D68:6A4E19A7
html-safe-nonce	8192d7370f60891b4fcd0628d6d1f15720f488b93bda0204c0e888bb79fa35cf
visitor-payload	eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJEQUQ2OjFFQjA6NDJGNkZFOjYxMkQ2ODo2QTRFMTlBNyIsInZpc2l0b3JfaWQiOiI2ODk1NDAxNjgwMDM4MTQwMzI4IiwicmVnaW9uX2VkZ2UiOiJpYWQiLCJyZWdpb25fcmVuZGVyIjoiaWFkIn0=
visitor-hmac	059f0107f0b724fb6bb940bd0c83b91c986c0ab58c8551b63f761122ff63983d
hovercard-subject-tag	repository:252599766
github-keyboard-shortcuts	repository,copilot
google-site-verification	Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-url	https://collector.github.com/github/collect
analytics-location	//
fb:app_id	1401488693436528
apple-itunes-app	app-id=1477376905, app-argument=https://github.com/JohnAlanCalma/viewer-javascript-tutorial
twitter:image	https://opengraph.githubassets.com/4bbf47578815570e48e4110bb3bfd1449c5bb5c5624b9207088c09ff500ae665/JohnAlanCalma/viewer-javascript-tutorial
twitter:card	summary_large_image
og:image	https://opengraph.githubassets.com/4bbf47578815570e48e4110bb3bfd1449c5bb5c5624b9207088c09ff500ae665/JohnAlanCalma/viewer-javascript-tutorial
og:image:alt	A quickstart tutorial demonstrating how to set up a Node.js server and client-side JavaScript code to display and interact with a 3D model using the Autodesk Viewer & Model Derivative API - Joh...
og:image:width	1200
og:image:height	600
og:site_name	GitHub
og:type	object
hostname	github.com
expected-hostname	github.com
None	030096ee0db095447bfe77409d33bfac127ca7128299c58deef27c52eaa1b1f0
turbo-cache-control	no-cache
go-import	github.com/JohnAlanCalma/viewer-javascript-tutorial git https://github.com/JohnAlanCalma/viewer-javascript-tutorial.git
octolytics-dimension-user_id	32526808
octolytics-dimension-user_login	JohnAlanCalma
octolytics-dimension-repository_id	252599766
octolytics-dimension-repository_nwo	JohnAlanCalma/viewer-javascript-tutorial
octolytics-dimension-repository_public	true
octolytics-dimension-repository_is_fork	true
octolytics-dimension-repository_parent_id	57236062
octolytics-dimension-repository_parent_nwo	jaimerosales/viewer-javascript-tutorial
octolytics-dimension-repository_network_root_id	34083223
octolytics-dimension-repository_network_root_nwo	Developer-Autodesk/viewer-javascript-tutorial
turbo-body-classes	logged-out env-production page-responsive
disable-turbo	false
browser-stats-url	https://api.github.com/_private/browser/stats
browser-errors-url	https://api.github.com/_private/browser/errors
release	ea9187571e3edc5f2780f750631138669441ca50
ui-target	full
theme-color	#1e2327
color-scheme	light dark

Links:

Skip to content	https://github.com/JohnAlanCalma/viewer-javascript-tutorial#start-of-content
	https://github.com/
Sign in	https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2FJohnAlanCalma%2Fviewer-javascript-tutorial
GitHub CopilotWrite better code with AI	https://github.com/features/copilot
GitHub Copilot appDirect agents from issue to merge	https://github.com/features/ai/github-app
MCP RegistryNewIntegrate external tools	https://github.com/mcp
ActionsAutomate any workflow	https://github.com/features/actions
CodespacesInstant dev environments	https://github.com/features/codespaces
IssuesPlan and track work	https://github.com/features/issues
Code ReviewManage code changes	https://github.com/features/code-review
GitHub Advanced SecurityFind and fix vulnerabilities	https://github.com/security/advanced-security
Code securitySecure your code as you build	https://github.com/security/advanced-security/code-security
Secret protectionStop leaks before they start	https://github.com/security/advanced-security/secret-protection
Why GitHub	https://github.com/why-github
Documentation	https://docs.github.com
Blog	https://github.blog
Changelog	https://github.blog/changelog
Marketplace	https://github.com/marketplace
View all features	https://github.com/features
Enterprises	https://github.com/enterprise
Small and medium teams	https://github.com/team
Startups	https://github.com/enterprise/startups
Nonprofits	https://github.com/solutions/industry/nonprofits
App Modernization	https://github.com/solutions/use-case/app-modernization
DevSecOps	https://github.com/solutions/use-case/devsecops
DevOps	https://github.com/solutions/use-case/devops
CI/CD	https://github.com/solutions/use-case/ci-cd
View all use cases	https://github.com/solutions/use-case
Healthcare	https://github.com/solutions/industry/healthcare
Financial services	https://github.com/solutions/industry/financial-services
Manufacturing	https://github.com/solutions/industry/manufacturing
Government	https://github.com/solutions/industry/government
View all industries	https://github.com/solutions/industry
View all solutions	https://github.com/solutions
AI	https://github.com/resources/articles?topic=ai
Software Development	https://github.com/resources/articles?topic=software-development
DevOps	https://github.com/resources/articles?topic=devops
Security	https://github.com/resources/articles?topic=security
View all topics	https://github.com/resources/articles
Customer stories	https://github.com/customer-stories
Events & webinars	https://github.com/resources/events
Ebooks & reports	https://github.com/resources/whitepapers
Business insights	https://github.com/solutions/executive-insights
GitHub Skills	https://skills.github.com
Documentation	https://docs.github.com
Customer support	https://support.github.com
Community forum	https://github.com/orgs/community/discussions
Trust center	https://github.com/trust-center
Partners	https://github.com/partners
View all resources	https://github.com/resources
GitHub SponsorsFund open source developers	https://github.com/sponsors
Security Lab	https://securitylab.github.com
Maintainer Community	https://maintainers.github.com
Accelerator	https://github.com/accelerator
GitHub Stars	https://stars.github.com
Archive Program	https://archiveprogram.github.com
Topics	https://github.com/topics
Trending	https://github.com/trending
Collections	https://github.com/collections
Enterprise platformAI-powered developer platform	https://github.com/enterprise
GitHub Advanced SecurityEnterprise-grade security features	https://github.com/security/advanced-security
Copilot for BusinessEnterprise-grade AI features	https://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 support	https://github.com/premium-support
Pricing	https://github.com/pricing
Search syntax tips	https://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
documentation	https://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
Sign in	https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2FJohnAlanCalma%2Fviewer-javascript-tutorial
Sign up	https://github.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E&source=header-repo&source_repo=JohnAlanCalma%2Fviewer-javascript-tutorial
Reload	https://github.com/JohnAlanCalma/viewer-javascript-tutorial
Reload	https://github.com/JohnAlanCalma/viewer-javascript-tutorial
Reload	https://github.com/JohnAlanCalma/viewer-javascript-tutorial
JohnAlanCalma	https://github.com/JohnAlanCalma
viewer-javascript-tutorial	https://github.com/JohnAlanCalma/viewer-javascript-tutorial
jaimerosales/viewer-javascript-tutorial	https://github.com/jaimerosales/viewer-javascript-tutorial
Notifications	https://github.com/login?return_to=%2FJohnAlanCalma%2Fviewer-javascript-tutorial
Fork 0	https://github.com/login?return_to=%2FJohnAlanCalma%2Fviewer-javascript-tutorial
Star 0	https://github.com/login?return_to=%2FJohnAlanCalma%2Fviewer-javascript-tutorial
Code	https://github.com/JohnAlanCalma/viewer-javascript-tutorial
Pull requests 0	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/pulls
Actions	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/actions
Projects	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/projects
Security and quality 0	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/security
Insights	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/pulse
Code	https://github.com/JohnAlanCalma/viewer-javascript-tutorial
Pull requests	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/pulls
Actions	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/actions
Projects	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/projects
Security and quality	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/security
Insights	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/pulse
	https://github.com/JohnAlanCalma/viewer-javascript-tutorial
Branches	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/branches
Tags	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/tags
	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/branches
	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/tags
186 Commits	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/commits/master/
	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/commits/master/
Sample files	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/tree/master/Sample%20files
Sample files	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/tree/master/Sample%20files
appendix	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/tree/master/appendix
appendix	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/tree/master/appendix
chapters	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/tree/master/chapters
chapters	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/tree/master/chapters
img	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/tree/master/img
img	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/tree/master/img
.gitignore	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/.gitignore
.gitignore	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/.gitignore
LICENSE	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/LICENSE
LICENSE	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/LICENSE
README.md	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/README.md
README.md	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/README.md
prerequisites.md	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/prerequisites.md
prerequisites.md	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/prerequisites.md
README	https://github.com/JohnAlanCalma/viewer-javascript-tutorial
MIT license	https://github.com/JohnAlanCalma/viewer-javascript-tutorial
	https://github.com/JohnAlanCalma/viewer-javascript-tutorial#autodesk-forge-viewer--getting-started-tutorial
Audience	https://github.com/JohnAlanCalma/viewer-javascript-tutorial#Audience
What do you need for your project?	https://github.com/JohnAlanCalma/viewer-javascript-tutorial#WhatDoYouNeed
What are you going to achieve in this workshop?	https://github.com/JohnAlanCalma/viewer-javascript-tutorial#WhatAreYouGoingToAchieve
Prerequisites	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/prerequisites.md#Prerequisites
Familiar with git?	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/prerequisites.md#FamiliarWithGit
Install Node.js	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/prerequisites.md#InstallNodeJs
Install a code editor	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/prerequisites.md#InstallCodeEditor
Get the sources	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/prerequisites.md#GetTheSources
Chapter 1 – Get ready with the Model Derivative API	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/chapters/chapter-1.md#Chapter1
Create an App	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/chapters/chapter-1.md#CreateAnApp
Prepare a model	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/chapters/chapter-1.md#PrepareAModel
Create your web server	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/chapters/chapter-1.md#CreateYourWebServer
Chapter 2 – (Optional) Extend your web server to support upload/translation	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/chapters/chapter-2.md#Chapter2
Choose your option	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/chapters/chapter-2.md#Options
Translating from the client	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/chapters/chapter-2a.md#Chapter2a
Translating from the server	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/chapters/chapter-2b.md#Chapter2b
Chapter 3 – Customize the Viewer Behavior	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/chapters/chapter-3.md#Chapter3
Step 1 – Creating a basic extension	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/chapters/chapter-3.md#Step1
Step 2 – Reference the extension script	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/chapters/chapter-3.md#Step2
Step 3 – Load the extension in the viewer	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/chapters/chapter-3.md#Step3
Step 4 – Testing the extension	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/chapters/chapter-3.md#Step4
Step 5 – Adding a selection handler	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/chapters/chapter-3.md#Step5
Step 6 – Displaying a panel	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/chapters/chapter-3.md#Step6
Step 7 (Bonus step) – Moving the camera	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/chapters/chapter-3.md#Step7
Even more bonus steps	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/chapters/chapter-3.md#More
Appendix A – More sample and demos	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/appendix/appendix-a.md
Appendix B – Review of the node.js code	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/appendix/appendix-b.md
Appendix C – Deploy on the web with Heroku	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/appendix/appendix-c.md
Appendix D – Automatic deployment on the web with Heroku	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/appendix/appendix-d.md
Appendix E – Troubleshooting	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/appendix/appendix-e.md
	https://github.com/JohnAlanCalma/viewer-javascript-tutorial#audience
JavaScript	http://www.ecma-international.org/publications/standards/Ecma-262.htm
here	https://360.autodesk.com/viewer
	https://github.com/JohnAlanCalma/viewer-javascript-tutorial#what-do-you-need-for-your-project
Model Derivative API	https://developer.autodesk.com/en/docs/model-derivative/v2/overview/
Viewer	https://developer.autodesk.com/en/docs/viewer/v2/overview/
	https://github.com/JohnAlanCalma/viewer-javascript-tutorial#what-are-you-going-to-achieve-in-this-workshop
Start	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/blob/master/prerequisites.md
Readme	https://github.com/JohnAlanCalma/viewer-javascript-tutorial#readme-ov-file
MIT license	https://github.com/JohnAlanCalma/viewer-javascript-tutorial#MIT-1-ov-file
Please reload this page	https://github.com/JohnAlanCalma/viewer-javascript-tutorial
Activity	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/activity
0 forks	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/forks
Report repository	https://github.com/contact/report-content?content_url=https%3A%2F%2Fgithub.com%2FJohnAlanCalma%2Fviewer-javascript-tutorial&report=JohnAlanCalma+%28user%29
Releases	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/releases
2 tags	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/tags
Packages 0	https://github.com/users/JohnAlanCalma/packages?repo_name=viewer-javascript-tutorial
Please reload this page	https://github.com/JohnAlanCalma/viewer-javascript-tutorial
Contributors	https://github.com/JohnAlanCalma/viewer-javascript-tutorial/graphs/contributors
Please reload this page	https://github.com/JohnAlanCalma/viewer-javascript-tutorial
	https://github.com
Terms	https://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacy	https://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Security	https://github.com/security
Status	https://www.githubstatus.com/
Community	https://github.community/
Docs	https://docs.github.com/
Contact	https://support.github.com?tags=dotcom-footer

Viewport: width=device-width

URLs of crawlers that visited me.