: sivasoft@sivasoft.in
Phone & WhatsApp : +91 70954 49101
Phone & WhatsApp : +91 63029 64834
Phone & WhatsApp : +91 79974 36891
online, UI, Technologies, training, course, institutes, in, ameerpet, hyderabad, india, best, institute, courses, fees, modules, front, end, top, 10, 5, angular, html, css, javascript, html5, css3, bootstrap, jquery, angular, react, reactjs, top 10 online best web ui technologies training institutes in ameerpet, hyderabad, india

ONLINE UI TECHNOLGIES (Angular / React) TRAINING COURSE

Apply For Course
DURATION : 2M
FACULTY : Mr.SIVA(11+Years of Experience)
BATCH TIMINGS : Click Here - BATCH TIMINGS
RECOMMENDED 1 : Click Here - UI TECHNOLGIES & ANGULAR
RECOMMENDED 2 : Click Here - UI TECHNOLGIES & REACT
RECOMMENDED 3 : Click Here - UI TECHNOLGIES & MEAN (MONGODB EXPRESSJS ANGULAR NODEJS)
RECOMMENDED 4 : Click Here - UI TECHNOLGIES & MERN (MONGODB EXPRESSJS REACTJS NODEJS)
COURSE MODULES
  • HTML / XHTML , CSS, JAVASCRIPT(BASIC & ADVANCED)
  • SCSS(SASS) & ECMASCRIPT6 or ES6 & TYPESCRIPT(WE WILL COVER IN ANGULAR / REACTJS COURSES)
  • HTML5+, CSS3+, POLLYFILLS
  • BOOTSTRAP 5
  • JQUERY
  • FACEBOOK, LINKEDIN, PINTEREST, REDDIT, TELEGRAM, TWITTER, VIBER, VK, WHATSAPP
  • GOOGLE MAP, YOUTUBE
  • SCROLL TO TOP, FAVICON
  • SEARCH ENGINE OPTIMIZATION (On-Page)
  • GOOGLE ANALYTICS INTEGRATION
  • Developer Tools:Firebug,Chrome,IE Developer Tools
  • DOMAIN & WEB HOSTING
  • MINI PROJECT ON HTML 4 FORMS
  • MINI PROJECT ON JAVASCRIPT FORM VALIDATION
  • MAJOR PROJECT ON HTML AND CSS (INCLUDES HTML5+ CSS3+)
  • MAJOR PROJECT ON JQUERY, THIRD PARTY PLUGINS
  • MAJOR PROJECT ON BOOTSTRAP 5 RESPONSIVE LAYOUT
  • RESUME PREPARATION
  • INTERVIEW QUESTIONS
  • FREE COURSE COMPLETION CERTIFICATE
  • LIVE PROJECTS TRAINING ALSO AVAILABLE
Our ONLINE TRAINING HIGHLIGHTS
  • LIVE INTERACTIVE SESSIONS
  • REALTIME TRAINING with WORKING EMPLOYEES
  • LIFE TIME ACCESS to RECORDING SESSIONS

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
  • 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
  • List
    • Ordered List
    • Unordered List
    • Nested List
    • Description List
  • Table Tag
  • Form tags
  • XHTML
  • Difference Between HTML & XHTML
  • Doctypes:DTD
  • W3C
  • Introduction To HTML 5
  • Deprecated tags
    • center
    • font
    • s
    • strike
    • u
    • acronym
    • frame
    • frameset
    • embed
    • marquee
    • big
    • dir
    • noframes
  • Deprecated Attributes
    • align-caption, iframe, img, input, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, td, th, and tr.
    • hspace-img
    • vspace-img
    • width-hr, table, td, th, pre.
    • background-body
    • bgcolor-table, tr, td, th and body.
    • rules-table
    • border table
    • cellpadding-table
    • cellspacing-table
    • size-hr
    • type-li, ol and ul
    • noshade-hr

Cascading Stylesheets(CSS)

  • CSS
    • Introduction
    • Syntax
    • Comments
  • Types of StyleSheets
    • Internal StyleSheets
    • External StyleSheets
    • Inline StyleSheets
    • Compound StyleSheet
  • !important
  • Types of Selectors
    • Universal or Global
    • Element or Tag
    • Class
    • Id
    • Descendant
    • Grouping
    • Attribute
  • Div's & Span tags
  • display
  • Block & Inline
  • inline-block
  • Colors
  • CSS UNITS
  • 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
  • Image Sprites
  • 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 (~)
  • Navigation Bar
  • Dropdown Navigation Bar
  • CSS Validations(W3C)

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
  • Image Reflection
  • 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
  • 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
  • object-fit
  • object-position
  • Flex
  • Media Queries
  • Overview of CSS 3.0 compatabilities for Internet Explorer

CSS POLYFILLS FOR CROSS BROWSER COMPATIBILITY

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

SCSS(SASS)-cover in Angular / ReactJS

  • Variables
  • Nesting
  • Partials
  • Modules
  • Mixins
  • Extend/Inheritance
  • Operators

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
  • 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
    • Browser BOM
      • Window
      • Screen
      • Location
      • Popup Alert
      • Popup Confirm
      • Popup Prompt
      • Timing
      • print
    • 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
    • time
    • url
    • week
  • Form Elements
    • <datalist>
    • <output>
  • New attributes for <form>
    • autocomplete
    • novalidate
  • New attributes for <input>
    • autocomplete
    • autofocus
    • form
    • formaction
    • 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
  • 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

BOOTSTRAP 5

  • 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

COURSE ENQUIRY

Apply For Course


Follow us on Twitter


Like us on Facebook

Sidebar Menu