: sivasoft@sivasoft.in
: +91 92481 53330
: +91 95730 93432

CLASSROOM WEBDESIGNING AND DEVELOPMENT TRAINING COURSE

Apply For Course
DURATION : 4 MONTHS
FACULTY : Mr.SIVA
BATCH TIMINGS : Click Here - BATCH TIMINGS
RECOMMENDED 1 : Click Here - JQUERYMOBILE, PHONEGAP
RECOMMENDED 2 : Click Here - PHP, MYSQL, OOPS, CMS
RECOMMENDED 3 : Click Here - C#.net, ASP.net, SQL SERVER
PROJECTS INFO
  • DIV's (table less) based Layout
  • Photoshop Template and Flash Banner
  • PSD to Dreamweaver Layout Conversion
  • Flash Banner & JAVASCRIPT INTEGRATION
  • Javascript Integration
  • Integrating Jquery UI plugins
  • Integrating third party plugins like menu bar, image banners and carousel, Scroll to Top, Favicon
  • Form Validations
  • Data Grid
  • HTML5 & CSS3 Layout
  • CSS3 DropDown Menu
  • Media Queries:Responsive Layout
  • POLYFILLS
  • Bootstrap Responsive Layout
  • ANGULAR JS INTEGRATION
  • FACEBOOK, GOOGLE+, TWITTER, GOOGLE MAP
  • Developer Tools:Firebug, Chrome, IE Developer Tools
  • SASS and COMPASS
  • WEB HOSTING

ADOBE PHOTOSHOP CS6

  • Software Installation
  • Types of Images
  • Types of resolution
  • Introduction to Photoshop
  • Raster and Vector Graphics
  • Overview of Workspace
  • Color Modes
  • Tools
    • Selection tools
    • Crop & Slice tools
    • Retouching Tools
    • Painting tools
    • Drawing Tools
    • Type Tools
    • Navigation tools
    • Annotation Tools
    • Measurement Tools
    • Tools using option Bar
    • Rulers,Grids and Guides
  • Layers
    • Layer Basics
    • Grouping and Link Layers
    • Layer Effects and Style
    • Smart Objects
    • Smart Filters
    • Blending Modes
  • Masking Concepts
    • Layer Mask
    • Vector Mask
    • Create Clipping Mask
  • Filters
    • Filter Basics
    • Filter Effects
    • Lighting Filters
    • Customized Filter Effects
  • Actions
  • Creating Animated Gif files
  • Designing different styles of Menu Bars
  • Design Logos & Banners
  • Design Buttons & Icons
  • Design a Web Layouts

ADOBE FLASH CS6

  • Software Installation
  • Introduction To 2D Animation
  • Difference Between 2D & 3D
  • Introduction To Flash
  • Overview of Workspace
  • Keyboard Shortcuts
  • Tools
    • Selection tools
    • Crop & Slice tools
    • Painting tools
    • Drawing Tools
    • Type Tools
    • Navigation tools
    • Annotation Tools
    • Measurement Tools
    • Tools using Property Inspector
  • Rulers, Grids and Guides
  • Layers
  • Understanding the Timeline
  • Types Of Animation Methods
    • Frame By Frame Method With Examples
    • Motion Tween Method With Examples
    • Shape Tween Method With Examples
  • Types Of Symbols
    • Movie Clip Symbol With Examples
    • Button Symbol With Examples
    • Graphic Symbol With Examples
  • Masking Concepts with Examples
  • Motion Guide with Examples
  • Filters

