This is a DEMO site for the ISLT Interactive Web Design & Data Visualization course.

  Dan Huang

Course Content

Interactive Web Design

Interactive design is important in UX (user experience). The key to interactive web design is about the "Design". It's not only about making the scripts functional, but also how to elevate the UX to another level. For students of SISLT, we can accomplish such instructional goals through this course introducing more powerful programming languages, libraries, and frameworks, and most importantly, where and how to use them.

Data Visualization

A simple question: can you pick the largest number among 50 numbers with only a quick look? Well, it may be very difficult. However, the highest bar can be easily identified in a bar chart. Shapes and colors are the most intuitive approach to conveying information for humans. On an interactive web page, visualized data will provide the information in a more straightforward way. Moreover, we will learn the powerful library (chart.js) which can build eye-catching and interactive charts.


Course Plan

Video

In this course, one of the main learning activities would be watching videos. Watching live demos of programming is more efficient than just reading a textbook. You will need to watch multiple short videos in each module. Beside the knowledge concepts, almost all the videos will provide you demos based on the learning objectives in that week. So you can easily follow along the video demos before you feel comfortable coding on your own.

Source Code

Another main learning activity is implementing some small practices in most of the modules. But don’t worry, I will provide you the DEMO to follow along with. For each coding practice, you will have an example source code to download. You can write your code referring to that source code, and you can also find the corresponding instruction for how to use the source code.

Practice

By following along the course step by step, you will eventually be able to implement something similar to the DEMO we build in the course video.
Practice is very important to learning a scripting language. Therefore, you will have homework every week. And the end of this cousrse, you will have a simple web app which is composed of your homeworks.

Who I am

My name is Dan Huang, I received my latest Master's degree from MU engineering school. Currently, I am working as a web application developer. I have developed more than five full-stack interactive web sites on my own and built dozens of interactive webpages. I have a strong background and working experience in most of the popular front-end programming language and libraries of JavaScript, such as jQuery.js, jQuery UI, Vue.js, D3.js. I am also familiar with the state-of-art CSS design framework, such as Bootstrap, MDB, and others.