Skip to content

chapl1n03/20CYS202-User-Interface-Design

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 

Repository files navigation

20CYS202 - User Interface Design

20CYS202 - User Interface Design - 3rd Sem - B.E. CSE(CYS) - ASE, CBE

🧑‍🏫 Course Instructor: Ramaguru R, Assistant Professor, TIFAC-CORE in Cyber Security.

📚 Course Outcome

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

⌚ Course Plan

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

Mini-Project Topics

Evaluation Criteria

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

Dates and Deadlines

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 and Reference Books

  • 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.

About

20CYS202 - User Interface Design - 3rd Sem - B.E. CSE(CYS) - ASE, CBE

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published