WEB APPLICATION DEVELOPMENT-I

Paper Code: 
CBCA 303
Credits: 
03
Periods/week: 
03
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):

Learning Outcome (at course level)

     

Learning and teaching strategies

Assessment Strategies

 

The students will:

CO 106.Describe the principles of creating an effective web page.

CO 107.Observe and compare client-side and server-side scripting languages.

CO 108.Develop visually appealing web sites using for different applications.

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

CO 110.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. Dane Cameron, “HTML 5, Java Script and JQuery,Cisdal Publishing; 2nd edition
  2. Thomas Powell, Fritz Schneider “JavaScript-The Complete Reference”, Tata McGraw Hill, Second Edition
  3. Christopher Murphy, Divya Manian, Richard Clark ,Beginning HTML5 and CSS3: The Web Evolved, Apress, 1st edition
  4.  Larry Ullman, “PHP 6 & MySQL 5, For Dynamic Websites” Peachpit Press.
  5. Jake Spurlock,”Bootstrap: Responsive Web Development”, O'Reilly Media

 

REFERENCES: 
  1. James Jaworski, “Mastering JavaScript & JScsript”, BPB Publications.
  2. Ivan Bayross, “HTML, Javascript, DHTML, and PHP”, BPB Publications.
  3. Website: http://www.w3schools.com.

 

Academic Year: 
2021-22
  • Printer-friendly version