JavaScript course for Working professional by School of Multimedia, Publishing & Design

Session 9
HTML MARQUEE, META & SOME
OTHER TAGS
Marquee Tag
Marquee on Text & Images
HTML Entities
Frames and Iframes
HTML Video Tag
HTML Audio Tag
HTML Meta Tag

Session 10
GEOLOCATION
What is Geolocation Used for?
Browser Support for geolocation
The Geolocation Object
Geolocation API Methods
PositionOptions Object Properties
Position Interface Attributes

Session 11
WEB MESSAGING
Web Messaging Methods
Establishing Trust between Domains
Establishing Trust with ORIGIN
Cross Origin Resource Sharing
(CORS)
Ports and Channel Messaging
MessagePort Methods
The Message Event Object
Additional Security Checks

Session 12
WEB WORKERS
Why use Web Workers
What are Web Workers
Features Available to Workers
How do Web Workers work?
The Worker Object
WorkerGlobalScope
WorkerGlobalScope Properties
WorkerGlobalScope Methods
WorkerGlobalScope Events
Browser Support for Web Workers
Types of Web Workers
Terminating the worker from the
Worker Script

Session 13
DRAG & DROP
What is Drag and Drop
What is Drag and Drop Used for?
Browser Support for Drag and Drop
Understanding Drag and Drop
Drag and Drop with a Data "payload"
Drag Events
Drop Event
A jQuery UI Drag and Drop Example

Session 14
OFFLINE APPLICATIONS
Why do we need ofine Applications?
B r o w s e r S u p p o r t f o r O f i n e
Applications
Emptying the Browser Cache
Understanding applicationCache
The navigator.online property
Associating the Cache Manifest with
a Web Page

Session 15
XMLHTTPREQUESTLEVEL 2
What is XmtlHttpRequest (XHR)?
Benets of XHR Level 2
The XHR object: States
The XHR object: Event Handlers
The XHR Object: Methods
The XHR object: Properties

Session 15
WEB SOCKETS
HTTP
The Web Socket
WebSocket Properties
Web Socket Event Handlers
WebSocket Methods
Using a WebSocket Server with the
WebSocket API

Session 16
SERVER SENT EVENTS
What are Server Sent Events?
The Server Messages
Creating an EventSource
The EventSource Properties
The EventSource Events
The Advantages of Server-Sent
Events
The Disadvantages of Server-Sent
Events
Server-Sent Events Summary

CASCADING STYLE SHEETS-Course Contents

Session 1
INTRODUCTION OF CSS
What is CSS?
Benefits of CSS
CSS Rules
CSS Types
CSS Comment

Session 2
CSS SELECTORS
Element Type Selector
Contextual Selector
Class Selector
Identifiers (ID)
Compound Selectors

Session 3
APPLYING CSS STYLES
Inline Styles
Embedded CSS
External Style Sheets

Session 4
CSS BACKGROUND EFFECTS
Background-color
Background-image
Background-repeat
Background-attachment
Background-position

Session 5
WORKING WITH TEXT
Text Alignment
Text Decoration
Text Transformation
Text Indentation
Text Color
Text Direction
Text Shadow

Session 6
WORKING WITH FONT
CSS Font Families
Font Style
Font Size
Set Font Size With Pixels
Set Font Size With Em
Use a Combination of Percent and Em

Session 7
WORKING WITH CSS LINK & LIST
Add different styles to hyperlinks
List-style
List-style-image
List-style-postion
List-style-type

Session 8
WORKING WITH TABLES
Table Borders
Collapse Borders
Table Width and Height
Table Text Alignment
Table Padding
Table Color
Make a fancy table
Set the position of the table caption

Session 9
CSS BORDER & OUTLINE
Border Style
Border Width
Border Color
Border - Individual sides
Border - Shorthand property
All the top border properties in one
declaration
Sets all the left border properties in
one declaration
Sets the width of the bottom border
Set the style of an outline
Set the color of an outline
Set the width of an outline

Session 10
CSS MARGIN
Margin - Individual sides
Margin - Shorthand property
Set the top margin of a text using a cm
value
Set the bottom margin of a text using
a percent value

Session 11
CSS PADDING
Padding - Individual sides
Padding - Shorthand property
All the padding properties in one
declaration
Set the left padding
Set the right padding
Set the top padding
Set the bottom padding

Session 12
CSS DIMENSION
Set the height of elements
Set the height of an image using
percent
Set the width of an element using a
pixel value
Set the maximum height of an
element
Set the maximum width of an element
using percent
Set the minimum height of an element
Set the minimum width of an element
using a pixel value

