Sunday, 24 February 2019

Interactive Web Application Development

Syllabus
Part-A
Unit-I: Introduction to Scripting Languages                                                                   
Scripting Languages and WWW, Types of Scripting Languages – server-side scripting and client-side scripting, Glue Language, Characteristics of Scripting Languages, Shell Script 

Unit-II: PHP                                                                                                              
PHP, Perl, Python, R, Ruby, JavaScript, Smalltalk, VBScript, etc, Front-end and back-end web development, Advantages and Disadvantages of Scripting Languages.

Unit-III: Introduction to JavaScript  
Data types, variables, operators, expressions, statements, functions, objects, arrays, date, math, error handling, flow control, loops

Unit-IV: JavaScript Object Model                           
Regular expression, JavaScript object model, Standard Document Object Model - creating nodes

Part-B
Unit-V: Namespace
Namespace, DOM and HTML, DOM and CSS, Event handling, Event types

Unit-VI: Windows, Frames and Overlay in JavaScript                                                 
Window object, dialogs, Controlling windows, form handling, form fields, form validation. UI elements, browser management, media management

Unit-VII: AJAX    
Introduction to AJAX: XML HTTP, AJAX request and response, Events, Database; 

Unit-VIII: JSON           
Introduction to JSON: Syntax, Http, Files; Sessions, templates, relational databases, Object Relational Mapping.

Reference Books:
1.      The World of Scripting Languages, by David Barron, Wiley India Pvt Ltd.
2.      JavaScript: The Complete Reference, 2013 by Thomas Powell, Fritz Schneider
3.      Introduction to JavaScript Object Notation: A To The Point Guide to JSON, by Linsay Bassett, O‟Reilly
4.      Ajax Black Book, Dream tech Press
5.      Scripting Languages: Perl, Python, Mumps, JavaScript, Php, Ruby, VBscript, Awk, Command. Com, Sed, Bash, Autolisp, Tcl, Shell Script, Quakec, Books, LLC.

List of Programs:
1. Create interactive web pages using JavaScript
2. Generate different dialog boxes in JavaScript
3. Perform client side form validations using JavaScript
4. Create a XML HTTP request and retrieve data from a text file and an XML file
5. Retrieve header information of a file
6. Demonstrate how a web page can retrieve data from a database with AJAX.

Thursday, 10 January 2019

Web Technology Materials

                                                                                           
Unit-1 : Introduction to Web 
What is Web? What is WWW, Web site - Static and Dynamic web site, Web application - Client-server.

Unit-2: Web development Technologies                                                                            
HTML, CSS, Js, XML, Servlet & JSP, PHP and Ajax

Unit-3: HTML                                                                                                                         
Introduction to Html, Html structure, Html Editors, Html element/tag & attributes, Designing simple page - Html tag, Head tag, Body tag;

Unit-4: More HTML tags                                                                                                     
Anchor tag, Image tag, Table tag, List tag, Frame tag, Div tag ;  Html forms - Input type, Text area, Select, Button

Unit-5: CSS                                                                                                                             
Introduction to CSS, Syntax, Selectors, Embedding CSS to Html, Formatting fonts, Text & background colour, Borders & boxing.

Unit-6: Introduction Java Script                                                                                                      
Introduction to JS, Embedding JS into Html, Variables, Data types, Operators, Conditional statements.

Unit-7: Basics of Java Script                                                                                                
Looping statements, Strings, Arrays, Math Object, Date Object, Functions, Objects, Event Handling.

Unit-8: XML                                                                                                                           
Introduction to XML, Difference b/w Html & XML, XML editors, XML Elements & Attributes, XML DTD, XML Schema, XML DOM.

Text Books:
Programming the WWW by ROBERT W. SEBESTA, 4th edition, Pearson

Reference Books:
1. HTML, XHTML & CSS Bible, Brian Pfaffenberger, Steven M.Schafer, Charles White, Bill Karow- Wiley Publishing Inc, 2010
2. HTML Black Book by Steven Holzner
3. Web Design with HTML, CSS, JavaScript and jQuery Set by Jon Duckett
4. Beginning Java Script with DOM scripting and Ajax By Christian Heilmann- Apress Publisher, 2010
5. Learning PHP & My SQL, Michele Davis, Jon Philips- O’Reilly Publisher, 2009
6. PHP Cook book By: David Sklar, Adam Trachtenberg- O’Reilly Publisher, 2008

Saturday, 8 September 2018

All HTML tags


