WEB APPLICATION DEVELOPMENT

Paper Code: 
24MCA123
Credits: 
04
Periods/week: 
04
Max. Marks: 
100.00
Objective: 

 This course enables the students to

  1. Identify the tools needed to create web pages and dynamic client‐side & server‐side web applications.
  2. Demonstrate the use of web development techniques on client-side and server-side.
  3. Examine and develop user interfaces to collect and present data and information
  4. Test and implement software for a client-server environment
  5. Formulate the design and development of web pages for a typical web application.


 

Course Outcomes: 

Course

Learning Outcome (at course level)

 

Learning and teaching strategies

Assessment Strategies

Course Code

Course

Title

24MCA 123

Web Application Development

(Theory)

  1. Classify and understand the development of a client-side browser based web application including its capabilities and limitations.
  2. Implement a design and create web application using CSS.
  3. Compare client side scripting and server side scripting languages
  4. Creating React Projects Evaluate using its functional and class components.
  5. Construct, designing and develop a web application using React.
  6. Contribute effectively in course-specific interaction

Approach in teaching:

Interactive Lectures, Discussion, Tutorials, Reading assignments, Demonstration, Team teaching

 

Learning activities for the students:

Self-learning assignments, Effective questions, Simulation, Seminar presentation, Giving tasks, Field practical

  • Assignment
  • Written test in classroom
  • Classroom activity
  • Multiple choice questions
  • Continuous Assessment
  • Semester End Examination

 

10.00
Unit I: 
Introduction to WWW:

Internet standards, WWW Architecture, Generation of dynamic web pages, Generation of static web pages using HTML, Elements of HTML syntax, Head and Body sections, Building HTML documents, Inserting text, images, hyperlinks, Backgrounds and Color Control, meta tags, ordered and unordered lists, Table Handling: Table layout & presentation, constructing tables in a web page, Frames: Developing Web pages using frames, IFrames. Forms and its elements, special tags, HTML5 Specific Elements: Header & Footer, Navigation, Section, Article & Aside, The Meter Element, Video, Audio.

10.00
Unit II: 
Cascading Style Sheet (CSS):

The need for CSS, Introduction to CSS, Basic syntax and structure, Inline Styles, Embedding Style Sheets, Linking External Style Sheets, Backgrounds, Manipulating text, Margins and Padding, Border, Positioning using CSS, Selectors, Tag selectors, class selectors, ID Selector, Styling Groups within tags, Formatting Tables and Forms, CSS3 Specific Properties: Alpha Color Space, Opacity, Box Shadow & Border Radius.

12.00
Unit III: 
JavaScript:

JavaScript Variables and Data Types, Statement and Operators, Control Structure, Functions, Executing deferred scripts, Objects, Messaging in a JavaScript, Dialog Boxes, Alert Boxes, Confirm Boxes, Prompt Boxes, JavaScript with HTML, Events, Events Handlers, Forms, Forms array, Forms Handling and Validations.

14.00
Unit IV: 
Introduction to React:

React Key features and benefits, Setting up the Development Environment, Installation of Node.js and npm, Creating a new React project using Create React App, React Components, Creating and rendering functional and class components, Props and State, Passing data between components using props, components using props. Managing component state.

14.00
Unit V: 
Building UI with React:

Understanding JSX syntax. Embedding expressions in JSX., Styling in React, CSS-in-JS libraries (e.g., styled-components), Using CSS Modules, , Event handling in React, Updating component state with events, Conditional Rendering and Lists, Rendering content conditionally, Mapping over arrays to render lists.

ESSENTIAL READINGS: 

 

  1. Harvey & Paul Deitel & Associates, Harvey Deitel and Abbey Deitel, “Internet and World Wide Web - How To Program”, Fifth Edition, Pearson Education, 2011.
  2. Achyut S Godbole and Atul Kahate, “Web Technologies”, Second Edition, Tata McGraw Hill, 2012.
  3. Sandeep Bisht, “ React js: Easy Learning”, Notion Press Media Ltd., 2022
  4. Greg Lim, “Beginning React (incl. Redux and React Hooks), September 2020
REFERENCES: 

Suggested Readings:

  1. Thomas A Powell, Fritz Schneider, “JavaScript: The Complete Reference”, Third Edition, Tata McGraw Hill, 2013.
  2. David Flanagan, “JavaScript: The Definitive Guide, Sixth Edition”, O'Reilly Media, 2011
  3. Steven Holzner, “The Complete Reference - PHP”, Tata McGraw Hill, 2008
  4. David Sawyer McFarland, CSS3- The Missing Manual, O'Reilly Media, Third Edition, 2013
  5. David Sklar and Adam Trachtenberg, PHP Cookbook, Third Edition, O’Reilly Media, 2014.

E-Resources:

  1. Build a Quiz App with HTML, CSS, and JavaScript(https://www.udemy.com/ )
  2. Web Developer Course HTML CSS JavaScript Learn Web Design(https://www.udemy.com/)
  3. Building a Niche Website For Beginners(https://www.udemy.com/ )
  4. Web Applications for Everybody (https://www.coursera.org/ )

Journals (International / National):

  1. International Journal of Web Engineering and Technology
  2. International Journal of Web & Semantic Technology
  3. Web design magazines & journals
  4. The Interdisciplinary Journal of Design Research

 

 

 

 

 

 

Academic Year: 
2024-25
  • Printer-friendly version