Adobe Dreamweaver CS6

  • Software Installation
  • Introduction to Adobe Dreamweaver
  • Overview of Workspace
  • Overview of Interface
  • Create a new Page
  • Code View & Design View & Split View
  • Panels
  • Overview of preferences
  • Overview of keyboard shortcuts
  • Rulers,Grids and Guides
  • Checking Browser Compatability
  • Common Panel
    • Hyperlink
    • Email Link
    • Named Anchor
    • Horizontal Rule
    • Table
    • Insert Div Tag
    • Images
      • Image
      • Image Placeholder
      • Rollover Image
    • Hotspot
      • Draw Rectangle Hotspot
      • Draw Oval Hotspot
      • Draw Polygon Hotspot
    • Media
      • SWF
      • FLA
    • Date
    • Comment
    • Head
    • Script
      • Script
      • No Script
    • Tag Chooser
  • Layout
    • Insert Div Tag
    • Draw Ap Div
    • Spry Menu Bar
    • Spry Tabbed Panels
    • Spry Accordion
    • Spry Collapsible Panel
    • Tabel
      • Insert Row Above
      • Insert Row Below
      • Insert Column to the left
      • Insert Column to the right
    • IFrame
    • Frames
  • Forms
    • Form
    • Text Field
    • Hidden Field
    • Checkbox
    • Checkbox Group
    • Radio Button
    • Rado Group
    • Select (List / Menu)
    • Jump Menu
    • Image Field
    • File Field
    • Button
    • Label
    • Fieldset
    • Spry validation Textarea
    • Spry validation Checkbox
    • Spry Validation Select
    • Spry Validation Password
    • Spry Validation Confirm
    • Spry Validation Radio Group
  • Using Dreamweaver Template (DWT)
    • Make Template
    • Make Nested Template
    • Editable Region
    • Optional Region
    • Repeating Region
    • Editable Optional Region
    • Repeating Table

HTML

  • Overview of Web Development
    • Client-side Programming
    • Server-side Programming
  • Types of Webpages
    • Static Webpage
    • Dynamic Webpage
    • Server Webpage
  • Types Of Languages
    • Programming Languages
    • Scripting Languages
  • Introduction To HTML
  • Structure Of HTML
  • Tag
    • Empty Tag
    • Container Tag
  • Basic Tags
  • Meta Tags
  • Attributes & Parameters
  • Font tag
  • Formatting Tags
  • Quotation and Citation Elements
  • Computer Code
  • Comments
  • Iframe
  • Entities
  • Image tag
  • Link Tags
  • Image Link
  • Text Link
  • Email Link
  • Colors
  • Marquee Tag
  • List
    • Ordered List
    • Unordered List
    • Nested List
    • Description List
  • Table Tag
  • Form tags
  • Frame Tag
  • Background Colors & Images
  • Embed Multimedia - Movie, Music
  • Introduction To XHTML
  • Difference Between HTML & XHTML
  • Introduction To Doctypes
  • W3C
  • Introduction To HTML 5

Cascading Stylesheets(CSS)

  • CSS
    • Introduction
    • Syntax
    • Comments
  • Types of StyleSheets
    • Internal StyleSheets
    • External StyleSheets
    • Inline StyleSheets
    • Compound StyleSheet
  • Types of Selectors
    • Universal or Global
    • Element or Tag
    • Class
    • Id
    • Descendant
    • Grouping
    • Attribute
  • Div's & Span tags
  • Block & Inline
  • Colors
  • Box Model
    • Border
      • border-bottom
      • border-bottom-color
      • border-bottom-style
      • border-bottom-width
      • border-color
      • border-left
      • border-left-color
      • border-left-style
      • border-left-width
      • border-right
      • border-right-color
      • border-right-style
      • border-right-width
      • border-style
      • border-top
      • border-top-color
      • border-top-style
      • border-top-width
      • border-width
    • outline
      • outline-style
      • outline-width
      • outline-color
    • margin
      • margin-bottom
      • margin-left
      • margin-right
      • margin-top
    • padding
      • padding-bottom
      • padding-left
      • padding-right
      • padding-top
  • Background
    • background-color
    • background-image
    • background-repeat
    • background-attachment
    • background-position
    • background
  • Font
    • font-family
    • color
    • font-size
    • Set Font Size With Pixels
    • Set Font Size With em
    • font-style
    • font-variant
    • font-weight
    • font
  • Text
    • Color
    • letter-spacing
    • Word-spacing
    • line-height
    • text-align
    • text-decoration
    • text-indent
    • text-transform
    • vertical-align
    • White-space
    • Direction
    • unicode-bidi
  • Images
    • border
    • width
    • height
    • opacity
  • FORMS
  • Links
    • a:link
    • a:visited
    • a:hover
    • a:active
  • cursor
  • Lists
    • list-style
    • list-style-type
    • list-style-position
    • list-style-image
  • Tables
    • border
    • border-collapse
    • width
    • height
    • text-align
    • vertical-align
    • padding
  • Dimension
    • height
    • width
    • max-height
    • min-height
    • max-width
    • min-width
  • Display / Visibility
  • Positioning
    • bottom
    • clip
    • left
    • overflow
    • absolute
    • fixed
    • relative
    • static
    • right
    • top
    • z-index
  • float & clear
  • Pseudo-class
  • Pseudo-element
  • Combinators
    • descendant selector (space)
    • child selector (>)
    • adjacent sibling selector (+)
    • general sibling selector (~)
  • Image Sprites
  • Navigation Bar
  • CSS Validations(W3C)
  • Introduction to css3.0

