inflearn logo
강의

Course

Instructor
inflearn logo
Programming

/

Front-end

Three.js 3D city model & Netlify deployment

How long will you keep learning only to rotate boxes or spheres? You need to see the forest, not just the trees; if you only see the trees, your thinking won't grow. Escape being a complete beginner and experience the power of Three.js, which can be applied in practice and plays a role in the recently gaining attention field of digital twins. This is at a level applicable to work, not just for simple website spinning. Having the capability to create related models (glb, glTF...) in fields like manufacturing, defense, disaster management, and transportation will upgrade your domain expertise by another level. We also develop Node.js (Express) & Nest.js servers for On-Premises use on personal and company servers. Even with slight modifications to this course, you will be reborn as an IT talent along with creating powerful services. Don't be intimidated, challenge yourselves. It's not that difficult.^^

(5.0) 2 reviews

43 learners

Level Basic

Course period Unlimited

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

What you will gain after the course

  • Create, save, and open a city using Three.js. Saving is in binary format. (Size: hundreds of Bytes ~ 2KB level, Readability: impossible)

  • Multilingual support (Korean, English, Japanese, etc.) is also developed with vanilla JavaScript and can be used in other web projects. (Complies with web standards)

  • After development, try creating a build using Vite and a CSS compression script with Gulp, which automatically replaces the compressed min.css in the built index.html. Also, when applied to package.json, the build and Netlify deployment are completed all at once.

  • Development complete and built. After Git commit and Netlify publishing, my own site is complete. Automatic deployment is applied when modified or enhanced.

  • Develop my own simple Node server and a trendy Nest server to run the results On-Premises.

  • Finally, we will explain CSS entirely and optimize the code developed so far.

How can we bring 3D-based models to life in the easiest, most scalable way? 🤔

The answer lies in Three.js . Three.js is the technology that implements digital twins, VR, and many other fields, including city models, manufacturing process models, and disaster models .

In this lecture, we will mostly use Three.js. You will create a 3D service, integrate it with Git, and automatically deploy it to Netlify , and have your own site for free. Of course, if you have a domain, just connect it.

For running on personal and corporate servers. We develop two servers: a Node.js server and a Nest.js server .

If you need multilingual service , try to write your own multilingual module by creating it together rather than injecting a heavy library. It can be applied to all web projects (web-standard compliance) . ( Coding in multiple languages from Section 4 )

Rather than spending time just on basic grammar and follow-through examples, learn backwards from the complete thing. Then modify, improve, and apply it to something that interests you.

Don't just let the instructor code, code it yourself, then it becomes yours and you will improve .

Features of this course

📌 This topic, Three.js, provides a class-oriented implementation development that you must learn.

📌 Manage your sources in Git and integrate with Netlify to provide real-time reflection service on your free site.

📌 You can create and apply lightweight multilingual modules yourself and apply them to other web projects.

📌 We provide Express servers based on Node.js and Nest.js for those who need on-premise operation.

💡 Three.js + i18n(Internationalization) + Node.js & Nest.js Server & Git/Netlify.

  • A great portfolio that is not just for studying grammar or following along, but can be applied in practice and will surprise interviewers.

  • Based on Three.js, but offers a Fullstack Semi course for providing real web services

I recommend this to these people

Anyone who only creates objects with Three.js but is curious about what happens after that?

2/3D are both good, but where and how should I use them? Most of the time, I rotate BoxGeometry, so where can I use them?

Three.js beginner / IT employee

How to save/open Three.js?
How do I toJSON() a new THREE.Scene() object? How do I open and display it afterwards? The size is huge (tens to hundreds of M/GB), otherwise I get a Maximum call error 😰

Three.js Developer / IT Representative

Are you curious about the web from beginning to end?
If Three.js is better, and if not, is there a simple full-stack? What is Node.js and what is Nest.js? Is it easy to implement or understand? Is it possible to implement the web only with ThreeJS? Anyone who is curious

Web-front developer / IT assistant

