User interface
0 likes348 views
This document provides an overview of UI/navigation, HTML, CSS, and JavaScript. It discusses the types and properties of user interfaces, common UI elements and actions. It also summarizes the purpose and properties of navigation, as well as key aspects of HTML, CSS, and JavaScript such as their functions, features, and examples of uses. The document concludes with some hands-on JavaScript examples and cool demos that can be built with these technologies.
User interface
- 1. UI / Navigation/ HTML / CSS / JS By : Akhil Singh (525691) Ritu Jain (525700) Rishabh Anand (525701) Guneet Kaur (525713) Gaurav Paliwal (525705) Ratika Malik (525695)
- 2. User Interface Types : Properties : 1. GUI 1. Simple and Helpful 2. WUI 2. User Friendly 3. CUI 3. Consistency 4. VUI 4. WYSIWYG (Eg. Gmail 5. TUI Compose Mail / TinyMCE) 5. See and Prompt
- 3. User Interface Elements : Actions : 1. TextBox 1. OnClick 2. Option Box 2. OnLoad 3. Check Box 3. OnSubmit 4. Drop Down 4. OnKeyPress 5. Combo Box 5. OnMouseOver (Hover) 6. List Box 6. OnFocus & LostFocus Etc. Etc.
- 4. Navigation Its like having a road sign in IT world. Properties : 1. Systematic display. 2. Easy traversal (back and forth). 3. Easy functionality invocation. 4. Faster acquaintance with the system. 5. Easy access.
- 6. HTML 1. Hyper Text Markup Language. 2. Concept by Tim Berners-Lee in 1990. 3. Tag Language. 4. Used in web designing. 5. Predefined tags. 6. Browser independent. 7. Supported by W3C.
- 9. CSS 1. Cascading Style Sheets. 2. Layout of web pages. 3. Improves presentation. 4. Reusable. 5. Easier Maintenance. 6. Inheritance. 7. Inline, Internal and External.
- 11. Javascript 1. Client-side processing. 2. Increase user engagement. 3. Patent free. 4. Used for Validation. 5. Make Web pages interactive. 6. Browser Independent 7. Event Driven 8. Case Sensitive
- 12. Hands On Javascript 1. NaN demo ( Not a Number Check ). 2. Whitespace check validation demo. 3. Date Validation.
- 13. Cool things with Javascript 1. Write less do more. 2. Extends Libraries. 3. **Sometime** used for server side scripting Ex. Node.js. 4. Jquery. 5. Jquery UI (User Interface Stuff). 6. Easy to use.
- 14. Cool Demos 1. Calender picker 2. Real Time table manipulation
- 15. Questions
- 16. Surprise !!
- 17. Thanks