Department Events
WEB APPLICATION DEVELOPMENT-I
Course Objectives:
The course will enable the students to
- Create web sites using HTML, CSS, JavaScript, PHP and Bootstrap.
- 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 |
CO 100 Describe the principles of creating an effective web page. CO 101 Develop visually appealing web sites using HTML5 and CSS. CO 102 Observe and differentiate client-side and Server-side scripting languages. CO 103 Apply dynamicity into web pages by incorporating basic JavaScript and PHP. CO 104 Ability to create responsive website using Bootstrap. | Approach in teaching: Interactive Lectures, Discussion, Demonstration, Role plays
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. |
This module is designed to help students for creating web sites using basic HTML, CSS, JavaScript, PHP and Bootstrap.
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.
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
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.
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).
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.
- Dane Cameron, “HTML 5, Java Script and JQuery,Cisdal Publishing; 2nd edition
- Thomas Powell, Fritz Schneider “JavaScript-The Complete Reference”, Tata McGraw Hill, Second Edition
- Christopher Murphy, Divya Manian, Richard Clark ,Beginning HTML5 and CSS3: The Web Evolved, Apress, 1st edition
- Larry Ullman, “PHP 6 & MySQL 5, For Dynamic Websites” Peachpit Press.
- Jake Spurlock,”Bootstrap: Responsive Web Development”, O'Reilly Media
- James Jaworski, “Mastering JavaScript & JScsript”, BPB Publications.
- Ivan Bayross, “HTML, Javascript, DHTML, and PHP”, BPB Publications.
- Website: http://www.w3schools.com.