JAVASCRIPT

  • Introduction to javascript
    • Syntax
    • Statements
    • Comments
  • Popup Boxes
    • Alert
    • Confirm
    • Prompt
  • Variables
  • Operators
    • Arithmetic
    • Assignment
    • Comparison
    • Logical
    • Conditional
  • Conditional Statements
    • if
    • if...else
    • if...else if...else
    • Switch
  • Loops
    • while
    • do...while
    • for
    • for...in
    • Break
    • Continue
  • Functions
    • User-defined Functions
      • Function Syntax
      • Function with Arguments
      • Returning Values from Functions
      • Closures
      • Local and Global Variables
    • Built-in Functions
      • paraseInt and parseFloat
  • Events
    • Introduction
    • Mouse Events
    • Keyboard Events
    • Form Events
    • Document/Window Events
  • Page redirection
  • Page Printing
  • Built-in Objects
    • Introduction
    • Number
    • Strings
    • Math
    • Arrays
      • Associative
      • Array Properties and Methods
    • Date
    • Boolean
    • Regexp
  • Advanced javascript
    • Error handling
    • Debugging
    • HTML DOM
      • Introduction
      • Methods
      • Document
      • HTML
      • CSS
      • Events
      • EventListener
      • Nodes
      • Nodelist
    • Browser BOM
      • Window
      • Screen
      • Location
      • History
      • Navigator
      • Popup Alert
      • Timing
      • Cookies
    • Creating a JavaScript Object
    • JavaScript Keyword new
    • Inheritance in Javascript
    • Using an Object Constructor
    • Adding methods to an object
    • Object Prototypes
    • JSON
    • CLOSURES
    • Form Validations
      • Basics of Form Validation
      • Validating Radio Buttons
      • Validating Checkboxes
      • Validating Select Menus
      • Validating Text & Textareas
      • Validating Through Regular Expressions : Alphabetical, Alphanumeric, Email, Date, Image, Password and so on

JQUERY

  • Introduction
    • What is jQuery
    • Downloading and Installing jQuery
    • Creating a Simple Page in jQuery
    • Overview of jQuery Features
    • The Document Ready Function
    • How to use Custom Scripts?
  • Selectors
    • How to use Selectors?
    • Name
    • #ID
    • .Class
    • Universal (*)
    • Multiple Elements E, F, G
    • Attribute Selector
  • JQUERY EFFECTS
    • hide/show
    • fade
    • slide
    • animate
    • toggle
    • stop
    • Callback
    • Chaining
  • DOM TRAVERSING
    • Ancestors
    • Descendants
    • Siblings
    • Filtering
  • Form Selectors
  • HTML
    • Get
    • Set
    • Add
    • Remove
    • CSS Classes
    • css()
    • Dimensions
  • jQuery Events
  • noConflict() Method
  • AJAX Methods
    • load( )
    • $.get( )
    • $.post( )
    • $.getScript( )
    • $.getJSON( )
    • $.ajax( )
    • serialize( )
    • serializeArray( )
  • jQuery - Ajax
    • Advantages & Limitations
    • Differences b/w JSON & XML
    • Passing data to the Server
    • Loading simple data
    • JSON & XML & STRING data
    • Crossdomain with JSONP
    • LOADING DOM using Templates
    • Loading Templates using Ajax
  • JSON
    • What is JSON
    • JSON Functions
    • Creating Simple Objects
    • JSON Http Request
  • AJAX Events
    • ajaxComplete( )
    • ajaxStart( )
    • ajaxError( )
  • JQUERY UI LIBRARY
    • Interactions
      • Draggable
      • Droppable
      • Resizable
      • Selectable
      • Sortable
    • Widgets
      • Accordion
      • Autocomplete
      • Button
      • Datepicker
      • Dialog
      • Progressbar
      • Slider
      • Tabs
      • Effects Effect, Show, Hide, Toggle,Color animation, Add class, Remove class, Toggle class, Switch class
      • customizing Jquery theming
      • Jquery Theme Roller