Session 13
CSS DISPLAY AND VISIBILITY
Hiding an Element - display:none or
visibility:hidden
CSS Display - Block and Inline
Elements
Changing How an Element is
Displayed
How to display an element as an inline
element.
How to make a table element collapse

Session 14
CSS POSITIONING
Static Positioning
Fixed Positioning
Relative Positioning
Absolute Positioning
Overlapping Elements

Session 15
CSS FLOATING
What is CSS Float?
How Elements Float
Floating Elements Next to Each Other
Turning off Float - Using Clear
An image with border and margins
that floats to the right in a paragraph
An image with a caption that floats to
the right
Let the first letter of a paragraph float
to the left
Creating a horizontal menu
Creating a homepage without tables

Session 16
CSS ALIGNMENT
CSS Horizontal Align
Aligning Block Elements
Center Aligning Using the margin
Property
Left and Right Aligning Using the
position Property
Crossbrowser Compatibility Issues
Left and Right Aligning Using the oat
Property

Session 17
CSS COMBINATORS
What is CSS Combinators?
Descendant Selector
Child Selector
Adjacent Sibling Selector
General Sibling Selector

Session 18
CSS PSEUDO-CLASSES & PSEUDOELEMENTS
The first-line Pseudo-element
The first-letter Pseudo-element
Pseudo-elements and CSS Classes
Multiple Pseudo-elements
CSS - The before Pseudo-element
CSS - The after Pseudo-element

Session 19
CSS NAVIGATION BAR
Vertical Navigation Bar
Horizontal Navigation Bar
Inline List Items
Floating List Items

Session 20
CSS IMAGE GALLERY, IMAGE OPACITY
/ TRANSPARENCY & IMAGE SPRITES
What is Image Gallery?
Creating a Transparent Image
Image Transparency - Hover Effect
Text in Transparent Box
Image Sprites - Create a Navigation
List
Image Sprites - Hover Effect

JAVASCRIPT-Course Contents

Session 1
OVERVIEW OF JAVASCRIPT
Where does Java Script Fit in?
Comparing Products
Comparing Java Script to Java
The Purpose of Java Script
Prerequisites
Using Java Script in an HTML
Document
Hiding Java Script from old Web
Browsers

Session 2
VARIABLES
Overview of Variables
Assigning Values to Variables
Concatenating String Variables

Session 3
FUNCTIONS
Creating & Calling Functions
Sending Parameters to a Function
Receiving Parameters out of a
function
Variable scope & Lifetime
Functions Called by Events

Session 4
FLOW CONTROL STRUCTURES
If Structure
If Else Structure
For Loop
While Loop
For/in Structure

Session 5
OPERATORS
Unary Operators
Numeric Operators
Logical Operators

Session 6
STRING PROCESSING
Length
Converting to all Upper or Lower
Case
Index of
Last Index of
Char At
Substr.

Session 7
OBJECTS
Standard Java Script Functions
Creating an Object
Adding Functions to an Object
Multiple Instances of an Object type
Accessing the History Object
Creating Buttons
History.Go Method
Creating a Date Object
Setting the Date & Time by a Single
String
Separating Variables with Commas
Displaying the Date & Time
Time Zones
Extracting the Date
Extracting the Hrs
Set Date Method
Set Time
Non-Data Object Functions

Session 8
ARRAYS
Using Arrays in JavaScript
Predefined JavaScript Object Arrays
Creating Arrays
Reading and Writing to an Array
Using Common Array Methods

Session 9
EVENT HANDLING
Internet Explorer Event Models
The Event Object
Registering JavaScript Events
Inline Event Handlers
Processing Keyboard and Mouse
Events

Session 10
HTTP COOKIES
The Cookie Property
Setting the Cookie Property
GetCookie()
SetCookie()
DeleteCookie()
Scope
Lifetime

Session 11
CALENDER APPLICATIONS
Static Calendar
Dynamic Calendar
Functions for Up-Dating the Calendar
Assigning Values to the Dates of the
Month
Referencing Objects in Other Frames
Event Calendar

Session 12
MATH OBJECT
Constants
Circumference Calculator Application
Functions

Session 13
SHOPPING CART APPLICATION
Order Entry on the Web
Looking at the Parent Object
Creating an Array of Objects
Ordernow Function
Order Form

Session 14
FORM VALIDATION
Trapping Empty Fields
Finding Invalid Values
Intercepting the Submit Button

Session 15
COMMON APPLICATIONS
Form Validation and Testing
Working with Regular Expressions
User Interaction
Local Form Processing
Object Detection
Creating New Windows
Adding Content to a Window
Rollover Images