WEB APPLICATION DEVELOPMENT-I

Paper Code: 
CBCA 303
Credits: 
3
Periods/week: 
3
Max. Marks: 
100.00
Objective: 

The course will enable the students to

  1. Create web sites using HTML, CSS, JavaScript, PHP and Bootstrap.
  2. Identify the tools needed to create web pages and dynamic client‐side & server‐side web applications.

Course Outcomes (COs):

Course Outcome (at course level)

Learning and teaching strategies

Assessment Strategies

The students will:

CO108. Describe the principles of creating an effective web page.

CO109. Observe and compare client-side and server-side scripting languages.

CO110. Develop visually appealing web sites using for different applications.

CO111. Apply the concepts of scripting languages to build dynamic web pages.

CO112. Create responsive website using Bootstrap.

Approach in teaching: Interactive Lectures, Discussion, Demonstration

 

Learning activities for the students: Self-learning assignments, Quiz activity, Effective questions, presentation, flip classroom, project development

Class test, Semester end examinations, Quiz, Solving problems in tutorials, Assignments, Presentation, Individual and group projects and peer review.

 

9.00
Unit I: 

Introduction to HTML, HTML Versions, HTML web page structure, Heading, paragraphs, HTML Formatting, Quotations, comments, colors, images, tables, lists, block and inline elements, Iframes, HTML Links, The HTML5 DOCTYPE, migrating from HTML 4 to HTML5, Vision and Philosophy behind HTML5. What’s new in HTML5, browser support, coding conventions in HTML 5.

 

9.00
Unit II: 

Semantic elements:<article>, <aside>, <figcaption>, <figure>, <footer>, <header>, <main>,<nav>, <section>, <summary>, <time>.

Introduction to HTML Forms: Form Object, Text element, Password element, Button element, submit button, reset button, Checkbox element, Radio element, Text area, Select and option element. New attributes for <input>: autofocus, formaction, formmethod, formnovalidate, height and width, list, min and max, multiple, pattern (regexp), placeholder, required, step, input types, input attributes

 

9.00
Unit III: 

Cascading Style Sheets: Understanding Style Sheets, CSS Syntax and Applying Style Sheets to HTML document, Developing Style Sheets: inline, internal and external. <DIV> tag, using class and ID, Styling Backgrounds, Styling borders, Styling Text, Styling Fonts, Styling Links, Styling Lists, Styling Tables, Margin.

 

 

9.00
Unit IV: 

Introduction client-server technologies: comparison between client-side and server-side scripting. JavaScript: Introduction, Advantages of using JavaScript, Writing JavaScript in HTML, Basic Programming Techniques: Data Types and Literals, creating variables, Operators (Arithmetic, Logical, Comparison, String and Assignment operator and special operators: delete, new and void) and Expressions in JavaScript. JavaScript Programming Constructs: Conditional checking (if-then-else statement), Loops (for loop and While loop).

 

9.00
Unit V: 

PHP: Introduction, Basic syntax, inserting comments, Data types, Variables, Constants, Strings, Operators, Conditional statements and looping constructs. Introduction to Bootstrap: Creating first Web Page, Scripts and Styles, Core Concepts. Layout with Bootstrap.

 

ESSENTIAL READINGS: 
  1. Ivan Bayross, “HTML 5 and CSS 3 Made Simple”, BPB Publications.
  2. Responsive Web Design with HTML5 and CSS: Develop future-proof responsive websites using the latest HTML5 and CSS techniques, 3rd Edition Kindle Edition.

 

REFERENCES: 
  1. Master HTML and CSS : Along with 100 projects Kindle Edition
  2. HTML 5 Black Book, Covers CSS 3, JavaScript, XML, XHTML, AJAX, PHP and jQuery, Dreamtech Press; 2nd edition (13 October 2016)
  3. A Navarro, “Effective Web Design”, John Wiley & Sons.

 

 

E-RESOURCES:

  1. https://youtu.be/mU6anWqZJcc
  2. https://youtu.be/1ZE-s0EySXg
  3. https://youtu.be/DEcjb-hMgX4
  4. https://youtu.be/-I-7wWUyT0k
  5. https://youtu.be/8ukRI2VsA-s
  6. https://www.w3schools.com/w3css/defaulT.asp

 

JOURNALS:

  1. International Journal of Design

 

 

 

 

 

Academic Year: 
2022-23
  • Printer-friendly version