HTML 5

  • What is HTML 5
  • Overview of HTML 5
    • Browser Support
    • W3C and Web Hypertext Application Technology Working Group (WHATWG). Specifications
    • Power of HTML5 in web & mobile Domains
    • Overview of updated new features
  • HTML5 Syntax
    • The DOCTYPE
    • Character Encoding
    • The <script> tag
    • The <link> tag
    • HTML5 Document
  • Forms
    • color
    • date
    • datetime
    • datetime-local
    • email
    • month
    • number
    • range
    • search
    • tel
    • time
    • url
    • week
  • Form Elements
    • <datalist>
    • <keygen>
    • <output>
  • New attributes for <form>
    • autocomplete
    • novalidate
  • New attributes for <input>
    • autocomplete
    • autofocus
    • form
    • formaction
    • formenctype
    • formmethod
    • formnovalidate
    • formtarget
    • height and width
    • list
    • min and max
    • multiple
    • pattern (regexp)
    • placeholder
    • required
    • step
  • Video and Audio
    • Media
    • <audio>
    • <video>
    • <source>
    • <embed>
    • plugins
    • youtube
  • Types of Elements
    • Semantic Elements
    • Structural Elements
  • HTML5 NEW ELEMENTS
    • <article>
    • <aside>
    • <canvas>
    • <details>
    • <figcaption>
    • <figure>
    • <footer>
    • <header>
    • <hgroup>
    • <main>
    • <mark>
    • <meter>
    • <nav>
    • <section>
    • <summary>
    • <time>
  • Migration from HTML4 to HTML5
    • HTML5 Browser Support
      • HTML5 Elements as Block Elements
      • Adding New Elements to HTML
      • Problem With Internet Explorer
      • Complete Shiv Solution
      • HTML5 Skeleton
  • HTML5 DEPRECATED TAGS
    • <acronym>
    • <center>
    • <font>
    • <frame>
    • <frameset>
    • <s>
    • <u>
  • HTML5 DEPRECATED ATTRIBUTES
    • align-caption, iframe, img, input, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, td, th, and tr.
    • background-body
    • bgcolor-table, tr, td, th and body.
    • border table
    • cellpadding-table
    • cellspacing-table
    • hspace-img
    • vspace-img
    • noshade-hr
    • rules-table
    • size-hr
    • type-li, ol and ul
    • width-hr, table, td, th, pre.
  • App Cache or Offline Applications
    • Browser Support
    • Manifest File
      • CACHE MANIFEST
      • NETWORK
      • Updating the Cache
      • Notes on Application Cache
  • Web Storage
    • Local Storage
    • Session Storage
  • Web Workers
    • Browser Support
    • What is webworker
    • Check Web Worker Support
    • Create a Web Worker File
    • Create a Web Worker Object
    • Terminate a Web Worker
    • Reuse the Web Worker
  • Server Sent Events - One Way Messaging
    • Browser Support
    • Receive Server-Sent Event Notifications
    • Check Server-Sent Events Support
    • Server-Side Code
  • MathML
    • Introduction
    • Browser Support
    • MathML Characters
    • Matrix Presentation
    • Math Formulas
  • Geolocation
    • Locate the User's Position
    • Browser Support
    • getCurrentPosition() method
    • Handling Errors & Rejections
    • Displaying the Result in a Map
    • Location-specific Information
    • getCurrentPosition() Method - Return Data
    • Geolocation object - Other interesting Methods
  • Drag and Drop API
    • Browser Support
    • Make an Element Draggable
    • What to Drag - ondragstart and setData()
    • Where to Drop - ondragover
    • Do the Drop - ondrop
    • Drag image back and forth
  • File API
    • Accessing File Information
    • Reading File Content
  • WEB SQL
    • Introduction
    • Browser Support
    • Core Methods
    • Opening Database
    • Executing queries
    • INSERT Operation
    • READ Operation
  • Canvas Overview
    • Lines
    • Curves
    • font
    • Image
    • Paths
    • Shapes
    • Color, gradients
  • SVG
    • What is SVG?
    • SVG Advantages
    • Differences Between SVG and Canvas
    • Rectangle
    • Circle
    • Ellipse
    • Line
    • Polygon