After class

  • You can use Three.js to extend glb, glTF and other Loader-based objects to create your own solutions.

  • Even if you upload your portfolio to Linkedin and other sites because it supports multiple languages, it will be difficult for you.

  • If you just do full-stack log-in/out processing, you will receive many offers including investments beyond your expectations.

  • Plan Three.js for more than just your homepage, submit your portfolio to a digital twin company, and get a job .

  • Be confident and read the manual a little more to get the basics down. Your salary will go up.

Learn about these things.

Build a virtual 3D city model

-. Build roads. (Basics of city planning)

-. We need electricity, so we build a power plant.

-. Build residential, commercial, industrial complexes and infrastructure facilities.

-. If there is a shortage of electricity or roads during construction, they must be increased.

-. Double-clicking will return it to its initial state nicely.

YouTube video

Try out the city models provided

-. We perform simulation construction and expansion/remodeling from the beginning for each provided model.

-. Shows building-specific information (user information).

-. All information except data in multiple languages will be instantly converted to that language.

Save and open model

Save and open the planned model.

-. Save the city model you've carefully planned and created.

- Open, edit and save saved models.

-. The storage capacity is much smaller than Three.js' Scene.toJSON. It is around several hundred bytes ~ 2KB.

YouTube video

It's running fine on Netlify , so now

Run your developments on Node & Nest servers

-.The difference between Node.js and Nest.js is the difference in library support for ease of use.

-. We will try to do things like CORS and Swagger.

-. At the API level, Nest.js is similar to Spring Boot.

Image Extraction

This is the result of extracting the scene as a raster image. The image quality is not good when enlarged/reduced. An export function is provided for cases where necessary.

tipBuilding

Provides tooltip information when selecting an object button on the toolbar and hovering the mouse over a building, etc. (roads, buildings & people, object status, etc.)

Things to note before taking the class

Practice environment (as of 25.05.18)

  1. This explanation is based on Windows (11). Development was tested on both macOS (12) and Windows 11.

  2. Cursor : 0.49.6 (winSurf: 25% cheaper, Vscode: very cheap, cline: Good)

  3. ThreeJS: r176

  4. Node.js : v22. 15 .0 LTS & v22. 15.0 (ncu, ncu -u, npm i ; Anyone who has been trained? 😃 )

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

Learning Materials

  • Provided in the lesson materials and class notes of the section-by-section progress program.

Player Knowledge and Notes

  • Practice environment

    • Operating System and Version (OS)


      -.Front-End : Chrome b

      rowser support OS
      -.Back-End: Node supported OS

  • Tools used: Git and Netlify are both free (there is also a paid version of Netlify)

  • Player Knowledge and Notes

    • Basic JavaScript knowledge is required.

    • Beginner level knowledge of Three.js is required.

    • Questions/Answers are targeted to be answered ASAP or within 3 days, and the Three.js version of the current curriculum will be updated weekly . Any revisions or additional modules that are helpful, but not complete revisions, will be announced after the update.

    • The copyright of lectures and learning materials does not allow copying, reselling at a similar level, or making public on Git Public . In other words, you can change, use, and distribute them by including them in Git Private and your own products .
      ( If you use it in your products, you can sell it, and if you make a lot of sales, you can donate a lot..^^ )

  • Please note that some class videos have uneven sound quality when taking the class.

Recommended for
these people

Who is this course right for?

  • Rather than just doing Three.js and JS basics, those who want to learn, apply, and develop based on source code directly applicable to real-world projects.

  • 3D is applicable to all fields, and an engineer who wants to differentiate in visualization fields such as the recently trending Metabus, Digital Twin, AR, VR, ML, DL, etc.

  • Those feeling typical FE tools make differentiation hard anymore.

Need to know before starting?

  • A foundation in JS, Three.js is beneficial. If you don't have one, it will be challenging, but not impossible. There is also a methodology involving reverse engineering, where you interpret and understand high-quality finished modules by working backward.

Hello
This is GregHan

