Form Validation
default validation types
custom validation types
condition based validation types - required based on another control
default trigger
custom trigger
get the invalid controls
get the valid controls
fetch the default validation message
provide custom messages
custom messages using attributes and also using api for different languages
validation sequence
JavaScript Basics
functions
objects
passing arguments to objects
passing function as arguments
closure
using prototype
JQuery
concepts
selectors
data processing
attributes and styles
animations
utilities
memory leaks
custom functions in jquery
MVVM
why
what
how
examples
possible to have multiple viewmodels in the document
scope for each viewmodel
predefined and custom templates
observables for different data types
communication between viewmodels
Web Storage
Offline Storage
concept
Session Storage
poly filles
html5 shiv
html5test.com
Local Storage
concepts
examples
limitations
supporting browsers
Index Storage
concepts
examples
limitations
async api
Duplex Communication
Web Sockets
kind of long pooling
allows push mechanism
possible to send binary data
sever has to support websockets
java 1.7 and tomcat 7.0 supports
windows 2008 and IIS8 supports
alchemy can be used for .net applications
not part of HTML5 specification
use ws:// and wss:// protocol
Subtopic 9
Web Workers
threads in javascript
not allowed to access DOM tree
UI access is always allowed in UI thread
why to make UI thread safe
in separate file
inline is possible using object urls
data exchange is done using messages
Drag and Drop
make the elements draggable
should handle the dragstart event
prepare the data transfer object and what time of content to drap
next dragover
next dragenter event
drop where drop operation done
can transfer any data type
how to avoid inter browser drop events
SVG and Canvas
canvas is resolution dependent - raster graphics
svg is resolution independent - vector graphics
svg is like drawing using graphics object
GeoLocations
browser can connect to geolocation server
new object introduced called navigator
provides latitude and longitude
CSS3
new styles
new selectors
borders with radius
shadow effects
can download own fonts and use
Media Queries
responsive web design
talks about the layout of the page when the client is different like tablet, phone, pc,....
change the page layout and styles based on the resolution
can be provided with media property in link tag
can be done in style sheets
MicroData
metadata for the site
provide extra meaning to the content for the tag
adds semantic attributes to the content
semantic information to the content in the page for search engine
ex: an image tag, span tag shows the author of the image, but to link the image with the author
Main Topic 13