Please engage a workshop of how you learned web application UI design as a topic. Provide your summary of the topic and a case study with demonstration of codes, visualizations and implementations....

How I learned web application UI design
Web application means a application will be using through Web browsers. For example Internet explorer, Chrome, Mozilla, Safari ..ect.
Web application will be consisting of multiple web pages. A web page will be consist of information which will be required for end user.
Two types of web applications are there
1) Static web page
2) Dynamic web page
Example Web application:
    https://www.google.com, https://www.facebook.com, .. ect
For creating an web application we should have knowledge of some basic programming languages. Like HTML, Javascript,CSS ect.
I started with HTML programming. This is the basic for developing web pages. By this we can create static web pages. Which means use information’s will be there but those will not be changeable or editable. Which means user interactions cannot be done in static web pages. We can create dynamic web page also with the help of Javascript.
Now a days many tutorials are available for web app development in online itself.
Here I preferred https://www.w3schools.com. Here we can learn many front end(UI) technologies. Like this many we websites are there for learn UI design technologies
Basic technologies I learned for UI design is HTML, CSS, Javascript.
HTML -> To display the information’s in web page statically.
CSS -> To design the web page(Text alignment, Colouring.. ect)
Javascript -> To make web page as dynamic
HTML (Hyper Text Markup Language)
This is used to create static web page. And this will be used to display the information in browser. The end user can view the information’s.
HTML will be having main 2block’s. Head and Body
Example:


    
        
    
    
    

This we have to save name with .html, .htm extensions
In head we can give meta information’s, title,...