CSS 3.0

  • CSS 2.0 vs CSS 3.0
  • Introduction to css3
  • whats new in css3.0
  • border
    • box-shadow
    • border-image
    • border-radius
  • background
    • background-clip
    • background-origin
    • background-size
    • Multiple Background Images
  • Gradients
    • Linear Gradients
      • Top to Bottom
      • Left to Right
      • Diagonal
      • Angles
      • Multiple Color Stops
      • Transparency
    • repeating-linear-gradient
    • Radial Gradients
      • Evenly Spaced Color Stops
      • Differently Spaced Color Stops
      • Set Shape
      • Use of Different Size Keywords
        • closest-side
        • farthest-side
        • closest-corner
        • farthest-corner
    • repeating-radial-gradient
  • text effects
    • text-shadow
    • word-wrap
  • @FONT Face
    • Browser Support
    • Font Formats
    • Browser Support for Font Formats
    • Using The Font
    • Working with third party plugins
  • Google fonts
  • 2D Transforms
    • Browser Support for 2D Transforms
    • transform
    • transform-origin
    • translate(x,y)
    • translateX(n)
    • translateY(n)
    • scale(x,y)
    • scaleX(n)
    • scaleY(n)
    • rotate(angle)
    • skew(x-angle,y-angle)
    • skewX(angle)
    • skewY(angle)
  • 3D Transforms
    • rotateX()
    • rotateY()
    • rotateZ()
  • RGBA
  • Box Resize
  • Box Sizing
  • Outline
  • Transitions
    • transition
    • transition-delay
    • transition-duration
    • transition-property
  • Animations
    • @keyframes
    • animation
    • animation-delay
    • animation-direction
    • animation-duration
    • animation-iteration-count
    • animation-name
  • Selectors
  • Multiple Columns
    • column-count
    • column-fill
    • column-gap
    • column-rule
    • column-rule-color
    • column-rule-style
    • column-rule-width
  • User Interface
    • box-sizing
    • resize
    • outline-offset
  • Media Queries
  • Overview of CSS 3.0 compatabilities for Internet Explorer
  • Converting Layout to HTML 5 & CSS 3

HTML 5 POLYFILLS FOR CROSS BROWSER COMPATIBILITY

***Content will be upadated as per latest updations.

BOOTSTRAP

  • Get Started
    • What is Bootstrap?
    • Bootstrap History
    • Why Use Bootstrap?
    • What Does Bootstrap Include?
    • HTML File
    • Adding Bootstrap to Your Web Pages
    • Downloading Bootstrap
    • Bootstrap CDN
    • Put Your HTML Elements Inside Containers
    • Bootstrap Browser/Device Support
  • Typography
    • Bootstrap's Default Settings
    • Bootstrap vs. Browser Defaults
    • Typography Classes
  • Grid System
    • What is a Grid?
    • Bootstrap Grid System
    • Mobile-First Strategy
    • Grid System Rules
    • Basic Structure of a Bootstrap Grid
    • Grid Options
  • Stacked-to-horizontal
  • Small Devices
  • Medium Devices
  • Large Devices
  • Forms
    • Form Layouts
    • Vertical Form (default)
    • Inline Form
    • Horizontal Form
  • Inputs
    • Supported Form Controls Bootstrap supports the following form controls:
      • input
      • textarea
      • checkbox
      • radio
      • select
  • Inputs 2
    • Static Control
    • Form Control States
  • Input Sizing
    • Input Sizing in Forms
    • Height Sizing
    • Column Sizing
    • Help Text

