Web Technologies

 

LESSON PLAN

Subject : Web Technologies

Year : III B-Tech

Semester : I

Branch : IT       

Faculty : G. Durvasi

Reg : R16

Academic Year : 2019-21

 

 

Course Objectives:

The main objectives of this course are given below:

This course is designed to introduce students with no programming experience to the programming languages and techniques associated with the World Wide Web.The course will introduce web-based media-rich programming tools for creating interactive web pages.

 

Course Outcomes:

DESCRIPTION

Bloom’s

Level

At the end of this course the student will able to:

CO1

Analyze a web page and identify its elements and attributes. 

Understand

CO2

.• Create web pages using XHTML and Cascading Styles sheets

Apply

CO3

.• Build dynamic web pages

Apply

CO4

• Build web applications using PHP

Apply

CO5

• Programming through PERL and Ruby

Apply

CO6

 • Write simple client-side scripts using AJAX 

Apply

 

           

 

Text book /References:

Textbooks

1. Programming the World Wide Web, Robet W Sebesta, 7ed, Pearson.

 2. Web Technologies, Uttam K Roy, Oxford

 3. The Web Warrior Guide to Web Programming, Bai, Ekedahl, Farrelll, Gosselin, Zak, Karparhi, Maclntyre, Morrissey, Cengage

Reference book

1. Ruby on Rails Up and Running, Lightning fast Web development, Bruce Tate, Curt Hibbs, Oreilly( 2006)

2. Programming Perl, 4ed, Tom Christiansen, Jonathan Orwant, Oreilly (2012)

 3. Web Technologies, HTML< JavaScript, PHP, Java, JSP, XML and AJAX, Black book, Dream Tech.

 4. An Introduction to Web Design, Programming, Paul S Wang, Sanda S Katila, Cengage Learning 5. http://www.upriss.org.uk/perl/PerlCourse.html

 

Contents/Activities:

1

Factual:factual knowledge consists of the basic  students must know to be acquainted with a discipline

Ø  HTML, CSS Basic Syntax, (UNIT-I)

Ø  Standard HTML Document Structure, (UNIT-I)

Ø  Basic Text Markup, Images(UNIT-I)

Ø  Java script The Basic of Java script: (UNIT-II)

Ø  Objects, Primitives Operations and Expressions, (UNIT-II)

Ø  Screen Output and Keyboard Input, (UNIT-II)

Ø  XML: Document type Definition(UNIT-III)

Ø  Introduction to AJAX(UNIT-III)

Ø  PHP Programming: Introducing PHP: (UNIT-IV)

Ø  Introduction to PERL (UNIT-V)

Ø  Introduction to Ruby(UNIT-VI)

Ø  Variables, types (UNIT-VI)

Ø  simple I/O (UNIT-VI)

 

2

Conceptual:Conceptual knowledge consists of the interrelations among the basic elements within a larger structure

Ø  Hypertext Links(UNIT-I)

Ø  Lists, Tables, (UNIT-I)

Ø  Forms, (UNIT-I)

Ø  HTML5(UNIT-I)

Ø  Control Statements, (UNIT-II)

Ø  Object Creation and Modification, (UNIT-II)

Ø  Arrays, (UNIT-II)

Ø  Functions, (UNIT-II)

Ø  Constructors, (UNIT-II)

Ø  XML schemas, (UNIT-III)

Ø  Document object model, (UNIT-III)

Ø  XSLT, (UNIT-III)

Ø  Creating PHP script, Running PHP script(UNIT-IV)

Ø  Working with variables and constants: Using variables, Using constants(UNIT-IV)

Ø  Data types,Operators(UNIT-IV)

Ø  Arrays, Hashs(UNIT-V)

Ø  Variables, types, (UNIT-V)

Ø  simple I/O, (UNIT-VI)

Ø  Control, (UNIT-VI)

Ø  Arrays, Hashes, (UNIT-VI)

