Dynamic Webpage With Scripting Language (3360705)

Unit-11:  Form Designing using HTML 5 and CSS 3

• Advanced Elements in HTML5 : Semantic Page Elements: address, article, hgroup, menu, nav section
• Inline semantic elements : Command, details, dfn, figcaption, figure, summary/details, time, wbr
• Media elements : canvas, embed, source, svg
• Event List :Onabort, Onafterprint, Onplay, Onpause, Onprogress, Onscroll, Onunload, Onvolumechange, Onwaiting
• Working with Canvas : canvas Basic concepts, Controlling file and stroke styles (colors, gradients, patterns), drawing essential shapes (drawing rectangles, drawing text, enhancing shapes with shadows), Drawing more complex shapes (Line-drawing options, Making arcs and circles, making quadratic curves, producing a bezier curve)
• Formatting with CSS
• Basics of style sheet: define CSS, use of CSS, types of CSS, syntax, margi, padding, text, font, links
• Employing local styles & making use of ids and classes with Example
• Using floating positioning and absolute positioning
• CSS3' new selection tools : attribute selection, not, nth-child, new pseudo-classes (link, visited, active, hover, focus, first-letter, first-line, first-child, before, after, language), @font-face, column support,text-stroke, text-shadow
• Flexible Box layout Model : creating a flexible box layout, viewing a flexible box layout
• New visual Elements: opacity, box-shadow, border-radius, Key Frames, Color values, gradients, image borders, reflections, rounded corners, shadows, transformations, transition animation, transparency
• Medial Query – Responsive Design/Web page

Unit-12:  Working with JavaScript

• JavaScript concept, Origin of JavaScript, Advantages of java script, Java script syntax.
• Variables, Data Types, Operators, Literals, Array and Functions
• JavaScript Control Statements

Unit-13:  Object Models in JavaScript

• Java script document object model: Learning DOM , Introducing object in Model, Form object, Window object, Document object, Browser object, Navigator object, The String Objects, Date and Math Object, use of Built in object, User defined object
• The Document Object: Basic, Writing to Documents, Dynamic Documents
• Form Object - Forms and Forms-based Data: The Form Object , Working With Form Elements and Their Properties, Button Object, Text Objects, Text Area Objects, Hidden Objects, Check Box Objects, Radio Button Objects, Selecting Objects
• Form Validation : Form Validation: A Process , Testing Data , Preparing Data for Validation and Reporting Results, Trapping Empty Fields, Finding Invalid Values, Intercepting the Submit Button, Validating Non-text Form Objects
• Window Object : The window object, Dialog Boxes, Status Bar Messages, Window Manipulations
• Dates and Math Objects : The Date Object, Using and manipulating dates, Displaying the date and time, Time Zones, Extracting the Date, Extracting the Hrs., The Math Object and its constants

Unit-14:  Working with jQuery

• jQuery Events: Define events
• Mouse Events: Click, dblclick,hover
• Keyboard Events : keypress, keydown ,Keyup,Keyrelease
• Form Events : submit ,Onload
• Document/Window Events : load , resize ,scroll, unload
• bind() and Event Helper Method with Example

Unit-15:  Working with Ajax

• Ajax Basic :The purpose of basic, The XML Http Web Application, Callback function, Traditional Application, Web page Application, Use of HTML and Xml in Ajax
• Passing Data : XML- Creating child function, Dynamic Table, Object Literals – Array, Object, Array in Objects, Objects in Array , JSON Introduction – Syntax, Advantages, Disadvantages
• Ajax Application: Login Form, Preloaded Data, Feedback from using validation, Live search, Dynamic Dependable Dropdown using Ajax- Country, state and city Examples.
• Jquery in Ajax

Sr.	Title	Author	Publication	Amazon Link
1	Head First JavaScript Programming	Eric T. Freeman , Elisabeth Robson	O’Reilly Media
2	Head First HTML and CSS	Elisabeth Robson and Eric Freeman	O'Reilly Media

• Create and modify dynamic web assets using Canvas and CSS
• Develop web page using Java script
• Develop web page using object models in JavaScript
• Develop web based application using jQuery
• Develop web based application using AJAX