Basic HTML
Tag
Description
Defines the document type
Defines an HTML document
Defines information about the document
Defines a title for the document
Defines the document's body
Defines HTML headings
Defines a paragraph
Inserts a single line break
Defines a thematic change in the content
Defines a comment
Formatting
Tag
Description
Not supported in HTML5. Use <abbr> instead.
Defines an acronym
Defines an abbreviation or an acronym
Defines contact information for the author/owner of a document/article
Defines bold text
Isolates a part of text that might be formatted in a different direction from other text outside it
Overrides the current text direction
Not supported in HTML5. Use CSS instead.
Defines big text
Defines a section that is quoted from another source
Not supported in HTML5. Use CSS instead.
Defines centered text
Defines the title of a work
Defines a piece of computer code
Defines text that has been deleted from a document
Represents the defining instance of a term
Defines emphasized text 
Not supported in HTML5. Use CSS instead.
Defines font, color, and size for text
Defines a part of text in an alternate voice or mood
Defines a text that has been inserted into a document
Defines keyboard input
Defines marked/highlighted text
Defines a scalar measurement within a known range (a gauge)
Defines preformatted text
Represents the progress of a task
Defines a short quotation
Defines what to show in browsers that do not support ruby annotations
Defines an explanation/pronunciation of characters (for East Asian typography)
Defines a ruby annotation (for East Asian typography)
Defines text that is no longer correct
Defines sample output from a computer program
Defines smaller text
Not supported in HTML5. Use <del> or <s> instead.
Defines strikethrough text
Defines important text
Defines subscripted text
Defines superscripted text
Defines a template
Defines a date/time
Not supported in HTML5. Use CSS instead.
Defines teletype text
Defines text that should be stylistically different from normal text
Defines a variable
Defines a possible line-break


Forms and Input
Tag
Description
Defines an HTML form for user input
Defines an input control
Defines a multiline input control (text area)
Defines a clickable button
Defines a drop-down list
Defines a group of related options in a drop-down list
Defines an option in a drop-down list
Defines a label for an <input> element
Groups related elements in a form
Defines a caption for a <fieldset> element
Specifies a list of pre-defined options for input controls
Defines the result of a calculation
Frames
Tag
Description
Not supported in HTML5.
Defines a window (a frame) in a frameset
Not supported in HTML5.
Defines a set of frames
Not supported in HTML5.
Defines an alternate content for users that do not support frames
Defines an inline frame
Images
Tag
Description
Defines an image
Defines a client-side image-map
Defines an area inside an image-map
Used to draw graphics, on the fly, via scripting (usually JavaScript)
Defines a caption for a <figure> element
Specifies self-contained content
Defines a container for multiple image resources
Defines a container for SVG graphics
Audio / Video
Tag
Description
Defines sound content
Defines multiple media resources for media elements (<video>, <audio> and <picture>)
Defines text tracks for media elements (<video> and <audio>)
Defines a video or movie
Links
Tag
Description
Defines a hyperlink
Defines the relationship between a document and an external resource (most used to link to style sheets)
Defines navigation links
Lists
Tag
Description
Defines an unordered list
Defines an ordered list
Defines a list item
Not supported in HTML5. Use <ul> instead.
Defines a directory list
Defines a description list
Defines a term/name in a description list
Defines a description of a term/name in a description list
Tables
Tag
Description
Defines a table
Defines a table caption
Defines a header cell in a table
Defines a row in a table
Defines a cell in a table
Groups the header content in a table
Groups the body content in a table
Groups the footer content in a table
Specifies column properties for each column within a <colgroup> element
Specifies a group of one or more columns in a table for formatting
Styles and Semantics
Tag
Description
Defines style information for a document
Defines a section in a document
Defines a section in a document
Defines a header for a document or section
Defines a footer for a document or section
Specifies the main content of a document
Defines a section in a document
Defines an article
Defines content aside from the page content
Defines additional details that the user can view or hide
Defines a dialog box or window
Defines a visible heading for a <details> element
Links the given content with a machine-readable translation
Meta Info
Tag
Description
Defines information about the document
Defines metadata about an HTML document
Specifies the base URL/target for all relative URLs in a document
Not supported in HTML5. Use CSS instead.
Specifies a default color, size, and font for all text in a document
Programming
Tag
Description
Defines a client-side script
Defines an alternate content for users that do not support client-side scripts
Not supported in HTML5. Use <embed> or <object> instead.
Defines an embedded applet
Defines a container for an external (non-HTML) application
Defines an embedded object
Defines a parameter for an object