: sivasoft@sivasoft.in
: +91 92481 53330
: +91 63029 64834

ONLINE WEB UI TECHNOLGIES TRAINING COURSE

Apply For Course
DURATION : 90 WORKING DAYS
FACULTY : Mr.SIVA
BATCH TIMINGS : Click Here - BATCH TIMINGS
RECOMMENDED 4 : Click Here - RUBY ON RAILS
RECOMMENDED 5 : Click Here - PYTHON
PROJECTS INFO
  • Div or Tableless Layout
  • Javascript Integration
  • Integrating Jquery UI plugins
  • Integrating third party plugins like menu bar, image banners and carousel, Scroll to Top, Favicon
  • Form Validations
  • HTML5 & CSS3 Layout
  • POLYFILLS
  • Bootstrap Responsive Layout
  • SCSS
  • ANGULAR JS INTEGRATION
  • Single Page Application
  • FACEBOOK, GOOGLE+, TWITTER, GOOGLE MAP, YOUTUBE
  • GOOGLE ANALYTICS INTEGRATION
  • Developer Tools:Firebug,Chrome,IE Developer Tools
  • WEB HOSTING
  • MINI PROJECT ON HTML 4 FORMS
  • MINI PROJECT ON HTML 4 TABLE BASED LAYOUT
  • MINI PROJECT ON JAVASCRIPT FORM VALIDATION
  • MAJOR PROJECT ON HTML AND CSS (INCLUDES HTML5,6, CSS3,4)
  • MAJOR PROJECT ON JQUERY, JQUERY UI, THIRD PARTY PLUGINS
  • MAJOR PROJECT ON BOOTSTRAP 4
  • MAJOR PROJECT ON ANGULAR
  • LIVE PROJECTS TRAINING ALSO AVAILABLE

HTML

  • Internet
  • Types of Webpages
    • Static Webpage
    • Dynamic Webpage
    • Server Webpage
  • Introduction To HTML
  • Structure Of HTML
  • Tag
    • Empty Tag
    • Container Tag
  • Editors
  • Basic Tags
  • Meta Tags
  • Attributes & Parameters
  • Font tag
  • Formatting Tags
  • Quotation and Citation Elements
  • Paragraph tag
  • Computer Code
  • abbr & acronym
  • Comments
  • Iframe
  • Entities and Symbols
  • Charset
  • 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
  • XHTML
  • Difference Between HTML & XHTML
  • Doctypes:DTD
  • 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
      • 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
    • Creating a JavaScript Object
    • JavaScript Keyword new
    • Using an Object Constructor
    • Adding methods to an object
    • 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( )
    • AJAX Events
      • ajaxComplete( )
      • ajaxStart( )
      • ajaxError( )
    • JQUERY UI LIBRARY Overview
    • 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.
  • Web Storage
    • Local Storage
    • Session Storage
  • Web Workers
  • 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
  • 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
    • transition-timing-function
      • linear
      • ease
      • ease-in
      • ease-out
      • ease-in-out
  • Animations
    • @keyframes
    • animation
    • animation-delay
    • animation-direction
    • animation-duration
    • animation-iteration-count
    • animation-name
    • animation-play-state
      • running
      • paused
    • animation-timing-function
      • linear
      • ease
      • ease-in
      • ease-out
      • ease-in-out
    • object-fit
  • Selectors
  • Multiple Columns
    • column-count
    • column-gap
    • column-rule
    • column-rule-color
    • column-rule-style
    • column-rule-width
  • User Interface
    • resize
    • outline-offset
  • Variables
  • Box-sizing
  • Flex
  • Media Queries
  • Overview of CSS 3.0 compatabilities for Internet Explorer

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

BOOTSTRAP 4

  • 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
  • Colors
  • Tables
  • Images
  • Jumbotron
  • Alerts
  • Buttons
  • Button Group
  • Button Dropdown
  • Badges
  • Progressbars
  • Pagination
  • List Groups
  • Cards
  • Collapse
  • Navbar
  • Forms
  • Inputs
  • Carousel
  • Modal
  • Tooltip
  • Popover
  • Scrollspy
  • Utilities
  • Grid Sytem
  • BOOTSTRAP RESPONSIVE LAYOUT PROJECT
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