Having spent a long time adapting to technological changes, I now want to offer my skills and experience—however modest they may be—to beginners and intermediate developers, helping them grow quickly alongside me.

Tech Stack

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

-. UI ecosystems for Next & React, such as MUI-X and Material-UI

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

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

D3, Three (WebGL), C2i: BI charts supplied to the Blue House, echarts, Vuetify, Quasar, Telerik (Progress)

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

-.Leaflet.js, Cesium.js, Daum & Naver Maps

-.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

Solution

-.City-Wow: 3D simulation for land, defense, public sectors, hospitals, manufacturing companies, etc., and

Real-time monitoring service ('23.10 ~ Present; Three, Vanila.js)

-.SeeU: Video chat services by industry (Hospital, Manufacturing, etc.) (Google Meet + Chroma Key, STT & TTS Chatting)

('23.02 ~ 23.10; WebRTC, WebSocket, Vue3 & Pinia, Quasar, Node, MySQL)
-.Survey-Wow: Easily analyze survey results from Google Forms, MS Forms, and Naver Forms, and

A data analysis web service for sharing ('22.03 ~ 23.01; Vue2 & VueX, Quasar, Node, MySQL)

-.Data-Wow: Automatic analysis and visualization of public data through xls, json, csv, and API integration

('22.01 ~ 22.12; Vue2 & VueX, Vuetify, Node, MongoDB) - Ministry of the Interior and Safety Public Data Award
-.DDMV(Data-Dam Multi-Dimensional Vis-): Data-Dam multi-dimensional exploratory visualization analysis service

('20.01 ~ 20.08; Vue2 & VueX, Vuetify, Node, MongoDB) - Incheon City Public Data Award
-.C2i (Chart Intelligence Insights) Chart Component: Chart Gallery Menu

BI-based Charts (with D3.js): '15.04 ~ Present ; BI pattern chart solution based on D3.js (v3.3 ~ v7.9)

(Delivered the Moon Jae-in administration's Job Dashboard to the Blue House, delivered a national financial management project to Mongolia. Multi-language support)

 

With a diverse technology stack including Data Mart & Warehouse, ROLAP, BI, visualization, and cloud infrastructure,

Possess professional information and experience in business analysis, Oracle (v6.3 ~ ) modeling & tuning.

 

-.Casual-Insights Co., Ltd. CTO

-.Former KISTI Researcher

-.Former LG-CNS Oracle Modeler, DBA & Senior Researcher

-.Former employee of Kukdong (Hyundai) Oil IT Department

**. Data Dam Multi-dimensional Visualization - General Introduction (Required): https://youtu.be/noZ9H7wftsI

-.Consumer Commercial Area-I (Required: Department store POS data - General manufacturing/distribution companies): https://youtu.be/ArL-Pv3U-40 -.Consumer/Commercial Area-II (Provided by Korea KDX and Siksin data): https://youtu.be/Wcpu29gI53Y

-.Healthcare (Provided by Korea KDX, Onnuri H&C data): https://youtu.be/I8WBqAFp9L4-

.Public Data (Provided by Gyeonggi Hwaseong City Hall Public Data) : https://youtu.be/2QCw_6aeRVE

*.D3 & ThreeJS Chart Gallery :https://gregory-han.github.io/chart/

*.Award History

1999.08 Received the Grand Prize at the Hankyoreh Newspaper & UTC Venture 21. (Prize money: 50 million KRW)
2000.10 SoftDime Co., Ltd. Presidential Award (PowerSi OLAP)
2002.11 Received the Minister of Commerce, Industry and Energy Award at the Korea e-Business Awards
2020.08 Incheon City Public Data Award
2022.12 Ministry of the Interior and Safety Public Data Award
More

Curriculum

All

35 lectures ∙ (17hr 32min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

2 reviews

5.0

2 reviews

  • greghan님의 프로필 이미지
    greghan

    Reviews 2

    ∙

    Average Rating 5.0

    5

    44% enrolled

    It's a complete product level. The JS that prevents memory leaks in drag and drop is amazing, and the idea of saving and opening models feels like a career. I can make my own toast message and it's available for all webs, wow, it's a little difficult, but it's definitely practical...

    • outflearn님의 프로필 이미지
      outflearn

      Reviews 1

      ∙

      Average Rating 5.0

      5

      37% enrolled

      • greghan
        Instructor

        Thank you. I haven't been able to update the version recently because I've been busy, but I'll do it in time for the Lunar New Year.

    Similar courses

    Explore other courses in the same field!

    Advanced Modern Javascript with ES6 Grammar Part 3Course Thumbnail

    Advanced Modern Javascript with ES6 Grammar Part 3

    usefulit

    $31.90

    Intermediate / JavaScript, ES6

    4.6

    (33)

    41,700+

    This course is designed to learn the JavaScript programming language along with the latest ES6 grammar.

    Intermediate

    Intermediate

    JavaScript, ES6

    Advanced Modern Javascript with ES6 Grammar Part 3Course Thumbnail

    Advanced Modern Javascript with ES6 Grammar Part 3

    usefulit

    $31.90

    Intermediate / JavaScript, ES6

    4.6

    (33)

    41,700+
    Mastering Next.js 16+ with TypeScript: From Basics to Modern ArchitectureCourse Thumbnail

    Mastering Next.js 16+ with TypeScript: From Basics to Modern Architecture

    sucoding

    $77.00

    20%

    $61.60

    Beginner / JavaScript, React, TypeScript, Next.js, JWT

    5.0

    (6)

    100+
    Active Replies
    Active Replies
    Mission
    Mission

    This is an all-in-one course that takes you from the basics of TypeScript-based Next.js 16+ to a production-ready project level. You will learn by directly implementing core concepts and practical patterns of the latest Next.js, including App Router, Server Components, Server Actions, Caching, Cache Components, authentication, performance optimization, and deployment.

    Beginner

    Beginner

    JavaScript, React, TypeScript

    Mastering Next.js 16+ with TypeScript: From Basics to Modern ArchitectureCourse Thumbnail

    Mastering Next.js 16+ with TypeScript: From Basics to Modern Architecture

    sucoding

    $77.00

    20%

    $61.60

    Beginner / JavaScript, React, TypeScript, Next.js, JWT

    5.0

    (6)

    100+
    Active Replies
    Active Replies
    Mission
    Mission
    <M.B.I.T> Create a test page! with DjangoCourse Thumbnail

    <M.B.I.T> Create a test page! with Django

    jejucoding

    $29.70

    Basic / HTML/CSS, JavaScript, Django

    4.8

    (19)

    1,800+

    Create a web page that tests your development type! MBIT (My Best IT Personalities), not MBTI! You can learn the overall process of web development by creating your own 'MBIT Test Page'. (Uses Django 3.1 version.)

    Basic

    Basic

    HTML/CSS, JavaScript, Django

    <M.B.I.T> Create a test page! with DjangoCourse Thumbnail

    <M.B.I.T> Create a test page! with Django

    jejucoding

    $29.70

    Basic / HTML/CSS, JavaScript, Django

    4.8

    (19)

    1,800+
    ChatGPT Clone Coding: Faster Than Anyone ElseCourse Thumbnail

    ChatGPT Clone Coding: Faster Than Anyone Else

    Neo

    $26.40

    25%

    $19.80

    Basic / JavaScript, React, Java, Spring Boot, SpringAI

    5.0

    (3)

    This is a full-stack hands-on course where you will implement a ChatGPT clone from scratch. From Spring Boot server to React frontend | Neo + Essential This is not just a course where you simply follow along with the code; it guides you through actual service deployment so you can build a high-quality AI chatbot service.

    Basic

    Basic

    JavaScript, React, Java

    ChatGPT Clone Coding: Faster Than Anyone ElseCourse Thumbnail

    ChatGPT Clone Coding: Faster Than Anyone Else

    Neo

    $26.40

    25%

    $19.80

    Basic / JavaScript, React, Java, Spring Boot, SpringAI

    5.0

    (3)

    JavaScript Beginner: Building a Strong FoundationCourse Thumbnail

    JavaScript Beginner: Building a Strong Foundation

    tonextday

    $13.20

    Basic / JavaScript, oop

    4.7

    (152)

    2,100+

    This is the first lecture of the JavaScript Bible course consisting of 4 lectures. It is faithful to the basics. It focuses on understanding the fundamentals of JavaScript. It covers more than 95% of the JavaScript specification.

    Basic

    Basic

    JavaScript, oop

    JavaScript Beginner: Building a Strong FoundationCourse Thumbnail

    JavaScript Beginner: Building a Strong Foundation

    tonextday

    $13.20

    Basic / JavaScript, oop

    4.7

    (152)

    2,100+
    Creating the <10,000 Hours Rule> Web PageCourse Thumbnail

    Creating the <10,000 Hours Rule> Web Page

    jejucoding

    Free

    Beginner / HTML/CSS, JavaScript, VSCode

    4.8

    (68)

    5,700+

    Jeju Coding Basecamp's free lectures are back!! Let's build the "10,000 Hours Rule" service together and even deploy it on GitHub!! :) Don't know anything? That's okay. Everything is prepared in this course!

    Beginner

    Beginner

    HTML/CSS, JavaScript, VSCode

    Creating the <10,000 Hours Rule> Web PageCourse Thumbnail

    Creating the <10,000 Hours Rule> Web Page

    jejucoding

    Free

    Beginner / HTML/CSS, JavaScript, VSCode

    4.8

    (68)

    5,700+
    Intermediate-Advanced JavaScript: Engine CoreCourse Thumbnail

    Intermediate-Advanced JavaScript: Engine Core

    tonextday

    $13.20

    Basic / JavaScript

    4.7

    (107)

    1,700+

    This is the second course in the JavaScript Bible series, which consists of four courses. By understanding the JavaScript engine, you can develop programs optimized for JavaScript and design systems with confidence.

    Basic

    Basic

    JavaScript

    Intermediate-Advanced JavaScript: Engine CoreCourse Thumbnail

    Intermediate-Advanced JavaScript: Engine Core

    tonextday

    $13.20

    Basic / JavaScript

    4.7

    (107)

    1,700+
    Learn Springboot + ReactNative RestAPI Board Creation Faster Than AnyoneCourse Thumbnail

    Learn Springboot + ReactNative RestAPI Board Creation Faster Than Anyone

    Neo

    $17.60

    25%

    $13.20

    Basic / JavaScript, React Native, Java, Kotlin, Spring Boot

    4.8

    (4)

    Learn Springboot + ReactNative RestAPI Board Creation Faster Than Anyone Develop a CRUD server with Springboot and create your own board with ReactNative!!

    Basic

    Basic

    JavaScript, React Native, Java

    Learn Springboot + ReactNative RestAPI Board Creation Faster Than AnyoneCourse Thumbnail

    Learn Springboot + ReactNative RestAPI Board Creation Faster Than Anyone

    Neo

    $17.60

    25%

    $13.20

    Basic / JavaScript, React Native, Java, Kotlin, Spring Boot

    4.8

    (4)

    [Web Development Full Stack Course] From Pure JavaScript Basics to PracticeCourse Thumbnail

    [Web Development Full Stack Course] From Pure JavaScript Basics to Practice

    realprogrammers

    $203.50

    Basic / JavaScript, vanilla-javascript

    4.7

    (9)

    100+

    This lecture is a lecture on JavaScript from the [Web Development Full Stack Course] lecture series for training full-stack web developers. This lecture is based on the contents of the book <Vanilla JavaScript> written by the knowledge sharer.

    Basic

    Basic

    JavaScript, vanilla-javascript

    [Web Development Full Stack Course] From Pure JavaScript Basics to PracticeCourse Thumbnail

    [Web Development Full Stack Course] From Pure JavaScript Basics to Practice

    realprogrammers

    $203.50

    Basic / JavaScript, vanilla-javascript

    4.7

    (9)

    100+
    React Master Class: Part 3 - Mastering Core Practical Libraries (TypeScript, Zustand, React Hook Form, TanStack Query)Course Thumbnail

    React Master Class: Part 3 - Mastering Core Practical Libraries (TypeScript, Zustand, React Hook Form, TanStack Query)

    nhcodingstudio

    $25.30

    Basic / JavaScript, React, TypeScript, frontend, zustand

    4.8

    (11)

    200+
    Update
    Update

    We solve the fundamental problem of losing control amidst AI-generated fragmented code and the complex React ecosystem by opening the hood and engineeringly analyzing the internal workings of core React libraries such as Zustand, TanStack Query, React Hook Form, Zod, and the React Compiler. By moving beyond simple tool usage and mastering how to directly manipulate the performance and data flow of the React engine, you will build the solid 'enterprise architecture design muscle' necessary to respond immediately to any crisis.

    Basic

    Basic

    JavaScript, React, TypeScript

    React Master Class: Part 3 - Mastering Core Practical Libraries (TypeScript, Zustand, React Hook Form, TanStack Query)Course Thumbnail

    React Master Class: Part 3 - Mastering Core Practical Libraries (TypeScript, Zustand, React Hook Form, TanStack Query)

    nhcodingstudio

    $25.30

    Basic / JavaScript, React, TypeScript, frontend, zustand

    4.8

    (11)

    200+
    Update
    Update
    Basic Web Development for Everyone (Basic Web Development Course)Course Thumbnail

    Basic Web Development for Everyone (Basic Web Development Course)

    pnuswedu

    Free

    Beginner / HTML/CSS, JavaScript, openAI API

    4.8

    (6)

    300+

    Learn the fundamentals of website building and gain everything from web development basics to practical application skills through hands-on projects integrating public data Open APIs!

    Beginner

    Beginner

    HTML/CSS, JavaScript, openAI API

    Basic Web Development for Everyone (Basic Web Development Course)Course Thumbnail

    Basic Web Development for Everyone (Basic Web Development Course)

    pnuswedu

    Free

    Beginner / HTML/CSS, JavaScript, openAI API

    4.8

    (6)

    300+
    Mobile, tablet, pc responsive instagram clone codingCourse Thumbnail

    Mobile, tablet, pc responsive instagram clone coding

    jeong4726

    $23.10

    Basic / HTML/CSS, JavaScript, Clone Coding

    5.0

    (1)

    Through this lecture, students can create a web service similar to Instagram using HTML, CSS, and JS. (Only the front-end is implemented! The back-end server construction will be filmed in a later lecture.)

    Basic

    Basic

    HTML/CSS, JavaScript, Clone Coding

    Mobile, tablet, pc responsive instagram clone codingCourse Thumbnail

    Mobile, tablet, pc responsive instagram clone coding

    jeong4726

    $23.10

    Basic / HTML/CSS, JavaScript, Clone Coding

    5.0

    (1)

    Creating a Web Portfolio for UI/UX Designer Employment: Personal Branding StrategyCourse Thumbnail

    Creating a Web Portfolio for UI/UX Designer Employment: Personal Branding Strategy

    jyoung

    $51.70

    Basic / HTML/CSS, JavaScript, Web Application, Web Design, Portfolio

    5.0

    (41)

    300+

    "2026 UIUX Designer | Coding Designer Agency Pass Portfolio Reveal" This is a practical lecture on creating a UIUX web portfolio that catches the interviewer's eye. The curriculum is designed not just for simple portfolio creation, but to enhance your competitiveness as a UIUX designer with differentiated results utilizing interactions.

    Basic

    Basic

    HTML/CSS, JavaScript, Web Application

    Creating a Web Portfolio for UI/UX Designer Employment: Personal Branding StrategyCourse Thumbnail

    Creating a Web Portfolio for UI/UX Designer Employment: Personal Branding Strategy

    jyoung

    $51.70

    Basic / HTML/CSS, JavaScript, Web Application, Web Design, Portfolio

    5.0

    (41)

    300+
    Creating Web Services with Vibe Coding With Claude CodeCourse Thumbnail

    Creating Web Services with Vibe Coding With Claude Code

    ref63184917

    $9.90

    Beginner / HTML/CSS, JavaScript, Next.js, claude

    4.9

    (43)

    300+

    A current startup CTO will share vibe coding knowledge gained through actual services and various outsourcing projects.

    Beginner

    Beginner

    HTML/CSS, JavaScript, Next.js

    Creating Web Services with Vibe Coding With Claude CodeCourse Thumbnail

    Creating Web Services with Vibe Coding With Claude Code

    ref63184917

    $9.90

    Beginner / HTML/CSS, JavaScript, Next.js, claude

    4.9

    (43)

    300+

    Learning interactive web while making web games! JAVASCRIPT

    ggangcoding162118

    $68.20

    Basic / Interactive Web, JavaScript, HTML/CSS

    4.7

    (26)

    300+

    A three-in-one class where you can create web games and learn front-end web development skills! This class has been created to teach you how to create games using JavaScript, CSS, and HTML with your own ideas!

    Basic

    Basic

    Interactive Web, JavaScript, HTML/CSS

    Learning interactive web while making web games! JAVASCRIPT

    ggangcoding162118

    $68.20

    Basic / Interactive Web, JavaScript, HTML/CSS

    4.7

    (26)

    300+
    The Undying jQuery Still Alive - From Basics to PracticeCourse Thumbnail

    The Undying jQuery Still Alive - From Basics to Practice

    ezweb

    $13.20

    Basic / HTML/CSS, JavaScript, jQuery, jquery-selector

    5.0

    (3)

    jQuery, the JavaScript library used by over 75% of websites worldwide! This course is designed to help you build a solid foundation by understanding the principles rather than just flashy effects. Learn everything from jQuery basics to advanced applications to complete your own portfolio or apply it directly in the field.

    Basic

    Basic

    HTML/CSS, JavaScript, jQuery

    The Undying jQuery Still Alive - From Basics to PracticeCourse Thumbnail

    The Undying jQuery Still Alive - From Basics to Practice

    ezweb

    $13.20

    Basic / HTML/CSS, JavaScript, jQuery, jquery-selector

    5.0

    (3)

    Cleanup JavaScript: Base Build-up!Course Thumbnail

    Cleanup JavaScript: Base Build-up!

    tonextday

    $13.20

    Basic / JavaScript, Interview, Tech Interview

    4.8

    (4)

    100+

    We deal with ideas. You can logically organize the core and fundamentals of JavaScript. You can structure your own JavaScript experiences and thoughts. You can establish the technical logic of JavaScript. You can broaden your perspective to see the entirety of JavaScript. You can prepare for JavaScript technical interview questions.

    Basic

    Basic

    JavaScript, Interview, Tech Interview

    Cleanup JavaScript: Base Build-up!Course Thumbnail

    Cleanup JavaScript: Base Build-up!

    tonextday

    $13.20

    Basic / JavaScript, Interview, Tech Interview

    4.8

    (4)

    100+
    JavaScript Server Programming BasicsCourse Thumbnail

    JavaScript Server Programming Basics

    zdpk

    Free

    Beginner / JavaScript

    4.8

    (5)

    100+

    We will write server code using the JavaScript-based web framework Express.js to understand basic usage and server operation principles. We will also study that frontend essentially requires a server, and enhance our understanding by learning about the processes behind various techniques such as static serving and dynamic rendering.

    Beginner

    Beginner

    JavaScript

    JavaScript Server Programming BasicsCourse Thumbnail

    JavaScript Server Programming Basics

    zdpk

    Free

    Beginner / JavaScript

    4.8

    (5)

    100+

    25% off for new members

    $32.90

    25%

    $42.90