Ø   Methods, Classes, (UNIT-VI)

 

 

3

Procedural: Methods of inquiry, and criteria for using skills, algorithms, techniques, and methods.

Ø  CSS: Levels of Style Sheets, (UNIT-I)

Ø  Style Specification Formats, (UNIT-I)

Ø  Selector Forms(UNIT-I)

Ø  Pattern Matching using Regular Expressions, (UNIT-II)

Ø  DOM and SAX Approaches(UNIT-III)

Ø  AJAX A New Approach(UNIT-III)

Ø  Controlling program flow: Conditional statements, (UNIT-IV)

Ø  Control statements,Arrays,functions. (UNIT-IV)

Ø  File handling (UNIT-V)

Ø  Regular expressions, Subroutines (UNIT-V)

Ø  Iterators, Pattern Matching. Overview of Rails. , (UNIT-VI)

 

4

Applied: awareness of one's own learning, control and regulation of cognitive processes, self-knowledge, contextual knowledge, and conditional learning

Ø  The Box Model, (UNIT-I)

Ø  Conflict Resolution (UNIT-I)

Ø  DHTML: Positioning Moving and Changing Elements, (UNIT-II)

Ø  Integrating PHP and AJAX. (UNIT-III)

Ø  Working with forms and Databases such as MySQL. (UNIT-IV)

Ø  Retrieving documents from the web with Perl. (UNIT-V)

Ø  Overview of Rails, (UNIT-VI)

 

 

 

 

Schedule and Sequence:

 

   Day

Topic

Objectives

Before Class-Videos, e-Books, Case Studies

In-Class-Activities,Quiz

Post-Class-Assignment, Discussion Forum

1

HTML, CSS Basic Syntax

This course is designed to introduce students with no programming experience to the programming languages and techniques associated with the World Wide Web.

Refer the Text book -2 Chapter-4 page-89

 

·         Lecture on History of www and its applications

·         Fundamental requirements to create webpages

·         Q &  A Session

·         Short Quiz on basics of internet

·         Discussion in Forum

 

2

Standard HTML Document Structure

Refer the Text book -2 Chapter-4 page-92

 

·         Lecture on HTML language and its salient features

·         Introduction to standard document structure

·         Q &  A Session

·         Creating simple pages

·         Discussion in Forum

 

3

Basic Text Markup,

Refer the Text book -2 Chapter-4 page-93

 

·         Lecture on basic tags along with syntax and examples

Q &  A Session

·         Desigining webpages using basic tags

·         Discussion in Forum

 

4

 Images, Hypertext Links

Refer the Text book -2 Chapter-4 page-95-101

 

·         Lecture on img tag and link tag with attributes.

Q &  A Session

·         Design a webpage consists of images and links

·         Discussion in Forum

 

5

Lists, Tables

Refer the Text book -2 Chapter-4 page-101-108

 

·         Lecture on types of lists and table  tags along with   attributes and examples

Q &  A Session

·         Create a webpage that displays table and lists

·         Discussion in Forum

 

6

Forms,

Refer the Text book -2  Chapter-4 page-110-117

 

·         Lecture on different elements used in forms

·         Q &  A Session

·         Create a registration form using form controls

·         Discussion in Forum

 

7

HTML5

Refer the website

www.w3schools.com

 

·         Lecture on tags used in html5

·         Fundamental requirements to create webpages

Q &  A Session

·         Execute tags used in html5

·         Discussion in Forum

 

8

CSS: Levels of Style Sheets, Style Specification Formats,

Refer the Text book -2 Chapter-4 page-135

 

·         Lecture on different ways to represent CSS with syntax

Q &  A Session

·         Create a attractive and colourfull web pages.

·         Discussion in Forum

 

9

The Box Model, Conflict Resolution

Refer the following website

www.w3schools .com

 

·         Lecture on box model and conflict resolution

·         Q &  A Session

·         Discussion in Forum

 

10

