Syllabus
Unit I
Introduction to Internet and Web design – Working of Web – Roles of Front-end, Back-end and Full stack development – Web Server – Internet protocols – Web Hosting – HTML – HTML Tags – Create a simple Web Page – Marking up Text – Adding Links – Adding Images – SVG – Table Markup – Embedded Media – Web Based Forms – HTML Forms – CSS for Presentation – Basic Style Sheet – A CSS Style Primer – Using Style Classes – Using Style IDs – Formatting Text – Advanced Typography with CSS3 – Working with Margins, Padding, Alignment, and Floating. Responsive web design, Introduction to version control systems.
Unit II
CSS Box Model and Positioning – Creating Layouts Using Modern CSS – Backgrounds and Borders – CSS Transformations and Transitions – Animating with CSS and the Canvas – Dynamic Web Pages – Web Scripting – JavaScript programming for Web Applications – Including JavaScript in HTML – HTML5 Form Controls and Validation – Document Object Model – DOM manipulation and events – Event Handlers
Unit III
Overview of UI Frameworks – User Interface Design Concepts in Web Development – Accessibility – Introduction to Electron – Overview of Electron – Setting up an Electron project – Creating a basic desktop application with Electron – Object communication – Introduction to other popular frameworks and libraries (e.g., JavaFX, WPF, GTK).
Objectives and Outcomes
Course Objectives
The course focuses on the basic understanding of user interface design by applying HTML, CSS and Java Script. The course introduces the necessary skills to develop web applications with simple animation and transitions. An overview of UI Frameworks is given. Working of Internet is discussed. The protocols required are introduced.
Course Outcomes
CO1: To understand the basics and working of World Wide Web
CO2: To understand the fundamentals of HTML5
CO3: To understand the fundamentals of CSS and Java Script
CO4: To design and deploy a simple web application
CO-PO Mapping
| PO/PSO |
PO1 |
PO2 |
PO3 |
PO4 |
PO5 |
PO6 |
PO7 |
PO8 |
PO9 |
PO10 |
PO11 |
PO12 |
PSO1 |
PSO2 |
| CO |
| CO1 |
2 |
2 |
2 |
|
|
2 |
2 |
|
|
|
|
|
3 |
2 |
| CO2 |
2 |
2 |
2 |
|
|
|
|
|
|
3 |
|
|
3 |
2 |
| CO3 |
2 |
2 |
2 |
|
|
|
|
1 |
|
3 |
|
|
3 |
2 |
| CO4 |
2 |
2 |
3 |
2 |
3 |
|
|
3 |
3 |
|
|
|
3 |
2 |
Evaluation Pattern
Evaluation Pattern: 70:30
| Assessment |
Internal |
External |
| Midterm |
20 |
|
| *Continuous Assessment (Theory) (CAT) |
10 |
|
| *Continuous Assessment (Lab) (CAL) |
40 |
|
| End Semester |
|
30 (50 Marks; 2 hours exam) |
*CAT includes Quizzes and Tutorials
*CAL – Can be Lab Assessments, Project, Case Study and Report
**End Semester – lab-based examination
Text Books / References
Textbook(s)
Jennifer Kyrnin, Julie Meloni, “Sams Teach Yourself HTML, CSS, and JavaScript All in One”, Third Edition, Pearson Education, Inc., 2019.
Reference(s)
Jennifer Niederst Robbin, “LEARNING WEB DESIGN A BEGINNER’S GUIDE TO HTML, CSS, JAVASCRIPT, AND WEB GRAPHICS”, Fifth Edition, O’Reilly Media, Inc., 2018.
Jessica Minnick, “Responsive Web Design with HTML 5 and CSS”, 9th Edition, Cengage Learning, Inc., 2021.
Electron JS.
https://www.electronjs.org/docs/latest
https://www.electronforge.io
https://www.electronjs.org/fiddle
