Department Events
Web Application Development-I Lab
The course will enable the students to
- Create web sites using HTML and CSS.
- Implement responsive websites using JAVASCRIPT.
Course | Learning outcome (at course level) | Learning and teaching strategies | Assessment Strategies | |
Course Code | Course Title | |||
24CBDA 413 | Web Application Development-I Lab (Practical)
| CO211. Design web pages using HTML and CSS style sheets. CO212. Design scripts to solve real-world programs. CO213. Build server side web application using PHP. CO214. Acquire skills to design visually appealing websites. CO215. Create and demonstrate responsive website. CO216.Contribute effectively in course-specific interaction | 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, Assignments, Presentation, Individual and group projects . |
- 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.
- 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.
SUGGESTED TEXT BOOKS
- Dane Cameron, “HTML 5, Java Script and JQuery,CisdalPublishing; 2nd edition
- Thomas Powell, Fritz Schneider “JavaScript-The Complete Reference”, Tata McGraw Hill, Second Edition
- Christopher Murphy, DivyaManian, 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.
e RESOURCES
- HTML,PHP,JQuery ,w3school,http://www.w3schools.com.
- HTML, Spoken Tutorial: https://spoken-tutorial.org/
JOURNALS
- Journal of the Brazilian Computer Society, SpringerOpen, https://journal-bcs.springeropen.com/
- Journal of Internet Services and Applications, SpringerOpen: https://jisajournal.springeropen.com/