Case

  • Container
    • Build a Bootstrap Web Page From Scratch
    • Add Bootstrap CDN and Put Elements in Containers
  • Jumbotron
  • Button/Icon
    • Adding a Button
    • Adding an Icon
  • Multicolumn
    • Multicolumn Layout
    • Columns With Different Widths
  • Menu
    • Menus
    • Tabs
    • Tabs With Dropdown Menu
    • Pills
    • Vertical Pills
    • Pills With Dropdown Menu
  • Navigation Bar
    • Navigation Bars
    • Inverted Navigation Bar
    • Fixed Navigation Bar
    • Navigation Bar With Dropdown
    • Right-Aligned Navigation Bar
    • Collapsing The Navigation Bar
  • Bootstrap Navbar
    • Default navbar
    • Responsive navbar
    • Forms in navbar
    • Buttons in navbar
    • Text in navbar
    • Non-nav links
    • Component alignment
    • Fixed to top
    • Fixed to bottom
    • Static top
    • Inverted navbar
    • Bootstrap Breadcrumb
  • Bootstrap Pagination
    • Pagination
    • DEFAULT PAGINATION
    • STATES
    • SIZING
    • Pager
    • ALIGNED LINKS
    • STATES
    • Bootstrap Labels
  • Bootstrap Jumbotron
    • Bootstrap Page Header
    • Bootstrap Thumbnails
  • Bootstrap Alerts
    • Dismissal Alerts
    • Links in Alerts
  • Bootstrap Progress Bars
    • Default Progress Bar
    • Alternate Progress Bar
    • Striped Progress Bar
    • Animated Progress Bar
    • Stacked Progress Bar
  • Bootstrap Media Object
    • .media
    • .media-list
  • Bootstrap List Group
    • Adding Badges to List Group
    • Linking List Group Items
    • Add Custom Content to List Group
  • Bootstrap Panels
    • Panel with heading
    • Panel with footer
    • Panel Contextual alternatives
    • Panel with tables
    • Panel with Listgroups
  • Bootstrap Wells
    • well
    • Sizing
  • Bootstrap Plugins

ANGULAR JS

INTRODUCTION

Expressions

  • AngularJS Expressions
  • AngularJS Numbers
  • AngularJS Strings
  • AngularJS Objects
  • AngularJS Arrays

Directives

  • Directives
    • ng-app
    • ng-init
    • ng-model
    • ng-repeat
    • ng-Class
    • ng-Include
  • Data Binding

Controllers

  • Properties
  • Methods
  • In External Files

Filters

  • Adding Filters to Expressions
  • The currency Filter
  • Adding Filters to Directives
  • Filtering Input

HTML DOM

  • ng-disabled
  • ng-show
  • ng-hide

Events

Modules

  • Controllers Pollute the Global Namespace
  • AngularJS Application Files

AngularJS XMLHttpRequest

  • AngularJS $http

AngularJS Tables

AngularJS Forms

AngularJS Input Validation

Angular JS GLOBAL API

Angular JS Animations

Single Page Applications

  • Multiple Controllers, Multiple Views
  • Routing and Controllers

AngularJS Service Types

  • Constants And Values
  • Factories
  • Services
  • Providers
  • Dependency Injection

Custom Directives

  • Element name
  • Attribute
  • Class
  • Comment

Bootstrap & CSS & Testing

ANGULAR LATEST VERSION

ECMASCRIPT

TYPESCRIPT

  • Introduction
  • What is Angular
  • Why use Angular
  • Angular Versions : 1, 2, 4, 5, 6, 7, 8
  • Environment Setup
  • Using Angular CLI
  • Creating Project
  • Project File Structure
  • Components
    • What is a component
    • Component Layout
    • Why use components
    • Structure of a component
    • Generating components with Angular-CLI
    • @Input(), @Output(), @ViewChild()
  • Module:ngModule
  • Data Binding and String Interpolation
  • Adding Types and Properties
  • Object Interfaces
  • Object Model
  • Templates
  • Files and Stylesheets
  • Loop Data with the ngFor Directive
  • Conditionals With ngIf ngSwitch Directives
  • Property Binding
  • Class Binding ngClass
  • Style Binding ngStyle
  • Pipes
  • Event Binding
  • Directives
  • Routing
  • Services
  • HTTP Service
  • Forms(TD and REACTIVE)
  • Observables
  • Animations
  • Materials
  • CLI
  • PROJECT
  • Angular LATEST content will be updated as per latest updations

COURSE ENQUIRY

Apply For Course


Follow us on Twitter


Like us on Facebook