: sivasoft@sivasoft.in
Phone & WhatsApp : +91 63029 64834
Phone & WhatsApp : +91 92481 53330

top 10 online best fullstack (mean) ui technologies training institutes in ameerpet, hyderabad, india

ONLINE UI TECHNOLGIES and REACT JS TRAINING COURSE

Apply For Course

DURATION : 120 WORKING DAYS

FACULTY : Mr.SIVA

BATCH TIMINGS : Click Here - BATCH TIMINGS

COURSE MODULES

HTML / XHTML , CSS, JAVASCRIPT(BASIC & ADVANCED)
HTML5,6, CSS3,4, POLLYFILLS
BOOTSTRAP 5
JQUERY, AJAX, JSON OR REST API OR SERVICE CALLS
SCSS (SASS)
ECMASCRIPT2020 OR ES2020
TYPESCRIPT
REACT JS
FACEBOOK, GOOGLE+, TWITTER, GOOGLE MAP, YOUTUBE
SEARCH ENGINE OPTIMIZATION (On-Page and Off-Page)
GOOGLE ANALYTICS INTEGRATION
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,6, CSS3,4)
MAJOR PROJECT ON JQUERY, JQUERY UI, THIRD PARTY PLUGINS, AJAX, REST API OR JSON
MAJOR PROJECT ON BOOTSTRAP 5 RESPONSIVE LAYOUT
BOOTSTRAP INTEGRATION
DEPLOYMENT
MAJOR PROJECT ON REACT JS
BITBUCKET (GIT)
CREATE BRANCHES and PR
JIRA
SLACK
REALTIME ENVIRONMENT TERMINOLOGY
TIPS AND TRICKS TO SERVIVE IN COMPANIES
DISCUSSION ON MOST COMMONLY ASKED INTERVIEW QUESTIONS AND SYSTEM TASKS
MOST COMMONLY USED REALTIME ENVIRONMENT TOOLS
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
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
W₃C
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(W₃C)
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
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 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

SCSS(SASS)

Variables
Nesting
Partials
Modules
Mixins
Extend/Inheritance
Operators

ECMASCRIPT 6 OR ES6

Introduction
Environment
Syntax
Variables, Operators, Decision Making, Loops, Functions, Events, Page Redirect, Dialog Boxes, Void, Page Printing, Objects, Number, Boolean, Strings, Arrays, Date, Math, Regular Expressions, DOM
Iterator
- String
- Array
- Map
- Set
Collections
- Maps
- Sets
Classes : Object-Oriented Programming Concepts
- Declaring a Class
- Creating Objects
- Accessing Functions
- Setters and Getters
- The Static Keyword
- instanceof operator
- Class Inheritance
- Method Overriding
- Super Keyword
Promises
let and const
Variable Hoisting
Arrow Functions
- Fat Arrow Functions
- Advanced Use of Arrow Functions
- When to use Arrow Functions
- When to use Arrow Functions Continued
Array Helper Methods
- forEach
- map
- filter
- find
- every
- some
- reduce
Modules
Error Handling
Validations
Animations
Debugging
ES7 NEW FEATURES
ES8 NEW FEATURES
ES9 NEW FEATURES

TYPESCRIPT

Home
Overview
Environment Setup
Basic Syntax
Types
Variables
Operators
Decision Making
Loops
Functions
Numbers
Strings
Arrays
Tuples
Union
Interfaces
Classes
Objects
Namespaces
Modules

REACT JS

Foundation to Reactjs
Introduction to Reactjs
Introducton to concepts on ES6 (ECMASCRIPT)
let and const
Arrow functions
Template literals
New Array methods
- map
- filter
- some
- every
- find
- reduce
Array & Object destruction
Spread Operator
classes
constructor
this usage in class
getters & setters in class
fetch method to get data from API
promises
resolve & reject in promises
async And await
using promises in async and await

React Basics:

introduction to webpack & babel introduction.
creating project with ReactJs, using npm & npx.
ReactJs folder structure.
creating "hello world" inital programe.
using commands to run & build project.
introduction to Jsx
inlcude dynamic javascript expression in Jsx
attributes in Jsx
using dot notation in Jsx
best practices in crating Jsx components
Jsx childrens & group elements
rendering & updating elements on ReactJs
introduction to functional components & working with it.
introduction to class components & working with it.
differenc between class & functional components
ReactJs components and props
styling with css in ReactJs
ReactJs state & setState
lifecycle methods in ReactJs
- componentDidMount()
- componentDidUpdate()
- shouldComponentUpdate()
- componentWillUnmount()
handling events in ReactJs
conditional rendering in ReactJs
keys and list & loop through data.
Forms in ReactJs
Update state form child(Lifting state up)

Advanced ReactJs:

Using fetch & promises & async await in ReactJs to get API data.
Fragments in ReactJs
Pure components in ReactJs
memo in functional components
Refs in ReactJs
Refs in class components
Portals in ReactJs
Higher Order functions
React Router
In details of Switch, Router, path, Link, useParams, useRouteMatch
Router paramters
Router nesting
Transitions with Router
Router config
Router Redirecting
Developing router practical application
Redux in React
Creating store with redux
Data flow in redux
Redux actions & reduces
Developing redux practical application
Advanced context API
- React.createContext
- Context.Provider
- Class.contextType
- Context.Consumer
- Context.displayName
fetching data with use effects
static type checking
error boundaries
typechecking with PropTypes
introducing Hooks in ReactJs
use state in Hooks
use effects in Hooks
make your own Hooks
REACT JS content will be updated as per latest updations

COURSES OFFERING

COURSE ENQUIRY

Apply For Course

Follow @SivaSoft1

Like us on Facebook

ONLINE UI TECHNOLGIES and REACT JS TRAINING COURSE

DURATION : 120 WORKING DAYS

FACULTY : Mr.SIVA

BATCH TIMINGS : Click Here - BATCH TIMINGS

COURSE MODULES

Our ONLINE TRAINING HIGHLIGHTS

HTML

Cascading Stylesheets(CSS)

JAVASCRIPT

JQUERY

HTML 5

CSS 3.0

BOOTSTRAP 5

SCSS(SASS)

ECMASCRIPT 6 OR ES6

TYPESCRIPT

REACT JS

React Basics:

Advanced ReactJs:

COURSES OFFERING

COURSE ENQUIRY

Subscribe to newsletter

Contact Us

Solutions

Sidebar Menu