: 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
  • 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
  • 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

COURSE ENQUIRY

Apply For Course


Follow us on Twitter


Like us on Facebook

Sidebar Menu