Practice-oriented HTML5 visualization programming

Name: Practice-oriented HTML5 visualization programming
Price: 33000 KRW
Rating: 3.5 (2 reviews)

Data can be processed and presented in tabular form, but the most important thing is to present the data in a way that humans can understand at a glance.

(3.5) 2 reviews

34 learners

Level Basic

Course period Unlimited

antfellow77251

HTML/CSS

What you will gain after the course

HTML5 Visualization Programming
How to use JavaScript chart framework
Real-time data visualization
Cryptocurrency Data Collection and Visualization
Understanding the Difference Between Canvas and SVG
Advanced data visualization using D3.js and nvd3.js
Implementing modular charts using eCharts

Web Data - HTML5 Visualization Programming

The value of data in the past differs from that of data today. Korea has also made significant progress, and the value of web traffic has far surpassed that of traditional media outlets. The web displays the metrics I want, when I want, and social media has breathed even greater life into the value of data.

Data should be presented in a form that's most easily understood by humans. While data can be processed and presented in tabular form, the most important thing is to present the data in a way that humans can understand at a glance. Among these, charts are one of the easiest ways to express data.

Learning Objectives

You can visualize data.

Helpful people

- It is very useful for college students, job seekers, those just starting out in the workforce, and those who want to apply visual programming in their work.

Note

Tools used in the course: WebStorm
This paid tool costs approximately $5.90 per month or $59 per year. It's lightweight, well-organized, and very good. I'll be using this tool primarily for examples, and I'm currently using it for study purposes with a one-year personal license.
Students can use it for free by authenticating their .edu email, etc., and it has the advantage of being easy to configure by providing a framework for various web environments.
This tool is a solution from the famous JetBrains. https://www.jetbrains.com/webstorm/

Introducing the knowledge sharer

Choi Seong-uk

Approximately 7 years of experience as a web developer in the field, and approximately 5 years of experience in visualization-related programming.

Recommended for
these people

Who is this course right for?

Web Developer
People interested in data visualization
College students who want to gain practical programming experience
People interested in cryptocurrency data analysis
Anyone who wants to create a project using HTML5 and JavaScript

Hello
This is

Curriculum

All

17 lectures ∙ (6hr 11min)

Section 1. Web data visualization

3 lectures ∙ (13min)

Section 2. Canvas based

2 lectures ∙ (1hr 6min)

4. flot.js (1/2)
01:04:00
5. flot.js (2/2)
02:00

Section 3. Svg based

4 lectures ∙ (58min)

6. d3.js
08:00
7. nvd3.js (1/3)
14:00
8. nvd3.js (2/3)
08:00
9. nvd3.js (3/3)
28:00

Section 4. Canvas echarts.js

2 lectures ∙ (1hr 30min)

Section 5. Cryptocurrency

6 lectures ∙ (2hr 24min)

Published:

Last updated:

Reviews

All

2 reviews

3.5

2 reviews

sanfran60175
Reviews 2
∙
Average Rating 5.0
5
88% enrolled
I was interested in visual programming and received help from various examples. I would like to receive the source code covered in the lecture, but I wonder where I can get it. Please share it.
norusalba0669
Reviews 3
∙
Average Rating 3.7
2
59% enrolled
The topic seems good. Thank you for providing a good lecture. What I want to say is that the overall content seems to be unorganized. Since it is a paid lecture, it would be good to organize the outline and the message and information you want to convey in advance. Since it is an online lecture, it would be good to code together. In this case, it would be good to think about the content that would be good to code in advance. Coding without any point seems to not value the other person's time. (In fact, I quickly skimmed through it)

$26.40

Similar courses

Explore other courses in the same field!

James Coding Full Stack Development Introduction 5 Weeks

jamescoding

James Coding Course is a full-stack development introductory course that can help you learn the basics of web development before starting the full-stack intensive curriculum. By completing the 5-week James Coding full-stack development introductory course, you can solidify your foundation in programming and JavaScript.

입문

HTML/CSS, JavaScript, Git

James Coding Full Stack Development Introduction 5 Weeks

jamescoding

Bootstrap 5 - Creating a Web Project from Scratch

Self-coding

We will understand the concepts of classes and components in Bootstrap5, apply them, modify them, and create three projects through practice.

초급

Bootstrap, HTML/CSS, JavaScript

Bootstrap 5 - Creating a Web Project from Scratch

Self-coding

Do It! Django + Bootstrap: The Definitive Guide to Python Web Development

SungYong Lee

Learn Python web development A to Z while making it! Learn everything from web basics to blog development and deployment all at once.

초급

Python, Django, Bootstrap

Do It! Django + Bootstrap: The Definitive Guide to Python Web Development

SungYong Lee

Coding Basics and Web Full Stack Development of Jocoding

jocoding

Coding No. 1 YouTuber Jo Coding's practical compression! Easy and fun web full-stack development lecture

입문

HTML/CSS, JavaScript, Node.js

Coding Basics and Web Full Stack Development of Jocoding

jocoding

Learning interactive web while making web games! JAVASCRIPT

ggangcoding162118

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!

초급

Interactive Web, JavaScript, HTML/CSS

Learning interactive web while making web games! JAVASCRIPT

ggangcoding162118

Introduction to Web Programming through Problem Solving

pnuswedu

Learn HTML, CSS, Javascript, and jQuery and create web pages!

입문

HTML/CSS, JavaScript, jQuery