Java script The Basic of Java script: Objects, Primitives Operations and Expressions,

The course will introduce web-based media-rich programming tools for creating interactive web pages

Refer the Text book -1 Chapter-4 page-195

 

Lecture on

 

Basic of Java script: Objects, Primitives Operations and Expressions along with example

Q &  A Session

·         Quiz

·         Use javascript to design a webpage

·         Discussion in Forum

 

11

 

Screen Output and Keyboard Input,

Refer the following website

www.w3schools .com

 

Lecture on Screen Output and Keyboard Input along with example

Q &  A Session

·         Sample scripts

·         Discussion in Forum

 

12

Control Statements,

Refer the Text book -2 Chapter-13 page-405

 

Lecture on Control Statements used in  java script along with example

Q &  A Session

·         Programs using control statements

·         Discussion in Forum

 

13

Object Creation and Modification

Refer the Text book -2 Chapter-13 page-407

 

Lecture on Object Creation and Modification with example program

Q &  A Session

·         Desigining programs using objects

·         Discussion in Forum

 

14

Arrays, Functions,

Refer the Text book -2 Chapter-13 page-407-419

 

Lecture on  Arrays, Functions,working with different types of arrays and functions

Q &  A Session

·         Programs using arrays and functions

·         Discussion in Forum

 

15

Constructors, Pattern Matching using Regular Expressions

Refer the Text book -2 Chapter-13 page-429,525

 

Lecture on Constructors, Pattern Matching using Regular Expressions

Q &  A Session

·         Working with  Constructors, Pattern Matching using Regular Expressions

·         Discussion in Forum

 

16

DHTML: Positioning Moving and Changing Elements

Refer the Text book -2 Chapter-15 page-515

 

Lecture on DHTML: Positioning Moving and Changing Elements

Examples on DHTML

Q &  A Session

·         Designing Dynamic webpages using DHTML

·         Discussion in Forum

 

17

XML: Document type Definition, XML schemas

 

To study about XML tags and creating user defined tags,writing XML schemasand analyzing DOM and SAX

Refer the Text book -2 Chapter-6 page-163

 

Lecture on  XML: Document type Definition, XML schemas

How to write xml schemas

 

·         Writing sample xml file with Document type Definition

·         Discussion in Forum

 

 

18

Document object model, XSLT, DOM and SAX Approaches

Refer the Text book -2 Chapter-14 page-482

 

Lecture on Document object model, XSLT, DOM and SAX Approaches

Differences between DOM and SAX

Q &  A Session

·         Writing script using XSLT

·         Discussion in Forum

 

19

AJAX A New Approach: Introduction to AJAX, Integrating PHP and AJAX.

 

Refer the Text book -2 Chapter-17 page-542

Refer the Text book -1 Chapter-10 page-409

 

Lecture on Introduction to AJAX, Integrating PHP and AJAX.

 

Q &  A Session

·         Write a program to integrate  PHP with AJAX

·         Discussion in Forum

 

20

PHP Programming: Introducing PHP: Creating PHP script, Running PHP script..

 

 

Working with variables and constants: Using variables, Using constants,

To  introduce server side communication using PHP and MYSQL

Refer the Text book -1 Chapter-9 page-365

 

Lecture on  Introducing PHP: Creating PHP script, Running PHP script..

 

 

·         Working with variables and constants:

·         Q &  A Session

 

·         Create a web page that contains PHP script

·         Discussion in Forum

 

21

Data types,

Operators

Refer the Text book -1Chapter-9 page-368-373

 

Lecture on  Data types,Operators used in PHP along with examples

Q &  A Session

·         Programs in PHP using Data types,Operators

·         Discussion in Forum

 

22

Controlling program flow: Conditional statements,Control statements,

Refer the Text book -1Chapter-9 page-375-378

 

Lecture on Conditional statements,Control statements along with syntax and examples

Q &  A Session

·         PHP scripts using Conditional statements,Control statements

·         Discussion in Forum

 

