20CYS202 - User Interface Design - 3rd Sem - B.E. CSE(CYS) - ASE, CBE
| CO# | CO Description |
|---|---|
| CO1 | Understand the basics of World Wide Web |
| CO2 | Develop interactive Web pages using HTML |
| CO3 | Present a professional document using Cascaded Style Sheets |
| CO4 | Construct websites for user interactions using JavaScript |
| CO5 | Develop and deploy web applications |
| Unit # | Lecture No. | Topic | Methodology | No. of Hours |
|---|---|---|---|---|
| # | 1 | Course Introduction  |
||
| # | 1 | Introduction to User Interface Design |
||
| 1 | 2 | Introduction to Web | ||
| 1 | 2 | Client-Server Architecture of Web | ||
| 1 | 2 | Web Server | ||
| 1 | 2 | Application Server | ||
| 1 | 3 | Evolution of Web | ||
| 1 | 3 | Web 1.0, Web 2.0, Web 3.0 | ||
| 1 | 4 | Introduction to HTML | ||
| 1 | HTML: <html>, <body>, <head>, <title> | |||
| 1 | HTML Formatting: <b>, <strong>, <i>, <mark>, <del>, <sub>, <sup>, <p> and Styles | |||
| 1 | HTML Links: <a> | |||
| 1 | HTML Lists: <ul>, <ol>, <dl>, <li> | |||
| 1 | HTML Creating Tables: <table>, <th>, <tr>, <td> | |||
| 1 | HTML Creating Forms: <form>, <input>, <label> | |||
| 1 | HTML Media and Graphics: <canvas>, <svg>, <video>, <audio>, <source>, <iframe> | |||
| 1 | HTML5 Elements | |||
| 1 | HTML: Simple Web Page - Personal Website | |||
| 2 | Introduction to CSS | |||
| 2 | Features to CSS | |||
| 2 | CSS Borders: border-style, border-width, border-color, border-radius, border-top-style, border-right-style, border-bottom-style, border-left-style |
|||
| 2 | CSS Backgrounds: background-color, background-image, background-repeat, background-attachment, background-position | |||
| 2 | CSS Text Effects: color, text-align, text-align-last, direction, unicode-bidi, vertical-align text-transform, text-indent, letter-spacing, line-height, word-spacing |
|||
| 2 | CSS Text Effects: color, text-align, text-align-last, direction, unicode-bidi, vertical-align text-transform, text-indent, letter-spacing, line-height, word-spacing font-family, font-style, font-size, font-variant, font-weight |
|||
| 2 | CSS Page Layouts: margin, margin-top, margin-right, margin-bottom, margin-left padding-top, padding-right, padding-bottom, padding-left, height, width |
|||
| 2 | Responsive Web Design | |||
| 3 | Introduction to Java Script | |||
| 3 | JS: Form Validation | |||
| 3 | JS: Event Handling | |||
| 3 | JS: Document Object Model | |||
| 3 | JS: Application Deployment |
| Components | Marks |
|---|---|
| [Internal][CA-T] Monthly Quiz (2 Nos) | 10 |
| [Internal][CA-L] Assignments (3 Nos) | 30 |
| [Internal][CA-L] Mini-Project | 10 |
| [Internal] Periodical I | 10 |
| [Internal] Periodical II | 10 |
| [External] End-Semester Exam | 30 |
| Course Start | 14 - Sept - 2022 |
|---|---|
| Mini-Project Topic Finalization | 06 - Oct - 2022 |
| Periodicals I | TBD |
| Lab Evaluation I | TBD |
| Periodicals II | TBD |
| Lab Evaluation II | TBD |
| End Semester | TBD |
| Mini-Project Evaluation | TBD |
- Text: DT Editorial Services. HTML 5 Black Book (Covers CSS3, JavaScript, XML, XHTML, AJAX, PHP, jQuery). Second Edition, Dreamtech Press; 2016.
- Text: Ben Frain. Responsive Web Design with HTML5 and CSS. Third Edition. Packt Publishing; 2020.
- Reference : Ethan Marcotte, Responsive Web Design, Second Edition; 2014
- Reference : Tittel E, Minnick C. Beginning HTML5 and CSS3 for Dummies. Third edition, John Wiley & Sons; 2013
- Reference : Powell TA, Schneider F. JavaScript: the complete reference. Paperback edition, Tata McGraw-Hill; 2012.