Introduction to Web Programming through Problem Solving

pnuswedu

Do it! HTML5 + CSS3 Web Standards Completely Revised 2nd Edition

easyspub

If you want to build a solid web foundation, come here!

입문

HTML/CSS

Do it! HTML5 + CSS3 Web Standards Completely Revised 2nd Edition

easyspub

Hands-on Responsive Web Development with Pure HTML/CSS/JS Bootcamp

youngcodikimssam

A practical production class on creating responsive web pages that can implement various layouts for each device using only pure HTML/CSS/JS without using Bootstrap [2024 Latest Edition].

초급

HTML/CSS, Responsive Web, Interactive Web

Hands-on Responsive Web Development with Pure HTML/CSS/JS Bootcamp

youngcodikimssam

Practical Web Programming

meet6879

Programming is the magic that makes us realize the direction we want. Experience web programming by solving problems in web services around us.

입문

HTML/CSS, JavaScript

Practical Web Programming

meet6879

Creating Web Services with Vibe Coding With Claude Code

ref63184917

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

입문

HTML/CSS, JavaScript, Next.js

Creating Web Services with Vibe Coding With Claude Code

ref63184917

[2026 Examination Standards] Web Design Development Technical Qualification Practical Exam Complete Guide

codingworks

This is a specialized practical exam course optimized for the Web Design Development Craftsman (formerly Web Design Craftsman) practical exam content, precisely aligned with the examination standards implemented from 2025.1.1 to 2027.12.31. The Codingworks Web Design Development Craftsman practical exam course, covering HTML+CSS+JQUERY publishing, is different. All instructional videos for perfectly creating all 2026 Web Design Development Craftsman exam types (A, B, C, D, E, F types) are included.

입문

HTML/CSS, jQuery, Web Design

[2026 Examination Standards] Web Design Development Technical Qualification Practical Exam Complete Guide

codingworks

[2024] HTML Basics by Lee Behayan

rebehayan

This course covers the basics of HTML grammar. There are missions for various cases, and we will teach you the latest grammar that can be used in practice.

입문

HTML/CSS, nvda

[2024] HTML Basics by Lee Behayan

rebehayan

Web Programming (HTML5+CSS+javaScript)

software25766

This is a web programming course for beginners. It is designed to help you learn the basic grammar and usage of HTML, CSS, and JavaScript step by step. It covers the core elements of web development, such as web page structure and design, and implementation of interactive features.

입문

HTML/CSS, JavaScript, Responsive Web

Web Programming (HTML5+CSS+javaScript)

software25766

Easy! Short! Strong! Preparing for the Web Design Technician Practical Exam

lizb

We have prepared a short and easy course for those preparing for the Web Design Technician practical exam. Even if it's not just for the exam, anyone interested in implementing a site that meets web standard formats is welcome.

초급

HTML/CSS, jQuery, Web Design

Easy! Short! Strong! Preparing for the Web Design Technician Practical Exam

lizb

Web Design Technician Certification Preparation (2023 Examination Standard Reflected Version)

webstoryboy

We have created this so that anyone can pass the 2023 version of the Web Design Function Exam Criteria. Let's learn the 5 types and pass quickly!

초급

HTML/CSS, jQuery, JavaScript

Web Design Technician Certification Preparation (2023 Examination Standard Reflected Version)

webstoryboy

AI Vibe Coding Beginner Course Accessible to Non-Majors

itconnect

💡 Even non-developers can go from startup MVP to monetized service in just 10 hours with AI! 💰 Development that used to cost tens of millions in outsourcing fees now completely solved for 120,000 won 🎯 Complete 5 real business projects including business card recognition, sentiment analysis, and location analysis 🔥 If you're a planner, marketer, or aspiring entrepreneur, implement ideas without developers ⚡ Start now and acquire lifelong development independence skills!

입문

HTML/CSS, Java, Web Application

AI Vibe Coding Beginner Course Accessible to Non-Majors

itconnect

Creating Effective Mobile UX (Design + Coding)

usefulit

You will design web and app layouts for various devices using Photoshop and Adobe XD programs, and then learn simple coding techniques to implement them yourself.

초급

HTML/CSS, jQuery, XD

Creating Effective Mobile UX (Design + Coding)

usefulit

Create a web application by following along

Egoing Lee

This course allows you to learn the major trends in web development by following the overall web technologies required to complete a website.

입문

HTML/CSS, PHP

Create a web application by following along

Egoing Lee

Learn JavaScript Object-Oriented Programming by 'Building', Not Just Theory (Strategy AI Edition)

nhcodingstudio

📌 This course is a curriculum that starts with a strategic AI tic-tac-toe project and completes core object-oriented programming concepts through practical examples. You'll train logic design and AI strategic thinking through game implementation, then directly experience OOP design techniques like inheritance, composition, delegation, and encapsulation through code. This is recommended for those who want to grow beyond syntax into a 'developer who designs' through real projects.

초급

HTML/CSS, JavaScript, oop

Learn JavaScript Object-Oriented Programming by 'Building', Not Just Theory (Strategy AI Edition)

nhcodingstudio

Digital Mapping / Data Visualization

NJ Namju Lee

Learn how to map GIS (Geographic Information System) data through our Digital Mapping Workshop. Create your own digital mapping tool, including how to visualize your data on Canvas.

초급

GIS, TypeScript, HTML/CSS