23

Arrays,functions

 

Refer the Text book -1Chapter-9page-379-393

 

Lecture onArrays,functions

Used in PHP with example scripts

Q &  A Session

PHP scripts using Arrays,functions

 

·         Discussion in Forum

 

24

Working with forms and Databases such as MySQL

Refer the Text book -1Chapter-9 page-394-399

www.w3schools.com

 

Lecture on Working with forms and Databases such as MySQL

Q &  A Session

Designing a form with database connectivity

·         Discussion in Forum

 

25

Introduction to PERL,

To study about PERL language and RUBY languages

Refer the

Reference book -2

Programming Perl, 4ed, Tom Christiansen, Jonathan Orwant, Oreilly (2012)

·         Lecture on Introduction to PERL

 

·         Q &  A Session

·         Features  of perl assignment

·         Discussion in Forum

 

 

26

Operators and if statements, Program design

Refer the

Reference book -2

Programming Perl, 4ed, Tom Christiansen, Jonathan Orwant, Oreilly (2012

Lecture onOperators and if statements, Program design in perl

Q &  A Session

·         Sample perl programs using  Operators and if statements, Program design

·         Discussion in Forum

 

27

control structures, Arrays, Hashs and File handling

Refer the

Reference book -2

Programming Perl, 4ed, Tom Christiansen, Jonathan Orwant, Oreilly (2012

Lecture on  control structures Arrays, Hashs and File handling used in perl

Q &  A Session

·         Perl programs using control structures,Arrays, Hashs and File handling

·         Discussion in Forum

 

28

Regular expressions, Subroutines

Refer the

Reference book -2

Programming Perl, 4ed, Tom Christiansen, Jonathan Orwant, Oreilly (2012

Lecture onRegular expressions, Subroutines

Q &  A Session

·         Perl script using Regular expressions, Subroutines

·         Discussion in Forum

 

29

Retrieving documents from the web with Perl.

Refer the

Reference book -2

Programming Perl, 4ed, Tom Christiansen, Jonathan Orwant, Oreilly (2012

Lecture onRetrieving documents from the web with Perl.

Q &  A Session

·         Perl program on Retrieving documents from the web with Perl.

·         Discussion in Forum

 

30

Introduction to Ruby, Variables, types, simple I/O

Refer the

Reference book -1

Ruby on Rails Up and Running, Lightning fast Web development, Bruce Tate, Curt Hibbs, Oreilly( 2006)

Lecture onIntroduction to Ruby, Variables, types, simple I/O

Q &  A Session

·         Simple ruby programs

·         Discussion in Forum

 

31

Arrays, Hashes, Methods, Classes

Refer the

Reference book -1

Ruby on Rails Up and Running, Lightning fast Web development, Bruce Tate, Curt Hibbs, Oreilly( 2006)

Lecture onArrays, Hashes, Methods, Classes along with syntax and example

Q &  A Session

·         Implementing Ruby program using Arrays, Hashes, Methods, Classes

·         Discussion in Forum

 

32

Control, Iterators, Pattern Matching.

Refer the

Reference book -1

Ruby on Rails Up and Running, Lightning fast Web development, Bruce Tate, Curt Hibbs, Oreilly( 2006)

Lecture onControl, Iterators, Pattern Matching.

Q &  A Session

·         Implementing Ruby program usingControl, Iterators, Pattern Matching.

·         Discussion in Forum

 

33

Overview of Rails.

 

Refer the

Reference book -1

Ruby on Rails Up and Running, Lightning fast Web development, Bruce Tate, Curt Hibbs, Oreilly( 2006)

Lecture onOverview of Rails.

Q &  A Session

·         Study on features and applications of  Rails

·         Discussion in Forum

 

 


No comments:

Post a Comment

Note: Only a member of this blog may post a comment.

Full Stack Development

What is Full Stack Development? Full Stack Development refers to the process of designing, creating testing and deploying a complete web app...